@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500;600&display=swap";:root{--bg: #0a0a0f;--bg-2: #0d0d16;--sidebar-bg: rgba(7, 7, 13, .97);--surface: rgba(15, 20, 33, .72);--surface-2: rgba(17, 24, 42, .88);--surface-3: rgba(12, 16, 28, .96);--border: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .11);--primary: #10b981;--primary-dim: rgba(16, 185, 129, .12);--primary-mid: rgba(16, 185, 129, .25);--primary-glow: rgba(16, 185, 129, .35);--cyan: #06b6d4;--cyan-dim: rgba(6, 182, 212, .12);--cyan-glow: rgba(6, 182, 212, .35);--amber: #f59e0b;--amber-dim: rgba(245, 158, 11, .12);--red: #ef4444;--red-dim: rgba(239, 68, 68, .12);--violet: #8b5cf6;--violet-dim: rgba(139, 92, 246, .12);--text: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--radius: 12px;--radius-sm: 8px;--sidebar-w: 240px;--sidebar-w-c: 64px;--header-h: 60px;--transition: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{background-color:var(--bg);color:var(--text);font-family:Space Grotesk,system-ui,sans-serif;height:100%;overflow:hidden;-webkit-font-smoothing:antialiased}#root{height:100%}.mono{font-family:JetBrains Mono,monospace}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 15% 10%,rgba(16,185,129,.09) 0%,transparent 55%),radial-gradient(ellipse 70% 55% at 85% 90%,rgba(6,182,212,.07) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 50% 50%,rgba(139,92,246,.04) 0%,transparent 55%);pointer-events:none;z-index:0;animation:mesh-drift 18s ease-in-out infinite alternate}@keyframes mesh-drift{0%{background-position:0% 0%,100% 100%,50% 50%}to{background-position:5% 8%,95% 92%,52% 48%}}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;z-index:0}.glass-card{position:relative;background:var(--surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius);isolation:isolate;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.glass-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;border-radius:inherit;background:linear-gradient(135deg,rgba(16,185,129,.7),rgba(6,182,212,.4),transparent 60%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .35s ease;pointer-events:none;z-index:1}.glass-card:hover:before{opacity:1}.glass-card:hover{border-color:transparent;box-shadow:0 8px 32px #0000004d,0 0 0 .5px #10b9811f;transform:translateY(-1px)}.glass-card-2{background:var(--surface-2);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff24}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.7}to{transform:scale(1.8);opacity:0}}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 0 currentColor}50%{box-shadow:0 0 0 3px transparent;filter:brightness(1.3)}}.pulse-dot{animation:pulse-dot 2s ease-in-out infinite}@keyframes bounce-y{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.bounce{animation:bounce-y 1s ease-in-out infinite}@keyframes sparkline-draw{to{stroke-dashoffset:0}}@keyframes glow-pulse-green{0%,to{box-shadow:0 0 8px #10b9814d}50%{box-shadow:0 0 20px #10b98199}}@keyframes glow-pulse-cyan{0%,to{box-shadow:0 0 8px #06b6d44d}50%{box-shadow:0 0 20px #06b6d499}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes slide-in-right{0%{transform:translate(16px);opacity:0}to{transform:translate(0);opacity:1}}.text-gradient{background:linear-gradient(135deg,#10b981,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-amber{background:linear-gradient(135deg,#f59e0b,#fb923c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-primary{background:linear-gradient(180deg,var(--text) 0%,rgba(241,245,249,.55) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.badge-green{background:var(--primary-dim);color:var(--primary);border:1px solid rgba(16,185,129,.22)}.badge-cyan{background:var(--cyan-dim);color:var(--cyan);border:1px solid rgba(6,182,212,.22)}.badge-amber{background:var(--amber-dim);color:var(--amber);border:1px solid rgba(245,158,11,.22)}.badge-red{background:var(--red-dim);color:var(--red);border:1px solid rgba(239,68,68,.22)}.badge-violet{background:var(--violet-dim);color:var(--violet);border:1px solid rgba(139,92,246,.22)}.badge-gray{background:#64748b1f;color:var(--text-secondary);border:1px solid rgba(100,116,139,.2)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff0a;color:var(--text-secondary);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:all .18s ease;white-space:nowrap}.btn:hover{border-color:var(--border-hover);color:var(--text);background:#ffffff12}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--primary-dim);border-color:#10b9814d;color:var(--primary)}.btn-primary:hover{background:var(--primary-mid);border-color:#10b98180;box-shadow:0 0 20px var(--primary-glow)}.btn-cyan{background:var(--cyan-dim);border-color:#06b6d44d;color:var(--cyan)}.btn-cyan:hover{box-shadow:0 0 20px var(--cyan-glow)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:#ffffff0f;border-color:var(--border)}.input{width:100%;padding:8px 12px;background:#0f1421e6;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:inherit;font-size:13px;outline:none;transition:border-color .18s,box-shadow .18s}.input:focus{border-color:#10b98173;box-shadow:0 0 0 3px #10b98114}.input::placeholder{color:var(--text-muted)}.select{padding:7px 30px 7px 10px;background:#0f1421e6;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:inherit;font-size:13px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;transition:border-color .18s}.select:focus{border-color:#10b98173}.select option{background:#111827;color:var(--text)}.toggle-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-family:inherit;font-size:11px;font-weight:500;cursor:pointer;transition:all .18s}.toggle-pill:hover{border-color:var(--border-hover);color:var(--text-secondary)}.toggle-pill.active{background:var(--primary-dim);border-color:#10b9814d;color:var(--primary)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 1100px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 680px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.sidebar{position:fixed;top:0;left:0;height:100vh;background:var(--sidebar-bg);border-right:1px solid rgba(255,255,255,.05);box-shadow:4px 0 32px #00000059;display:flex;flex-direction:column;z-index:100;overflow:hidden}.sidebar-nav-item{position:relative;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;cursor:pointer;transition:color .18s;-webkit-user-select:none;user-select:none;margin:1px 0}.sidebar-nav-item:hover{color:var(--text)}.sidebar-nav-item.active{color:var(--primary)}.sidebar-nav-item:not(.active){color:var(--text-muted)}.app-header{position:sticky;top:0;height:var(--header-h);background:#0a0a0fe0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:16px;z-index:50}.priority-low{background:var(--primary)}.priority-medium{background:var(--amber)}.priority-high{background:#f97316}.priority-urgent{background:var(--red);box-shadow:0 0 6px #ef444480}.notif-alert{border-left:3px solid var(--red)}.notif-success{border-left:3px solid var(--primary)}.notif-warning{border-left:3px solid var(--amber)}.notif-info{border-left:3px solid var(--cyan)}.page-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px 28px 48px;position:relative;z-index:1}.section-header{margin-bottom:20px}.section-title{font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--text)}.section-desc{font-size:13px;color:var(--text-muted);margin-top:4px}.stat-num{font-size:32px;font-weight:700;letter-spacing:-.04em;font-family:JetBrains Mono,monospace;line-height:1}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:200;display:flex;align-items:flex-start;justify-content:center;padding-top:clamp(60px,15vh,140px)}.gauge-track{stroke:#ffffff0f}.gauge-fill{stroke-linecap:round;transition:stroke-dashoffset 1.2s ease}.timeline-container{position:relative}.timeline-container:before{content:"";position:absolute;left:26px;top:16px;bottom:16px;width:1.5px;background:linear-gradient(to bottom,var(--primary),rgba(16,185,129,.1) 80%,transparent);pointer-events:none}.meta-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--text-muted)}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform .25s ease}.sidebar.mobile-open{transform:translate(0)}.page-content{padding:16px}.app-header{padding:0 16px}}