:root{--bg-primary: #070809;--bg-secondary: #0E0F12;--bg-card: #15171B;--bg-hover: #1C1F25;--bg-active: #272C34;--bg-input: #101319;--border: #262A31;--border-subtle: #16181D;--border-strong: #394049;--border-accent: #1F5C97;--text-primary: #F7F9FB;--text-secondary: #AEB6C2;--text-muted: #727C8A;--text-dim: #5E6773;--text-inverse: #061018;--accent-50: #E8F1FB;--accent-100: #C6DEF5;--accent-200: #93C2EC;--accent-300: #5FA4E0;--accent-400: #4A9FE0;--accent-500: #2486B9;--accent-600: #1B6FB8;--accent-700: #155A95;--accent-800: #114B7C;--accent: #1B6FB8;--accent-hover: #2384C2;--accent-bright: #4A9FE0;--accent-dim: rgba(27, 111, 184, .16);--accent-soft: rgba(27, 111, 184, .16);--accent-veil: rgba(27, 111, 184, .1);--accent-border: rgba(36, 134, 185, .45);--accent-glow: rgba(36, 134, 185, .34);--accent-grad: linear-gradient(180deg, #1F78B0 0%, #1B6FB8 100%);--success: #34C759;--success-dim: #0E2A18;--success-border: #1B5C30;--warning: #E8A317;--warning-dim: #2A2008;--warning-border: #6B520F;--danger: #EB5860;--danger-dim: #2A1011;--danger-border: #7A2326;--danger-700: #C9282F;--danger-800: #B4232A;--danger-900: #811D22;--info: #4A9FE0;--info-dim: #0A2236;--info-border: #1F5C97;--font-display: "Sora", "Segoe UI", system-ui, sans-serif;--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Roboto, sans-serif;--font-mono: "IBM Plex Mono", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius: 9px;--radius-xs: 5px;--radius-sm: 7px;--radius-md: 9px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--focus-ring: 0 0 0 2px var(--bg-secondary), 0 0 0 4px rgba(36,134,185,.65);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow: 0 4px 16px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255,255,255,.02);--shadow-md: 0 10px 24px -6px rgba(0, 0, 0, .55), 0 4px 8px -4px rgba(0, 0, 0, .4);--shadow-lg: 0 24px 48px -12px rgba(0, 0, 0, .7);--shadow-glow: 0 6px 20px -4px var(--accent-glow), inset 0 1px 0 rgba(255,255,255,.08);--shadow-accent: 0 6px 20px -4px var(--accent-glow), inset 0 1px 0 rgba(255,255,255,.08);--shadow-inset-top: inset 0 1px 0 rgba(255,255,255,.03);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--t-fast: .12s;--t: .18s;--t-slow: .28s;--track-tight: -.01em;--lh-tight: 1.2;--lh-body: 1.55}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}html,body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#root{position:relative;z-index:1}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(1200px 600px at 18% -10%,rgba(27,111,184,.1),transparent 60%),radial-gradient(900px 500px at 100% 0%,rgba(36,134,185,.06),transparent 55%)}a{color:inherit;text-decoration:none}button{font-family:var(--font-sans)}input,textarea,select{font-family:var(--font-sans);color:var(--text-primary)}::selection{background:var(--accent-dim);color:var(--text-primary)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill);border:2px solid transparent;background-clip:padding-box;transition:background var(--t) var(--ease)}::-webkit-scrollbar-thumb:hover{background:var(--border-accent);background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}.admin-tabs::-webkit-scrollbar{display:none}*:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-xs)}a:focus-visible,button:focus-visible{outline:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes sheetUp{0%{opacity:.4;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawerIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.6}}@keyframes popUp{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px #2486b980}}@keyframes glowPulse{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 6px #2486b900}}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}@keyframes riseIn{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-in{animation:fadeIn .24s var(--ease-out) forwards}.animate-up{animation:slideUp .26s var(--ease-out) forwards}.spin{animation:spin .8s linear infinite}.rise-in{opacity:0;animation:riseIn .5s var(--ease-out) forwards}.stagger>*{opacity:0;animation:riseIn .52s var(--ease-out) forwards;animation-delay:calc(var(--i, 0) * 60ms)}.tab-panel{animation:fadeIn .26s var(--ease-out) both}@property --health-sweep{syntax: "<number>"; inherits: false; initial-value: 0;}@keyframes ringSweep{0%{--health-sweep: 0}to{--health-sweep: var(--health-target, 100)}}@keyframes radarSpin{to{transform:rotate(360deg)}}@keyframes haloBreathe{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.85;transform:scale(1.04)}}@keyframes meterFill{0%{transform:scaleX(0)}to{transform:scaleX(var(--meter-scale, 1))}}@keyframes refreshSweep{0%{transform:translate(-100%)}to{transform:translate(560%)}}.health-radar{animation:radarSpin 6s linear infinite;transform-origin:center}.health-halo{animation:haloBreathe 3.4s var(--ease) infinite}.health-meter{transform-origin:left center;animation:meterFill .95s var(--ease-out) both}.health-refresh-bar{position:relative;overflow:hidden}.health-refresh-bar:after{content:"";position:absolute;top:0;left:0;height:100%;width:22%;border-radius:var(--radius-pill);background:linear-gradient(90deg,transparent,var(--accent-bright),transparent);animation:refreshSweep 1.1s var(--ease) infinite}.typing-dot{animation:blink 1.4s infinite both}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-sm{font-size:12px}.eyebrow{font-family:var(--font-sans);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.grad-accent{background:linear-gradient(135deg,var(--accent-bright) 0%,var(--accent) 55%,var(--accent-700) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.hero-num{background:linear-gradient(135deg,var(--hero-a, var(--accent-bright)) 0%,var(--hero-b, var(--accent-700)) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.kpi-tile{position:relative;overflow:hidden;transition:transform var(--t) var(--ease-out),border-color var(--t) var(--ease),box-shadow var(--t) var(--ease)}.kpi-tile:hover{transform:translateY(-3px);border-color:var(--border-accent);box-shadow:var(--shadow-md),var(--shadow-inset-top)}.kpi-tile:active{transform:translateY(-1px) scale(.995)}.hover-lift,.card-lift{transition:transform var(--t) var(--ease-out),border-color var(--t) var(--ease),box-shadow var(--t) var(--ease)}.hover-lift:hover,.card-lift:hover{transform:translateY(-2px);border-color:var(--border-accent);box-shadow:var(--shadow-md),var(--shadow-inset-top)}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s linear infinite;border-radius:var(--radius-sm)}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:500;letter-spacing:.02em;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary)}.control{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.control:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.control:disabled{opacity:.5;cursor:not-allowed}.btn:active:not(:disabled){transform:translateY(0) scale(.97)!important}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.glass{background:#0708098c;backdrop-filter:blur(6px) saturate(120%);-webkit-backdrop-filter:blur(6px) saturate(120%)}.dot-live{animation:glowPulse 2s var(--ease) infinite}.admin-thead{position:sticky;top:0;z-index:2;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.admin-row{transition:background var(--t-fast) var(--ease)}.admin-row:nth-child(2n){background:var(--accent-veil)}.admin-row:hover{background:var(--bg-hover)}.admin-rowgroup:nth-child(2n)>.admin-row{background:var(--accent-veil)}.admin-rowgroup:hover>.admin-row{background:var(--bg-hover)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.hover-lift:hover,.card-lift:hover,.kpi-tile:hover{transform:none}.btn:active:not(:disabled){transform:none!important}}
