@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700;800&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{color-scheme:dark;--bg-primary: #16191f;--bg-secondary: #1e2330;--bg-card: #242938;--bg-card-hover: #2a3045;--bg-teal: #005473;--bg-teal-light: #00747e;--accent-lime: #9aca3c;--accent-lime-dim:#7ba230;--accent-teal: #00a5d7;--accent-teal-dim:#0087b0;--brand-blue: #0057b8;--brand-blue-dim: #00458f;--brand-deepblue: #001d3c;--text-primary: #f0f4f8;--text-secondary: #8b98b0;--text-muted: #74819a;--text-lime: #a8d855;--text-teal: #00c8e8;--link-hover: #33d6f0;--border: #2e3548;--border-bright: #3d4a60;--tint-2: rgba(255,255,255,.02);--tint-3: rgba(255,255,255,.03);--tint-4: rgba(255,255,255,.04);--tint-5: rgba(255,255,255,.05);--tint-6: rgba(255,255,255,.06);--tint-8: rgba(255,255,255,.08);--tint-10: rgba(255,255,255,.1);--tint-15: rgba(255,255,255,.15);--tint-20: rgba(255,255,255,.2);--track: rgba(255,255,255,.08);--shadow-pop: 0 8px 32px rgba(0,0,0,.45);--shadow-lift: 0 8px 24px rgba(0,0,0,.25);--xp-novice: #e53e3e;--xp-developing: #ed8936;--xp-competent: #ecc94b;--xp-proficient: #48bb78;--xp-expert: #4299e1;--success: #48bb78;--warning: #ed8936;--danger: #fc5c7d;--info: #00a5d7;--font-brand: "Sora", "Space Grotesk", sans-serif;--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--nav-height: 64px;--sidebar-width: 240px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--card-bg: var(--bg-card);--input-bg: var(--bg-secondary);--surface: var(--bg-secondary);--text: var(--text-primary)}:root[data-theme=light]{color-scheme:light;--bg-primary: #f2f5f9;--bg-secondary: #e8edf4;--bg-card: #ffffff;--bg-card-hover: #f6f9fc;--accent-lime: #75992e;--accent-lime-dim:#5f7f26;--accent-teal: #0087b0;--accent-teal-dim:#006e93;--text-primary: #1a2431;--text-secondary: #42526b;--text-muted: #5a687c;--text-lime: #4d7010;--text-teal: #006a8e;--link-hover: #00587a;--border: #d5dce6;--border-bright: #a9b6c8;--tint-2: rgba(23,32,45,.03);--tint-3: rgba(23,32,45,.04);--tint-4: rgba(23,32,45,.05);--tint-5: rgba(23,32,45,.06);--tint-6: rgba(23,32,45,.07);--tint-8: rgba(23,32,45,.09);--tint-10: rgba(23,32,45,.11);--tint-15: rgba(23,32,45,.16);--tint-20: rgba(23,32,45,.22);--track: #dbe3ee;--shadow-pop: 0 8px 28px rgba(30,41,59,.18);--shadow-lift: 0 8px 24px rgba(30,41,59,.1);--xp-novice: #c53030;--xp-developing: #b45309;--xp-competent: #8a6d00;--xp-proficient: #2b7d4f;--xp-expert: #2b6cb0;--success: #2b7d4f;--warning: #a85b00;--danger: #cd3350;--info: #006a8e}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}a{color:var(--text-teal);text-decoration:none}a:hover{color:var(--link-hover)}h1,h2,h3,h4,h5,h6{font-family:var(--font-brand);font-weight:700;letter-spacing:.01em;line-height:1.2}.field-input{background:var(--bg-primary, #16191f);border:1px solid var(--border, #2a2f37);border-radius:var(--radius-sm, 6px);color:var(--text-primary, #e5e7eb);padding:.4rem .65rem;outline:none;transition:border-color .15s;width:100%}.field-input:focus{border-color:var(--accent-teal, #00a5d7)}.field-input::placeholder{color:var(--text-muted, #94a3b8)}.field-input option{background:var(--bg-secondary, #1e2328);color:var(--text-primary, #e5e7eb)}:where(input:not([type]),input[type=text],input[type=number],input[type=email],input[type=search],input[type=password],input[type=url],input[type=tel],input[type=date],input[type=datetime-local],input[type=time],input[type=month],input[type=week],textarea,select){background:var(--bg-primary, #16191f);color:var(--text-primary, #e5e7eb);border:1px solid var(--border, #2a2f37);border-radius:var(--radius-sm, 6px)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-text-fill-color:var(--text-primary, #e5e7eb);-webkit-box-shadow:0 0 0 1000px var(--bg-primary, #16191f) inset;box-shadow:0 0 0 1000px var(--bg-primary, #16191f) inset;caret-color:var(--text-primary, #e5e7eb);transition:background-color 600000s 0s,color 600000s 0s}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;transition:border-color .2s,background .2s}.card:hover{border-color:var(--border-bright)}.card-teal{background:var(--bg-teal);border:1px solid var(--bg-teal-light);border-radius:var(--radius-lg);padding:1.5rem}.label{font-family:var(--font-brand);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-teal)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;border-radius:var(--radius-sm);font-family:var(--font-display);font-weight:700;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:none;transition:all .15s}.btn-primary{background:var(--accent-lime);color:#1a1f2e}.btn-primary:hover{background:var(--accent-lime-dim)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--border-bright);color:var(--text-primary)}.xp-bar-wrap{width:100%;height:8px;background:var(--track);border-radius:99px;overflow:hidden;position:relative}.xp-bar-fill{height:100%;border-radius:99px;transition:width .8s cubic-bezier(.34,1.56,.64,1);position:relative}.xp-bar-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;width:20px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3));border-radius:99px}.stat-value{font-family:var(--font-display);font-size:2.5rem;font-weight:800;letter-spacing:-.02em;line-height:1}.stat-label{font-size:.8rem;color:var(--text-secondary);margin-top:.25rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #8dc63f4d}50%{box-shadow:0 0 0 8px #8dc63f00}}.fade-up{animation:fadeUp .4s ease forwards}.metric-value,.kpi-number,.score-number,[class*=score],[class*=metric],[class*=kpi]{font-variant-numeric:tabular-nums}.card,[class*=-card],[class*=card-]{transition:transform .15s ease,box-shadow .15s ease,border-color .2s}.card:hover,[class*=-card]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}.btn-primary svg{color:#16191f}.btn-ghost svg,.btn-secondary svg{color:var(--text-secondary);transition:color .15s}.btn-ghost:hover svg,.btn-secondary:hover svg{color:var(--accent-teal)}.btn-danger svg{color:#ef4444}.btn-success svg{color:#9aca3c}.btn-export svg{color:#00a5d7}.btn-sync svg{color:#00a5d7;transition:transform .4s ease}.btn-sync:hover svg{transform:rotate(180deg)}.btn-sync.loading svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}svg.status-ok{color:var(--accent-lime)}svg.status-warning{color:var(--warning)}svg.status-danger{color:var(--danger)}svg.status-unknown{color:var(--text-muted)}svg.status-info{color:var(--accent-teal)}.star-filled{color:#f59e0b}.star-empty{color:var(--border-bright)}.bell-icon{color:var(--text-muted);transition:color .15s}.bell-icon:hover{color:var(--accent-teal)}.bell-icon.has-notifications{color:var(--accent-lime);animation:bell-pulse 2.5s ease-in-out infinite}@keyframes bell-pulse{0%,to{color:var(--accent-lime)}50%{color:var(--text-primary)}}