@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");:root{--brand-navy:#0b1a33;--brand-blue:#1e7df2;--brand-cyan:#5fe1ff;--brand-white:#fff;--blur-sm:8px;--blur-md:16px;--blur-lg:24px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--chart-1:#1e7df2;--chart-2:#5fe1ff;--chart-3:#22c55e;--chart-4:#f59e0b;--chart-5:#ef4444;--chart-6:#8b5cf6;--sidebar-bg:#0b1a33;--sidebar-text:#fff;--sidebar-text-muted:#94a3b8;--sidebar-hover:rgba(30,125,242,.15);--sidebar-active:rgba(30,125,242,.25);--sidebar-border:hsla(0,0%,100%,.08)}:root,[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--card-bg:#fff;--card-border:#e2e8f0;--card-shadow:rgba(0,0,0,.08);--text-primary:#1e293b;--text-secondary:#64748b;--text-tertiary:#94a3b8;--accent-primary:#1e7df2;--accent-secondary:#5fe1ff;--accent-success:#22c55e;--accent-warning:#f59e0b;--accent-danger:#ef4444;--accent-hover:#1565d8;--gradient-blue:linear-gradient(135deg,#1e7df2,#3b8ff5);--gradient-cyan:linear-gradient(135deg,#0ea5e9,#5fe1ff);--gradient-success:linear-gradient(135deg,#22c55e,#34d399);--gradient-danger:linear-gradient(135deg,#ef4444,#f87171);--gradient-purple:linear-gradient(135deg,#8b5cf6,#a78bfa);--input-bg:#fff;--input-border:#e2e8f0;--input-text:#1e293b;--input-placeholder:#94a3b8;--glass-bg:hsla(0,0%,100%,.9);--glass-bg-light:rgba(248,250,252,.8);--glass-border:#e2e8f0;--primary-color:#1e7df2;--primary-hover:#1565d8}[data-theme=dark]{--bg-primary:#0b1a33;--bg-secondary:#111b2e;--bg-tertiary:#162236;--card-bg:#111b2e;--card-border:hsla(0,0%,100%,.08);--card-shadow:rgba(0,0,0,.3);--text-primary:#fff;--text-secondary:#94a3b8;--text-tertiary:#64748b;--accent-primary:#3b8ff5;--accent-secondary:#5fe1ff;--accent-success:#34d399;--accent-warning:#fbbf24;--accent-danger:#f87171;--accent-hover:#5ea3f7;--gradient-blue:linear-gradient(135deg,#1e7df2,#5fe1ff);--gradient-cyan:linear-gradient(135deg,#0ea5e9,#5fe1ff);--gradient-success:linear-gradient(135deg,#22c55e,#34d399);--gradient-danger:linear-gradient(135deg,#ef4444,#f87171);--gradient-purple:linear-gradient(135deg,#8b5cf6,#a78bfa);--input-bg:#162236;--input-border:hsla(0,0%,100%,.1);--input-text:#fff;--input-placeholder:#64748b;--glass-bg:rgba(17,27,46,.9);--glass-bg-light:rgba(22,34,54,.8);--glass-border:hsla(0,0%,100%,.08);--primary-color:#3b8ff5;--primary-hover:#5ea3f7}*{box-sizing:border-box;padding:0;margin:0}html{height:100%}body,html{overflow-x:hidden;overflow-y:auto}body{min-height:100%;max-width:100vw;-webkit-overflow-scrolling:touch;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary)}a{color:inherit;text-decoration:none}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:0 1px 3px var(--card-shadow);transition:all var(--transition-base)}.card:hover{box-shadow:0 4px 12px var(--card-shadow)}.stat-card{background:var(--gradient-blue);border-radius:var(--radius-lg);padding:20px 24px;color:#fff}.stat-card.cyan{background:var(--gradient-cyan)}.stat-card.success{background:var(--gradient-success)}.stat-card.danger{background:var(--gradient-danger)}.stat-card.purple{background:var(--gradient-purple)}.action-btn{padding:12px 20px;border-radius:var(--radius-md);font-weight:500;font-size:14px;cursor:pointer;transition:all var(--transition-fast);border:none;display:inline-flex;align-items:center;gap:8px}.action-btn.primary{background:var(--accent-primary);color:#fff}.action-btn.primary:hover{background:var(--accent-hover)}.action-btn.success{background:var(--accent-success);color:#fff}.action-btn.danger{background:var(--accent-danger);color:#fff}.action-btn.outline{background:transparent;border:1px solid var(--card-border);color:var(--text-primary)}.action-btn.outline:hover{background:var(--bg-tertiary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-slide-in{animation:slideIn .3s ease forwards}.shimmer{background:linear-gradient(90deg,var(--bg-tertiary) 0,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);background-size:1000px 100%;animation:shimmer 2s infinite}.app-container{display:flex;min-height:100vh}.main-content{flex:1 1;margin-left:80px;transition:margin-left .25s cubic-bezier(.4,0,.2,1);max-width:calc(100vw - 80px);overflow-x:hidden;background:var(--bg-primary)}.content-area{padding:32px;min-height:calc(100vh - 80px);overflow-x:hidden}.content-area,.content-area>*{max-width:100%;box-sizing:border-box}@media (max-width:768px){.main-content{margin-left:80px;max-width:calc(100vw - 80px)}.content-area{padding:16px}}@media (max-width:576px){.main-content{margin-left:80px;max-width:calc(100vw - 80px);padding-top:0}.content-area{padding:12px;width:100%;max-width:100%}table{font-size:12px;display:block;overflow-x:auto;max-width:100%}button,input,select,textarea{font-size:16px;max-width:100%}.card,[class*=Card],[class*=card]{max-width:100%;overflow-x:auto;box-sizing:border-box}}.container{max-width:1400px;margin:0 auto;padding:0 24px}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.text-muted{color:var(--text-secondary)}.text-sm{font-size:14px}.font-semibold{font-weight:600}:root{--font-xs:clamp(0.75rem,1.5vw,0.875rem);--font-sm:clamp(0.875rem,2vw,1rem);--font-base:clamp(1rem,2.5vw,1.125rem);--font-lg:clamp(1.125rem,3vw,1.25rem);--font-xl:clamp(1.25rem,3.5vw,1.5rem);--font-2xl:clamp(1.5rem,4vw,2rem);--font-3xl:clamp(2rem,5vw,2.5rem);--touch-target-min:44px;--touch-target-comfortable:48px;--space-xs:clamp(0.25rem,1vw,0.5rem);--space-sm:clamp(0.5rem,2vw,0.75rem);--space-md:clamp(0.75rem,3vw,1rem);--space-lg:clamp(1rem,4vw,1.5rem);--space-xl:clamp(1.5rem,5vw,2rem);--space-2xl:clamp(2rem,6vw,3rem)}.clickable,.touchable,a,button,input[type=button],input[type=reset],input[type=submit]{min-height:var(--touch-target-min);min-width:var(--touch-target-min);position:relative}.touchable:active,a:active,button:active{transform:scale(.98);transition:transform .1s ease}*{-webkit-tap-highlight-color:rgba(16,185,129,.2);-webkit-touch-callout:none}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}@media (orientation:portrait){.app-container{flex-direction:column}.content-area{padding:var(--space-md)}.flex-responsive{flex-direction:column}.grid-responsive{grid-template-columns:1fr!important}}@media (orientation:landscape) and (max-height:600px){.content-area{padding:var(--space-sm) var(--space-lg)}h1{font-size:var(--font-xl)!important}h2{font-size:var(--font-lg)!important}.flex-responsive{flex-direction:row}.grid-responsive{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important}}@media (max-width:576px){body{font-size:var(--font-sm)}h1{font-size:var(--font-2xl)}h2{font-size:var(--font-xl)}h3{font-size:var(--font-lg)}.btn:not(.icon-only),button:not(.icon-only){width:100%}input,select,textarea{font-size:16px!important;width:100%}.card,.glass-card,input,select,textarea{padding:var(--space-md)}table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}}@media (min-width:577px) and (max-width:768px){body{font-size:var(--font-base)}.grid-responsive{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (min-width:769px) and (max-width:992px){.grid-responsive{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (min-width:993px){.grid-responsive{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@supports (padding:max(0px)){.app-container{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}.content-area{padding-bottom:max(16px,env(safe-area-inset-bottom))}.top-bar,.topbar{padding-top:max(0px,env(safe-area-inset-top))}.sidebar{padding-bottom:max(0px,env(safe-area-inset-bottom))}}.page-transition-enter{opacity:0;transform:translateY(10px)}.page-transition-enter-active{transition:opacity .3s ease,transform .3s ease}.page-transition-enter-active,.page-transition-exit{opacity:1;transform:translateY(0)}.page-transition-exit-active{opacity:0;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease}.fade-in{animation:fadeIn .3s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 0,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));border-top:1px solid var(--glass-border);padding:var(--space-sm);padding-bottom:max(var(--space-sm),env(safe-area-inset-bottom));justify-content:space-around;z-index:100;box-shadow:0 -4px 16px var(--glass-shadow)}.mobile-nav,.mobile-nav-item{display:flex;align-items:center}.mobile-nav-item{flex-direction:column;gap:4px;padding:var(--space-sm);color:var(--text-secondary);text-decoration:none;font-size:var(--font-xs);min-width:var(--touch-target-min);transition:color var(--transition-fast)}.mobile-nav-item.active,.mobile-nav-item:active{color:var(--accent-primary)}.main-content{padding-bottom:calc(60px + env(safe-area-inset-bottom))}.dialog,.modal{position:fixed;inset:0;margin:0;max-width:100%;max-height:100%;border-radius:0;width:100%;height:100%}.dialog-content,.modal-content{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto}}.ptr-indicator{position:absolute;top:-50px;left:50%;transform:translateX(-50%);padding:var(--space-md);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));border-radius:24px;box-shadow:0 4px 16px var(--glass-shadow);transition:top .3s ease}.ptr-indicator.visible{top:20px}@media (hover:none) and (pointer:coarse){:focus-visible{outline:3px solid var(--accent-primary);outline-offset:4px}a+a,button+button{margin-left:var(--space-sm)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.animate,.transition{will-change:transform;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}img{max-width:100%;height:auto;display:block}img[loading=lazy]{opacity:0;transition:opacity .3s}img[loading=lazy].loaded{opacity:1}.hide-mobile{display:initial}.show-mobile{display:none}@media (max-width:768px){.hide-mobile{display:none!important}.show-mobile{display:initial!important}}.text-responsive,.text-small-mobile{font-size:var(--font-base)}@media (max-width:768px){.text-small-mobile{font-size:var(--font-sm)}}.p-responsive{padding:var(--space-lg)}@media (max-width:768px){.p-responsive{padding:var(--space-md)}}.gap-responsive{gap:var(--space-lg)}@media (max-width:768px){.gap-responsive{gap:var(--space-sm)}}@media print{.mobile-nav,.no-print,.sidebar,.top-bar,.topbar,button:not(.print-visible){display:none!important}.main-content{margin:0;padding:0}.content-area{padding:0}*{color:#000!important;background:#fff!important}}