.compact-mode{--spacing-unit:0.75rem}.compact-mode .card,.compact-mode .p-4{padding:.75rem!important}.compact-mode .gap-4{gap:.75rem!important}.compact-mode .space-y-4>*+*{margin-top:.75rem!important}.large-text{font-size:1.125rem}.large-text h1{font-size:3rem}.large-text h2{font-size:2.25rem}.large-text h3{font-size:1.875rem}.large-text div,.large-text p,.large-text span{font-size:1.125rem}.large-text .text-sm{font-size:1rem}.large-text .text-xs{font-size:.875rem}.high-contrast{--contrast-boost:1.5;filter:contrast(1.2)}.high-contrast .text-gray-600{color:rgb(55,65,81)!important}.high-contrast .dark .text-gray-400{color:rgb(209,213,219)!important}.high-contrast .border-gray-200{border-color:rgb(107,114,128)!important}.high-contrast .dark .border-gray-700{border-color:rgb(156,163,175)!important}.reduce-motion,.reduce-motion *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reduce-motion .motion-safe\:animate-spin{animation:none!important}[data-font-size=small]{font-size:14px}[data-font-size=small] h1{font-size:2rem}[data-font-size=small] h2{font-size:1.5rem}[data-font-size=small] h3{font-size:1.25rem}[data-font-size=medium]{font-size:16px}[data-font-size=large]{font-size:18px}[data-font-size=large] h1{font-size:3rem}[data-font-size=large] h2{font-size:2.5rem}[data-font-size=large] h3{font-size:2rem}[data-content-density=compact] .card,[data-content-density=compact] .p-4,[data-content-density=compact] .p-6{padding:.75rem!important}[data-content-density=compact] .gap-4{gap:.5rem!important}[data-content-density=compact] .space-y-4>*+*{margin-top:.5rem!important}[data-content-density=compact] .space-y-6>*+*{margin-top:.75rem!important}[data-content-density=spacious] .card,[data-content-density=spacious] .p-4{padding:2rem!important}[data-content-density=spacious] .p-6{padding:2.5rem!important}[data-content-density=spacious] .gap-4{gap:1.5rem!important}[data-content-density=spacious] .space-y-4>*+*{margin-top:1.5rem!important}[data-content-density=spacious] .space-y-6>*+*{margin-top:2rem!important}[data-autoplay-videos=false] video{autoplay:false}[data-autoplay-videos=false] video[autoplay]{autoplay:false!important}.theme-default{--theme-primary:rgb(236,72,153);--theme-primary-hover:rgb(219,39,119);--theme-primary-light:rgb(251,207,232);--theme-primary-dark:rgb(190,24,93);--theme-secondary:rgb(168,85,247);--theme-secondary-hover:rgb(147,51,234);--theme-secondary-light:rgb(221,214,254);--theme-accent:rgb(59,130,246);--theme-accent-hover:rgb(37,99,235);--theme-accent-light:rgb(191,219,254);--theme-gradient-primary:linear-gradient(90deg,rgb(236,72,153),rgb(219,39,119));--theme-gradient-secondary:linear-gradient(90deg,rgb(168,85,247),rgb(147,51,234));--theme-gradient-hero:linear-gradient(to bottom right,rgb(236,72,153),rgb(168,85,247),rgb(59,130,246));--theme-gradient-card:linear-gradient(to bottom right,rgba(236,72,153,0.1),rgba(168,85,247,0.1));--theme-border:rgb(236,72,153);--theme-border-light:rgb(251,207,232);--theme-badge-bg:rgb(252,231,243);--theme-badge-text:rgb(190,24,93);--theme-badge-border:rgb(251,207,232)}.dark .theme-default{--theme-primary:rgb(244,114,182);--theme-primary-hover:rgb(236,72,153);--theme-badge-bg:rgba(236,72,153,0.2);--theme-badge-text:rgb(244,114,182);--theme-border-light:rgba(236,72,153,0.3)}.theme-sunset{--theme-primary:rgb(249,115,22);--theme-primary-hover:rgb(234,88,12);--theme-primary-light:rgb(254,215,170);--theme-primary-dark:rgb(194,65,12);--theme-secondary:rgb(239,68,68);--theme-secondary-hover:rgb(220,38,38);--theme-secondary-light:rgb(254,202,202);--theme-accent:rgb(245,158,11);--theme-accent-hover:rgb(217,119,6);--theme-accent-light:rgb(253,230,138);--theme-gradient-primary:linear-gradient(90deg,rgb(249,115,22),rgb(239,68,68));--theme-gradient-secondary:linear-gradient(90deg,rgb(239,68,68),rgb(249,115,22));--theme-gradient-hero:linear-gradient(to bottom right,rgb(249,115,22),rgb(239,68,68),rgb(245,158,11));--theme-gradient-card:linear-gradient(to bottom right,rgba(249,115,22,0.1),rgba(239,68,68,0.1));--theme-gradient-glow:linear-gradient(90deg,rgba(249,115,22,0.2),rgba(239,68,68,0.2),rgba(249,115,22,0.2));--theme-border:rgb(249,115,22);--theme-border-light:rgb(254,215,170);--theme-badge-bg:rgb(255,237,213);--theme-badge-text:rgb(194,65,12);--theme-badge-border:rgb(254,215,170);--theme-glow-color:rgba(249,115,22,0.4);--theme-shadow:0 20px 25px -5px rgba(249,115,22,0.1),0 8px 10px -6px rgba(239,68,68,0.1)}.dark .theme-sunset{--theme-primary:rgb(251,146,60);--theme-primary-hover:rgb(249,115,22);--theme-badge-bg:rgba(249,115,22,0.2);--theme-badge-text:rgb(251,146,60);--theme-border-light:rgba(249,115,22,0.3);--theme-glow-color:rgba(249,115,22,0.3)}.bg-gradient-to-r.from-pink-500,.btn-primary{background:var(--theme-gradient-primary)!important}.btn-primary:hover,.hover\:from-pink-600:hover{background:linear-gradient(to right,var(--theme-primary-hover),var(--theme-secondary-hover))!important}.theme-badge{background-color:var(--theme-badge-bg);color:var(--theme-badge-text);border-color:var(--theme-badge-border)}.theme-border{border-color:var(--theme-border)}.theme-border-light{border-color:var(--theme-border-light)}.theme-text-primary{color:var(--theme-primary)}.theme-text-secondary{color:var(--theme-secondary)}.theme-bg-primary{background-color:var(--theme-primary)}.theme-bg-gradient{background:var(--theme-gradient-primary)}.theme-bg-card{background:var(--theme-gradient-card)}.bg-gradient-to-r.from-pink-500.to-rose-600{background:var(--theme-gradient-primary)!important}.hover\:from-pink-600.hover\:to-rose-700:hover{background:linear-gradient(to right,var(--theme-primary-hover),var(--theme-secondary-hover))!important}.focus-visible\:ring-pink-500:focus-visible,.focus\:ring-pink-500:focus{--tw-ring-color:var(--theme-primary)!important}.theme-card-hover:hover{border-color:var(--theme-border);box-shadow:var(--theme-shadow)}.theme-glow{box-shadow:0 0 20px var(--theme-glow-color)}@keyframes sunset-pulse{0%,to{opacity:1;box-shadow:0 0 20px rgba(249,115,22,.4)}50%{opacity:.8;box-shadow:0 0 40px rgba(239,68,68,.6)}}.theme-sunset .animate-theme-pulse{animation:sunset-pulse 3s cubic-bezier(.4,0,.6,1) infinite}.theme-default .bg-gradient-to-r.from-pink-500.via-rose-500.to-red-500,.theme-default .from-pink-500,.theme-default .to-red-500,.theme-default .via-rose-500,.theme-sunset .bg-gradient-to-r.from-pink-500.via-rose-500.to-red-500,.theme-sunset .from-pink-500,.theme-sunset .to-red-500,.theme-sunset .via-rose-500{background:var(--theme-gradient-primary)!important}.theme-hero{background:var(--theme-gradient-hero)}.theme-card{background:var(--theme-gradient-card);border-color:var(--theme-border-light)}a.bg-gradient-to-r.from-pink-500,a.from-pink-500,button.bg-gradient-to-r.from-pink-500,button.from-pink-500{background:var(--theme-gradient-primary)!important}a.bg-gradient-to-r.from-pink-500:hover,a.from-pink-500:hover,button.bg-gradient-to-r.from-pink-500:hover,button.from-pink-500:hover{background:linear-gradient(to right,var(--theme-primary-hover),var(--theme-secondary-hover))!important}.theme-icon,a.theme-link{color:var(--theme-primary)}a.theme-link:hover{color:var(--theme-primary-hover)}.theme-progress{background-color:var(--theme-primary)}.theme-checkbox:checked,.theme-radio:checked{background-color:var(--theme-primary);border-color:var(--theme-primary)}@media (prefers-reduced-motion:reduce){.theme-sunset .animate-theme-pulse{animation:none}}.high-contrast.theme-sunset{--theme-primary:rgb(234,88,12);--theme-secondary:rgb(220,38,38);--theme-border:rgb(194,65,12)}.high-contrast.dark.theme-sunset{--theme-primary:rgb(253,186,116);--theme-secondary:rgb(252,165,165)}body,html{overflow-x:hidden;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:manipulation}@media (max-width:767px){.container{padding-left:16px;padding-right:16px}*,.container,img,video{max-width:100%}img,video{height:auto}h1{font-size:1.75rem;line-height:1.3}h1,h2{margin-bottom:.5rem}h2{font-size:1.5rem}h2,h3{line-height:1.4}h3{font-size:1.25rem}div,p,span{font-size:.875rem;line-height:1.6}.text-sm,small{font-size:.75rem;line-height:1.5}.clickable,a,button,input[type=checkbox],input[type=radio]{min-height:44px;min-width:44px;padding:12px 16px}a.icon-only,button.icon-only{width:44px;height:44px;padding:10px;display:flex;align-items:center;justify-content:center}.mobile-header{position:fixed;top:0;left:0;right:0;height:60px;background:#0a1628;border-bottom:1px solid #1e293b;padding:0 16px;display:flex;align-items:center;justify-content:space-between;z-index:50;box-shadow:0 2px 8px rgba(0,0,0,.3)}.mobile-header .logo{height:32px;width:auto}.mobile-header .menu-button{width:44px;height:44px;padding:8px;background:transparent;border:none;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(2px);z-index:60;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-nav-overlay.active{opacity:1;pointer-events:auto}.mobile-nav-drawer{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;background:#0f172a;z-index:70;overflow-y:auto;transform:translateX(-100%);transition:transform .3s ease;box-shadow:4px 0 16px rgba(0,0,0,.4)}.mobile-nav-drawer.active{transform:translateX(0)}.mobile-nav-drawer .nav-item{display:flex;align-items:center;gap:12px;padding:16px 20px;color:#cbd5e1;text-decoration:none;font-size:1rem;border-bottom:1px solid #1e293b;min-height:56px;transition:background-color .2s ease}.mobile-nav-drawer .nav-item:active,.mobile-nav-drawer .nav-item:hover{background:#1e293b;color:white}.mobile-nav-drawer .nav-item.active{background:#1e293b;color:#f97316;border-left:4px solid #f97316}.mobile-nav-drawer .nav-item img,.mobile-nav-drawer .nav-item svg{width:24px;height:24px;flex-shrink:0}.mobile-content{margin-top:60px;padding:16px 16px 80px;min-height:calc(100vh - 60px)}.welcome-section{background:linear-gradient(180deg,#0f172a,#0a1628);padding:24px 16px;margin:-16px -16px 16px;border-radius:0 0 16px 16px}.welcome-section h1{font-size:1.5rem;margin-bottom:8px;color:white}.welcome-section p{font-size:.875rem;color:#94a3b8;margin-bottom:0}.welcome-section .user-avatar{width:48px;height:48px;border-radius:50%;border:2px solid #f97316;-o-object-fit:cover;object-fit:cover}.stats-row{display:flex;gap:16px;margin-top:16px;justify-content:space-around;text-align:center}.stats-row .stat{flex:1}.stats-row .stat-value{font-size:1.25rem;font-weight:700;color:white;margin-bottom:4px}.stats-row .stat-label{font-size:.75rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.announcement-card{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);border-radius:12px;padding:16px;margin-bottom:16px}.announcement-card .icon{width:32px;height:32px;background:rgba(59,130,246,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:12px}.announcement-card h3{font-size:.875rem;font-weight:600;color:#93c5fd;margin-bottom:8px}.announcement-card p{font-size:.75rem;color:#cbd5e1;line-height:1.5;margin:0}.activity-tabs{position:sticky;top:60px;background:#0a1628;border-bottom:1px solid #1e293b;padding:12px 0;margin:0 -16px 16px;z-index:40}.activity-tabs-container{display:flex;gap:8px;overflow-x:auto;padding:0 16px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.activity-tabs-container::-webkit-scrollbar{display:none}.activity-tab{flex-shrink:0;padding:8px 16px;border-radius:20px;font-size:.875rem;font-weight:500;white-space:nowrap;border:none;cursor:pointer;transition:all .2s ease;min-height:36px}.activity-tab.active{background:#f97316;color:white}.activity-tab:not(.active){background:#1e293b;color:#cbd5e1}.activity-tab:not(.active):active{background:#334155}.activity-card{background:#0f172a;border:1px solid #1e293b;border-radius:12px;padding:16px;margin-bottom:12px;transition:border-color .2s ease}.activity-card:active{border-color:#334155}.activity-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.activity-card-header .avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.activity-card-header .user-info{flex:1;min-width:0}.activity-card-header .username{font-size:.875rem;font-weight:600;color:white;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-card-header .timestamp{font-size:.75rem;color:#64748b}.activity-card-content h3{font-size:1rem;font-weight:600;color:white;margin-bottom:8px;line-height:1.4}.activity-card-content p{font-size:.875rem;color:#cbd5e1;line-height:1.6;margin-bottom:12px}.activity-card-image{width:calc(100% + 32px);margin:12px -16px;max-height:300px;-o-object-fit:cover;object-fit:cover;border-radius:0}.activity-card-actions{display:flex;gap:16px;padding-top:12px;border-top:1px solid #1e293b}.activity-card-actions button{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:#94a3b8;font-size:.875rem;padding:8px 12px;cursor:pointer;transition:color .2s ease;min-height:40px}.activity-card-actions button:active{color:#f97316}.activity-card-actions button svg{width:20px;height:20px}.quick-actions{margin-top:24px}.quick-actions h2{font-size:1.125rem;font-weight:600;color:white;margin-bottom:16px;padding:0 16px}.quick-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-action-card{background:#0f172a;border:1px solid #1e293b;border-radius:12px;padding:16px;text-align:center;cursor:pointer;transition:all .2s ease;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.quick-action-card:active{background:#1e293b;border-color:#f97316;transform:scale(.98)}.quick-action-card .icon{width:40px;height:40px;margin-bottom:8px}.quick-action-card h3{font-size:.875rem;font-weight:600;color:white;margin-bottom:4px}.quick-action-card p{font-size:.75rem;color:#94a3b8;line-height:1.4}input,select,textarea{font-size:16px!important;min-height:44px;padding:12px 16px;border-radius:8px;border:1px solid #1e293b;background:#0f172a;color:white;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px rgba(249,115,22,.1)}.modal{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}.modal-content{background:#0f172a;width:100%;max-height:90vh;border-radius:20px 20px 0 0;overflow-y:auto;padding:24px 16px}.modal-handle{width:40px;height:4px;background:#334155;border-radius:2px;margin:0 auto 20px}.skeleton{background:linear-gradient(90deg,#1e293b 25%,#334155 50%,#1e293b 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.smooth-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.safe-area-top{padding-top:max(60px,env(safe-area-inset-top))}.safe-area-bottom{padding-bottom:max(20px,env(safe-area-inset-bottom))}}:root{--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--container-padding-mobile:16px;--container-padding-tablet:24px;--container-padding-desktop:32px;--card-padding-mobile:16px;--card-gap-mobile:12px;--button-padding-y:12px;--button-padding-x:24px;--button-gap:12px;--safe-area-top:max(60px,env(safe-area-inset-top));--safe-area-bottom:max(80px,env(safe-area-inset-bottom))}@media (max-width:767px){body{padding:0;margin:0}.mobile-main{padding:var(--container-padding-mobile);padding-top:calc(60px + var(--space-lg));padding-bottom:calc(80px + var(--space-lg));min-height:100vh}.p-mobile-xs{padding:var(--space-xs)!important}.p-mobile-sm{padding:var(--space-sm)!important}.p-mobile-md{padding:var(--space-md)!important}.p-mobile-lg{padding:var(--space-lg)!important}.p-mobile-xl{padding:var(--space-xl)!important}.px-mobile-xs{padding-left:var(--space-xs)!important;padding-right:var(--space-xs)!important}.px-mobile-sm{padding-left:var(--space-sm)!important;padding-right:var(--space-sm)!important}.px-mobile-md{padding-left:var(--space-md)!important;padding-right:var(--space-md)!important}.px-mobile-lg{padding-left:var(--space-lg)!important;padding-right:var(--space-lg)!important}.px-mobile-xl{padding-left:var(--space-xl)!important;padding-right:var(--space-xl)!important}.py-mobile-xs{padding-top:var(--space-xs)!important;padding-bottom:var(--space-xs)!important}.py-mobile-sm{padding-top:var(--space-sm)!important;padding-bottom:var(--space-sm)!important}.py-mobile-md{padding-top:var(--space-md)!important;padding-bottom:var(--space-md)!important}.py-mobile-lg{padding-top:var(--space-lg)!important;padding-bottom:var(--space-lg)!important}.py-mobile-xl{padding-top:var(--space-xl)!important;padding-bottom:var(--space-xl)!important}.m-mobile-xs{margin:var(--space-xs)!important}.m-mobile-sm{margin:var(--space-sm)!important}.m-mobile-md{margin:var(--space-md)!important}.m-mobile-lg{margin:var(--space-lg)!important}.m-mobile-xl{margin:var(--space-xl)!important}.mb-mobile-xs{margin-bottom:var(--space-xs)!important}.mb-mobile-sm{margin-bottom:var(--space-sm)!important}.mb-mobile-md{margin-bottom:var(--space-md)!important}.mb-mobile-lg{margin-bottom:var(--space-lg)!important}.mb-mobile-xl{margin-bottom:var(--space-xl)!important}.mb-mobile-2xl{margin-bottom:var(--space-2xl)!important}.gap-mobile-xs{gap:var(--space-xs)!important}.gap-mobile-sm{gap:var(--space-sm)!important}.gap-mobile-md{gap:var(--space-md)!important}.gap-mobile-lg{gap:var(--space-lg)!important}.gap-mobile-xl{gap:var(--space-xl)!important}.welcome-section{padding:var(--space-xl) var(--space-lg);margin-bottom:var(--space-lg)}.welcome-section .user-info{margin-bottom:var(--space-md)}.welcome-section .stats-row{margin-top:var(--space-lg);gap:var(--space-lg)}.announcement-card{padding:var(--space-lg);margin-bottom:var(--space-lg)}.announcement-card .icon{margin-bottom:var(--space-md)}.announcement-card h3{margin-bottom:var(--space-sm)}.activity-tabs{padding:var(--space-md) 0;margin-bottom:var(--space-lg)}.activity-tabs-container{padding:0 var(--space-lg);gap:var(--space-sm)}.activity-tab{padding:var(--space-sm) var(--space-lg)}.activity-card{padding:var(--space-lg);margin-bottom:var(--space-md)}.activity-card-header{gap:var(--space-md)}.activity-card-content,.activity-card-header{margin-bottom:var(--space-md)}.activity-card-content h3{margin-bottom:var(--space-sm)}.activity-card-content p{margin-bottom:var(--space-md)}.activity-card-actions{padding-top:var(--space-md);gap:var(--space-lg)}.activity-card-actions button{padding:var(--space-sm) var(--space-md);gap:var(--space-sm)}.quick-actions{margin-top:var(--space-2xl)}.quick-actions h2{margin-bottom:var(--space-lg);padding:0 var(--space-lg)}.quick-actions-grid{gap:var(--space-md);padding:0 var(--space-lg)}.quick-action-card{padding:var(--space-xl);gap:var(--space-sm)}.quick-action-card .icon{margin-bottom:var(--space-sm)}.quick-action-card h3{margin-bottom:var(--space-xs)}.card,.mobile-card,[class*=card]{padding:var(--card-padding-mobile)}.card>*+*,.mobile-card>*+*{margin-top:var(--card-gap-mobile)}.list-vertical>*+*{margin-top:var(--space-md)}.grid-mobile{gap:var(--space-md)}.form-group{margin-bottom:var(--space-lg)}.form-group label{margin-bottom:var(--space-sm);display:block}.form-group input,.form-group select,.form-group textarea{margin-bottom:var(--space-xs)}.form-group .help-text{margin-top:var(--space-xs)}.form-section{margin-bottom:var(--space-2xl)}.form-section h3{margin-bottom:var(--space-lg)}.button-group,.button-group-vertical{display:flex;gap:var(--button-gap)}.button-group-vertical{flex-direction:column}.button-with-icon{display:flex;align-items:center;gap:var(--space-sm);padding:var(--button-padding-y) var(--button-padding-x)}.mobile-nav-drawer .nav-item{padding:var(--space-lg) var(--space-xl)}.mobile-nav-drawer .nav-item img,.mobile-nav-drawer .nav-item svg{margin-right:var(--space-md)}.bottom-nav{padding:var(--space-sm) var(--space-lg)}.bottom-nav .nav-item{padding:var(--space-sm)}section{margin-bottom:var(--space-2xl)}section:last-child{margin-bottom:0}section>h2{margin-bottom:var(--space-lg)}section>h3{margin-bottom:var(--space-md)}.stack-xs>*+*{margin-top:var(--space-xs)}.stack-sm>*+*{margin-top:var(--space-sm)}.stack-md>*+*{margin-top:var(--space-md)}.stack-lg>*+*{margin-top:var(--space-lg)}.stack-xl>*+*{margin-top:var(--space-xl)}.stack-2xl>*+*{margin-top:var(--space-2xl)}.safe-top{padding-top:var(--safe-area-top)}.safe-both,.safe-bottom{padding-bottom:var(--safe-area-bottom)}.safe-both{padding-top:var(--safe-area-top)}}@media (min-width:768px) and (max-width:1023px){:root{--container-padding-mobile:var(--container-padding-tablet);--card-padding-mobile:20px;--card-gap-mobile:16px}}:root{--font-size-base:16px;--line-height-base:1.5;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:28px;--font-size-4xl:32px;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--letter-spacing-tight:-0.02em;--letter-spacing-normal:0;--letter-spacing-wide:0.05em}@media (max-width:767px){body{font-size:var(--font-size-base);line-height:var(--line-height-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}.h1,h1{font-size:var(--font-size-3xl);margin-bottom:16px}.h1,.h2,h1,h2{line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight)}.h2,h2{font-size:var(--font-size-2xl);margin-bottom:12px}.h3,h3{font-size:var(--font-size-xl)}.h3,.h4,h3,h4{line-height:var(--line-height-normal);font-weight:var(--font-weight-semibold);margin-bottom:8px}.h4,h4{font-size:var(--font-size-lg)}.h5,h5{font-size:var(--font-size-md)}.h5,.h6,h5,h6{line-height:var(--line-height-normal);font-weight:var(--font-weight-semibold);margin-bottom:4px}.h6,h6{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.text-body,p{font-size:var(--font-size-md);margin-bottom:12px}.text-body,.text-lead,p{line-height:var(--line-height-relaxed)}.text-lead{font-size:var(--font-size-lg);font-weight:var(--font-weight-normal)}.text-sm,small{font-size:var(--font-size-sm)}.text-sm,.text-xs,small{line-height:var(--line-height-normal)}.text-xs{font-size:var(--font-size-xs)}.text-lg{font-size:var(--font-size-lg);line-height:var(--line-height-normal)}.text-xl{font-size:var(--font-size-xl);line-height:var(--line-height-tight)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-underline{text-decoration:underline}.text-no-underline{text-decoration:none}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-truncate-2{-webkit-line-clamp:2}.text-truncate-2,.text-truncate-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.text-truncate-3{-webkit-line-clamp:3}.welcome-section h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:4px}.welcome-section p{font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin-bottom:0}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1}.stat-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.announcement-card h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.announcement-card p{font-size:var(--font-size-xs);line-height:var(--line-height-relaxed)}.activity-tab{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.activity-card-header .username{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.activity-card-header .timestamp{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal)}.activity-card-content h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.activity-card-content p{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.activity-card-actions button{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.quick-actions h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.quick-action-card h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.quick-action-card p{font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.button,button{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:1}.button-sm{font-size:var(--font-size-sm)}.button-lg{font-size:var(--font-size-lg)}label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:4px;display:block}input,select,textarea{font-size:16px!important;font-weight:var(--font-weight-normal)}.help-text,input,select,textarea{line-height:var(--line-height-normal)}.help-text{margin-top:4px}.error-text,.help-text{font-size:var(--font-size-xs)}.error-text{font-weight:var(--font-weight-medium);color:#ef4444}.mobile-nav-drawer .nav-item{font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.bottom-nav .nav-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.badge,.tag{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}a{font-size:inherit;text-decoration:none;color:#3b82f6}a:active,a:hover{text-decoration:underline}.readable{max-width:65ch}.high-contrast{color:#ffffff}.medium-contrast{color:#cbd5e1}.low-contrast{color:#94a3b8}}@media (min-width:768px) and (max-width:1023px){:root{--font-size-3xl:32px;--font-size-2xl:28px;--font-size-xl:22px}}:root{--color-primary-50:#fff7ed;--color-primary-100:#ffedd5;--color-primary-200:#fed7aa;--color-primary-300:#fdba74;--color-primary-400:#fb923c;--color-primary-500:#f97316;--color-primary-600:#ea580c;--color-primary-700:#c2410c;--color-primary-800:#9a3412;--color-primary-900:#7c2d12;--color-navy-50:#f8fafc;--color-navy-100:#f1f5f9;--color-navy-200:#e2e8f0;--color-navy-300:#cbd5e1;--color-navy-400:#94a3b8;--color-navy-500:#64748b;--color-navy-600:#475569;--color-navy-700:#334155;--color-navy-800:#1e293b;--color-navy-900:#0f172a;--color-navy-950:#0a1628;--color-success:#10b981;--color-success-dark:#059669;--color-warning:#f59e0b;--color-warning-dark:#d97706;--color-error:#ef4444;--color-error-dark:#dc2626;--color-info:#3b82f6;--color-info-dark:#2563eb;--bg-primary:var(--color-navy-950);--bg-secondary:var(--color-navy-900);--bg-tertiary:var(--color-navy-800);--bg-elevated:var(--color-navy-900);--bg-overlay:rgba(0,0,0,0.7);--text-primary:#ffffff;--text-secondary:var(--color-navy-300);--text-tertiary:var(--color-navy-400);--text-disabled:var(--color-navy-500);--text-inverse:var(--color-navy-950);--border-primary:var(--color-navy-700);--border-secondary:var(--color-navy-800);--border-focus:var(--color-primary-500);--border-error:var(--color-error);--color-interactive-default:var(--color-primary-500);--color-interactive-hover:var(--color-primary-600);--color-interactive-active:var(--color-primary-700);--color-interactive-disabled:var(--color-navy-600);--color-touch-overlay:rgba(255,255,255,0.1);--color-touch-active:rgba(249,115,22,0.2);--bg-card:var(--color-navy-900);--bg-card-hover:var(--color-navy-800);--bg-card-active:var(--color-navy-700);--bg-status-online:#10b981;--bg-status-offline:#6b7280;--bg-status-busy:#ef4444;--bg-status-away:#f59e0b}@media (max-width:767px){html:not(.dark){--bg-primary:#ffffff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-elevated:#f8fafc;--bg-card:#ffffff;--bg-card-hover:#f8fafc;--bg-card-active:#f1f5f9;--bg-overlay:rgba(0,0,0,0.4);--text-primary:#0f172a;--text-secondary:#334155;--text-tertiary:#64748b;--text-disabled:#94a3b8;--text-inverse:#ffffff;--border-primary:#e2e8f0;--border-secondary:#f1f5f9}body{background-color:var(--bg-primary)}.mobile-header,body{color:var(--text-primary)}.mobile-header{border-bottom-color:var(--border-primary)}.mobile-header,.mobile-nav-drawer{background-color:var(--bg-secondary)}.mobile-nav-drawer .nav-item{color:var(--text-secondary);border-bottom-color:var(--border-secondary)}.mobile-nav-drawer .nav-item:active,.mobile-nav-drawer .nav-item:hover{background-color:var(--color-touch-overlay);color:var(--text-primary)}.mobile-nav-drawer .nav-item.active{background-color:var(--bg-tertiary);color:var(--color-primary-500);border-left-color:var(--color-primary-500)}.mobile-nav-overlay{background-color:var(--bg-overlay)}.welcome-section{background:linear-gradient(180deg,var(--bg-secondary) 0,var(--bg-primary) 100%);color:var(--text-primary)}.welcome-section p{color:var(--text-tertiary)}.stat-value{color:var(--text-primary)}.stat-label{color:var(--text-tertiary)}.announcement-card{background-color:rgba(59,130,246,.1);border-color:rgba(59,130,246,.3)}.announcement-card .icon{background-color:rgba(59,130,246,.2);color:#93c5fd}.announcement-card h3{color:#93c5fd}.announcement-card p{color:var(--text-secondary)}.activity-tabs{background-color:var(--bg-primary);border-bottom-color:var(--border-secondary)}.activity-tab.active{background-color:var(--color-primary-500);color:var(--text-inverse)}.activity-tab:not(.active){background-color:var(--bg-tertiary);color:var(--text-secondary)}.activity-tab:not(.active):active{background-color:var(--color-touch-overlay)}.activity-card{background-color:var(--bg-card);border-color:var(--border-primary);color:var(--text-primary)}.activity-card:active{border-color:var(--border-focus);background-color:var(--bg-card-hover)}.activity-card-header .username{color:var(--text-primary)}.activity-card-header .timestamp{color:var(--text-tertiary)}.activity-card-content h3{color:var(--text-primary)}.activity-card-content p{color:var(--text-secondary)}.activity-card-actions{border-top-color:var(--border-secondary)}.activity-card-actions button{color:var(--text-tertiary)}.activity-card-actions button:active{color:var(--color-primary-500)}.quick-action-card{background-color:var(--bg-card);border-color:var(--border-primary);color:var(--text-primary)}.quick-action-card:active{background-color:var(--bg-card-hover);border-color:var(--color-primary-500)}.quick-action-card h3{color:var(--text-primary)}.quick-action-card p{color:var(--text-tertiary)}.button-primary{background-color:var(--color-interactive-default);color:var(--text-inverse);border-color:var(--color-interactive-default)}.button-primary:hover{background-color:var(--color-interactive-hover)}.button-primary:active{background-color:var(--color-interactive-active)}.button-primary:disabled{background-color:var(--color-interactive-disabled);color:var(--text-disabled)}.button-secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-primary)}.button-secondary:hover{background-color:var(--color-touch-overlay)}.button-secondary:active{background-color:var(--bg-tertiary)}.button-ghost{background-color:transparent;color:var(--text-secondary);border:none}.button-ghost:hover{color:var(--text-primary);background-color:var(--color-touch-overlay)}.button-danger{background-color:var(--color-error);color:var(--text-inverse)}.button-danger:active{background-color:var(--color-error-dark)}input,select,textarea{background-color:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-primary)}}@media (max-width:767px){input::-moz-placeholder,textarea::-moz-placeholder{color:var(--text-tertiary)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}input:focus,select:focus,textarea:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px rgba(249,115,22,.1)}input:disabled,select:disabled,textarea:disabled{background-color:var(--bg-tertiary);color:var(--text-disabled);cursor:not-allowed}input.error,select.error,textarea.error{border-color:var(--border-error)}.error-text{color:var(--color-error)}.status-online{background-color:var(--bg-status-online)}.status-offline{background-color:var(--bg-status-offline)}.status-busy{background-color:var(--bg-status-busy)}.status-away{background-color:var(--bg-status-away)}.badge-primary{background-color:var(--color-primary-500);color:var(--text-inverse)}.badge-secondary{background-color:var(--bg-tertiary);color:var(--text-secondary)}.badge-success{background-color:var(--color-success);color:white}.badge-warning{background-color:var(--color-warning);color:var(--text-inverse)}.badge-error{background-color:var(--color-error);color:white}a{color:var(--color-info)}a:hover{color:var(--color-info-dark)}a:active{color:var(--color-primary-500)}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%)}.divider,hr{border-color:var(--border-primary)}.shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.3)}.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.4)}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.5)}.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.6)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-card{background-color:var(--bg-card)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-disabled{color:var(--text-disabled)}.text-brand{color:var(--color-primary-500)}.bg-brand{background-color:var(--color-primary-500)}.border-brand{border-color:var(--color-primary-500)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-error{background-color:var(--color-error)}.bg-info{background-color:var(--color-info)}.border-primary{border-color:var(--border-primary)}.border-secondary{border-color:var(--border-secondary)}.border-focus{border-color:var(--border-focus)}}:root{--duration-instant:100ms;--duration-fast:150ms;--duration-normal:250ms;--duration-slow:350ms;--duration-slower:500ms;--ease-out:cubic-bezier(0.0,0.0,0.2,1);--ease-in:cubic-bezier(0.4,0.0,1,1);--ease-in-out:cubic-bezier(0.4,0.0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--ease-spring:cubic-bezier(0.175,0.885,0.32,1.275)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width:767px) and (prefers-reduced-motion:no-preference){.clickable,.touchable,a,button{transition:transform var(--duration-instant) var(--ease-out),background-color var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.clickable:active,.touchable:active,a:active,button:active{transform:scale(.95);opacity:.8}.activity-card,.card-pressable,.quick-action-card{transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.activity-card:active,.card-pressable:active,.quick-action-card:active{transform:scale(.98)}.mobile-nav-drawer{transition:transform var(--duration-normal) var(--ease-out)}.mobile-nav-drawer.active{transform:translateX(0)}.mobile-nav-overlay{transition:opacity var(--duration-normal) var(--ease-out)}.mobile-nav-overlay.active{opacity:1}.mobile-nav-drawer .nav-item{transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),padding-left var(--duration-fast) var(--ease-out)}.mobile-nav-drawer .nav-item.active{padding-left:24px}.bottom-nav .nav-item{position:relative;transition:color var(--duration-fast) var(--ease-out)}.bottom-nav .nav-item:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:var(--color-primary-500);transform:translateX(-50%);transition:width var(--duration-normal) var(--ease-out)}.bottom-nav .nav-item.active:after{width:32px}.activity-tab{position:relative;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.activity-tab:active{transform:scale(.95)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.list-item{animation:fadeInUp var(--duration-normal) var(--ease-out) backwards}.list-item:first-child{animation-delay:0s}.list-item:nth-child(2){animation-delay:50ms}.list-item:nth-child(3){animation-delay:.1s}.list-item:nth-child(4){animation-delay:.15s}.list-item:nth-child(5){animation-delay:.2s}.list-item:nth-child(6){animation-delay:.25s}.list-item:nth-child(7){animation-delay:.3s}.list-item:nth-child(8){animation-delay:.35s}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.refreshing-icon{animation:spin 1s linear infinite}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-content{animation:slideUp var(--duration-normal) var(--ease-out)}.modal{animation:fadeIn var(--duration-normal) var(--ease-out)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}@keyframes spinner{to{transform:rotate(1turn)}}.spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spinner .6s linear infinite}@keyframes dotPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.dot-loader span{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:white;animation:dotPulse 1.4s ease-in-out infinite}.dot-loader span:first-child{animation-delay:0s}.dot-loader span:nth-child(2){animation-delay:.2s}.dot-loader span:nth-child(3){animation-delay:.4s}@keyframes slideInTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.toast{animation:slideInTop var(--duration-normal) var(--ease-out)}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.badge-pulse{animation:pulse 2s ease-in-out infinite}@keyframes swipeOut{to{transform:translateX(-100%);opacity:0}}.swiping-out{animation:swipeOut var(--duration-normal) var(--ease-in) forwards}@keyframes pageEnter{0%{opacity:0}to{opacity:1}}.page-enter{animation:pageEnter var(--duration-normal) var(--ease-out)}@keyframes pageSlideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.page-slide-in{animation:pageSlideIn var(--duration-normal) var(--ease-out)}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}.bounce-in{animation:bounceIn var(--duration-slow) var(--ease-out)}@keyframes imageZoom{0%{transform:scale(1.1);opacity:0}to{transform:scale(1);opacity:1}}.image-load{animation:imageZoom var(--duration-slow) var(--ease-out)}html{scroll-behavior:smooth}@keyframes scrollIndicator{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(8px);opacity:.5}}.scroll-indicator{animation:scrollIndicator 2s ease-in-out infinite}.fade-enter{animation:fadeIn var(--duration-normal) var(--ease-out)}.fade-exit{animation:fadeIn var(--duration-normal) var(--ease-out) reverse}.scale-enter{animation:bounceIn var(--duration-normal) var(--ease-out)}.slide-up-enter{animation:slideUp var(--duration-normal) var(--ease-out)}.slide-down-enter{animation:slideUp var(--duration-normal) var(--ease-out) reverse}.gpu-accelerated{perspective:1000px;will-change:transform,opacity}.activity-card,.gpu-accelerated,.mobile-nav-drawer,.modal-content,button{transform:translateZ(0);backface-visibility:hidden}}