@import"https://fonts.googleapis.com/css2?family=Instrument+Serif&family=Geist:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #FAF8F5;--bg-elev: #FFFFFF;--bg-sunken: #F2EFEA;--bg-tint: #F6F3EE;--ink-0: #0B0D10;--ink-1: #1A1D22;--ink-2: #3A3F47;--ink-3: #6B7280;--ink-4: #9AA0A6;--ink-5: #C4C7CC;--line: #E8E3DB;--line-soft: #EFEBE3;--line-strong: #D8D2C6;--accent: #FF5B2E;--accent-ink: #C53E15;--accent-soft: #FFE6DC;--accent-tint: #FFF1EA;--accent-hover: #E14A21;--data-1: #FF5B2E;--data-2: #1E6FD9;--data-3: #0E9F6E;--data-4: #8B5CF6;--data-5: #F59E0B;--data-6: #E11D74;--ok: #0E9F6E;--warn: #E08A00;--bad: #DC2626;--info: #1E6FD9;--green: var(--ok);--green-soft: rgba(14,159,110,.08);--red: var(--bad);--red-soft: rgba(220,38,38,.08);--amber: var(--warn);--amber-soft: rgba(224,138,0,.1);--blue: var(--info);--blue-soft: rgba(30,111,217,.1);--navy: var(--ink-0);--navy-2: var(--ink-1);--gold: var(--accent);--gold-2: var(--accent-hover);--gold-soft: var(--accent-soft);--shadow-xs: 0 1px 0 rgba(11,13,16,.04);--shadow-sm: 0 1px 2px rgba(11,13,16,.04), 0 1px 1px rgba(11,13,16,.03);--shadow-md: 0 4px 12px rgba(11,13,16,.06), 0 1px 2px rgba(11,13,16,.04);--shadow-lg: 0 12px 40px rgba(11,13,16,.1), 0 2px 6px rgba(11,13,16,.05);--shadow: var(--shadow-sm);--r-xs: 6px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--font-sans: "Geist", "Inter", -apple-system, ui-sans-serif, system-ui, sans-serif;--font-serif: "Instrument Serif", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--font: var(--font-sans);--surface: var(--bg-elev);--surface-2: var(--bg-tint);--ink: var(--ink-0);--muted: var(--ink-3);--muted-2: var(--ink-4);--line-2: var(--line-strong);--accent-soft: var(--accent-soft);--border: var(--line);--border-light: var(--line-soft);--text-primary: var(--ink-0);--text-secondary: var(--ink-2);--text-muted: var(--ink-3);--success: var(--ok);--danger: var(--bad);--warning: var(--warn);--accent-la: #FF5B2E;--accent-nes: #1E6FD9;--accent-spine: #8B5CF6;--accent-mr: #0E9F6E;--accent-all: var(--accent);--radius: var(--r-md);--radius-sm: var(--r-sm);--radius-lg: var(--r-lg);--nav-width: 248px;--top-bar: 56px}[data-theme=dark]{--bg: #0B0D10;--bg-elev: #13161B;--bg-sunken: #080A0D;--bg-tint: #16191F;--ink-0: #F5F4F1;--ink-1: #E5E4E0;--ink-2: #B4B5B8;--ink-3: #888B91;--ink-4: #5E6268;--ink-5: #393D44;--line: #22262C;--line-soft: #1A1D22;--line-strong:#2D3239;--accent-soft:#3A1A0D;--accent-tint:#2A130A}body{font-family:var(--font-sans);background:var(--bg);color:var(--ink-0);font-size:14px;line-height:1.45;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit;border:none;background:none}a{text-decoration:none;color:inherit}input,select,textarea{font-family:inherit;color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:10px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--ink-4)}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}::selection{background:var(--accent-soft);color:var(--accent-ink)}.serif{font-family:var(--font-serif);font-weight:400}.mono{font-family:var(--font-mono);font-feature-settings:"tnum"}.tabular,.tnum{font-variant-numeric:tabular-nums}.eyebrow{font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;transition:box-shadow .15s,transform .15s}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.card-title{font-size:15px;font-weight:600;color:var(--ink-0);letter-spacing:-.005em}.card-sub{font-size:12px;color:var(--ink-3);margin-top:2px}.section-head{display:flex;justify-content:space-between;align-items:baseline;margin:28px 0 12px;gap:16px}.section-head h2{font-family:var(--font-serif);font-size:28px;line-height:1.1;letter-spacing:-.01em;color:var(--ink-0);font-weight:400}.section-head .desc{font-size:13px;color:var(--ink-3);margin-top:4px}.section-actions{display:flex;align-items:center;gap:10px}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:20px;font-size:11.5px;font-weight:500;background:var(--bg-sunken);color:var(--ink-2);border:1px solid var(--line)}.chip.saved,.chip.ok{background:#0e9f6e14;color:var(--ok);border-color:transparent}.chip.warn{background:#e08a001a;color:var(--warn);border-color:transparent}.chip.alert,.chip.bad{background:#dc262614;color:var(--bad);border-color:transparent}.chip.accent{background:var(--accent-tint);color:var(--accent-ink);border-color:transparent}.delta{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:600;padding:1px 8px;border-radius:20px;font-variant-numeric:tabular-nums}.delta.up{background:#0e9f6e14;color:var(--ok)}.delta.down{background:#dc262614;color:var(--bad)}.delta.flat{background:var(--bg-sunken);color:var(--ink-3)}.seg,.segmented{display:inline-flex;padding:3px;border-radius:10px;background:var(--bg-sunken);border:1px solid var(--line);gap:2px}.seg button,.segmented button{padding:5px 12px;border-radius:7px;font-size:12.5px;font-weight:500;color:var(--ink-3);border:none;background:transparent;cursor:pointer;transition:color .1s,background .1s}.seg button.on,.segmented button.on{background:var(--bg-elev);color:var(--ink-0);box-shadow:var(--shadow-xs)}.seg button:hover:not(.on),.segmented button:hover:not(.on){color:var(--ink-1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 14px;border-radius:9px;font-size:13px;font-weight:500;transition:all .12s;white-space:nowrap;font-family:var(--font-sans);border:1px solid var(--line);background:var(--bg-elev);color:var(--ink-0);box-shadow:var(--shadow-xs)}.btn:hover{background:var(--bg-tint)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.sm{height:30px;padding:0 10px;font-size:12.5px}.btn-primary,.btn.primary{background:var(--ink-0);color:var(--bg);border-color:var(--ink-0)}.btn-primary:hover,.btn.primary:hover{background:var(--ink-1)}.btn-accent,.btn.accent{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-accent:hover,.btn.accent:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-elev);color:var(--ink-0);border-color:var(--line)}.btn-secondary:hover{background:var(--bg-tint);border-color:var(--line-strong)}.btn-ghost,.btn.ghost{background:transparent;color:var(--ink-2);border-color:transparent;box-shadow:none}.btn-ghost:hover,.btn.ghost:hover{background:var(--bg-tint);color:var(--ink-0)}.btn-danger{background:var(--bad);color:#fff;border-color:var(--bad)}.input,.select,.textarea,input[type=text],input[type=email],input[type=number],input[type=search],input[type=url],input[type=password],select,textarea{width:100%;height:38px;padding:0 12px;border-radius:9px;background:var(--bg-elev);border:1px solid var(--line);color:var(--ink-0);font-size:13px;font-family:var(--font-sans);transition:border-color .12s,box-shadow .12s;outline:none}.textarea,textarea{height:auto;padding:10px 12px;resize:vertical;min-height:80px;line-height:1.5}.input:hover,.select:hover,input:hover,select:hover{border-color:var(--line-strong)}.input:focus,.select:focus,.textarea:focus,input:focus,select:focus,textarea:focus{border-color:var(--ink-1);box-shadow:0 0 0 3px #0b0d100f}.input::placeholder,input::placeholder,textarea::placeholder{color:var(--ink-4)}.tabs-row{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:24px}.tab-btn{padding:12px 0;font-size:13.5px;font-weight:500;color:var(--ink-3);background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .12s,border-color .12s;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-sans)}.tab-btn:hover{color:var(--ink-1)}.tab-btn.active{color:var(--ink-0);border-bottom-color:var(--accent);font-weight:600}.kpi{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 20px;position:relative;overflow:hidden}.kpi-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.kpi-value{font-family:var(--font-serif);font-size:42px;line-height:1;color:var(--ink-0);margin-top:14px;letter-spacing:-.02em;display:flex;align-items:baseline;gap:6px}.kpi-unit{font-family:var(--font-sans);font-size:14px;color:var(--ink-3);font-weight:500}.kpi-foot{display:flex;align-items:center;justify-content:space-between;margin-top:14px;gap:10px}.kpi-note{font-size:11.5px;color:var(--ink-3)}.stat{padding:14px 16px;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-lg);min-width:0}.stat .label{font-size:10.5px;font-weight:600;color:var(--ink-3);text-transform:uppercase;letter-spacing:.1em}.stat .value{font-family:var(--font-serif);font-size:32px;letter-spacing:-.01em;color:var(--ink-0);margin-top:6px;line-height:1}.stat .sub{font-size:12px;color:var(--ink-3);margin-top:4px}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.table th{text-align:left;font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);padding:10px 12px;border-bottom:1px solid var(--line);background:var(--bg-sunken)}.table th:first-child{border-top-left-radius:8px}.table th:last-child{border-top-right-radius:8px;text-align:right}.table td{padding:12px;border-bottom:1px solid var(--line-soft);color:var(--ink-1)}.table td:last-child{text-align:right}.table tr:last-child td{border-bottom:0}.table tr:hover td{background:var(--bg-tint)}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:28px}.page-title{font-family:var(--font-serif);font-size:40px;line-height:1.05;letter-spacing:-.02em;color:var(--ink-0);font-weight:400}.page-title em{font-style:italic;color:var(--accent)}.page-subtitle{margin-top:8px;font-size:14px;color:var(--ink-3);max-width:620px}.toast-container{position:fixed;bottom:24px;right:24px;z-index:200;padding:12px 18px;border-radius:var(--r-sm);font-size:13px;font-weight:500;background:var(--ink-0);color:#fff;box-shadow:var(--shadow-md)}.toast-container.error{background:var(--bad)}.toast-container.warn{background:var(--warn)}.toast-container.success{background:var(--ok)}.empty-state{padding:40px 24px;text-align:center;color:var(--ink-3)}.empty-state .emoji{font-size:28px;display:block;margin-bottom:8px;opacity:.6}.empty-state .title{color:var(--ink-2);font-weight:500;font-size:14px;margin-bottom:4px}.empty-state .hint{font-size:12px;max-width:360px;margin:6px auto 0;line-height:1.5}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--bg-tint) 0%,var(--line) 40%,var(--bg-tint) 80%);background-size:800px 100%;animation:shimmer 1.4s linear infinite;border-radius:var(--r-sm);display:block}.skel-line{height:10px;margin:6px 0}.skel-line.lg{height:18px}.skel-block{height:80px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .2s ease}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s infinite}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px}.metric-card{padding:14px 16px}.metric-label{font-size:10.5px;color:var(--ink-3);font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.metric-value{font-family:var(--font-serif);font-size:28px;font-weight:400;color:var(--ink-0);letter-spacing:-.01em;line-height:1.1}.metric-sub{font-size:11.5px;margin-top:4px;color:var(--ink-3)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}.badge-critical{background:#dc262614;color:var(--bad)}.badge-high{background:#e08a001a;color:var(--warn)}.badge-medium{background:var(--accent-tint);color:var(--accent-ink)}.badge-low{background:#0e9f6e14;color:var(--ok)}.divider{height:1px;background:var(--line);margin:16px 0}.vdivider{width:1px;height:20px;background:var(--line-strong)}@media (max-width: 768px){.metric-grid{grid-template-columns:1fr 1fr}.hide-mobile{display:none!important}}.grid-2{display:grid;grid-template-columns:2fr 1fr;gap:14px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.kpi-label{display:flex;align-items:center;gap:6px}.kpi-label .kpi-dot{width:6px;height:6px;border-radius:50%}.kpi-spark{height:28px;margin-top:4px}.kpi-trend{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;padding:2px 8px;border-radius:20px}.kpi-trend.up{color:var(--ok);background:#0e9f6e14}.kpi-trend.down{color:var(--bad);background:#dc262614}.kpi-trend.flat{color:var(--ink-3);background:var(--bg-sunken)}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:20px;font-size:11.5px;font-weight:500;background:var(--bg-sunken);color:var(--ink-2);border:1px solid var(--line)}.pill.ok{background:#0e9f6e14;color:var(--ok);border-color:transparent}.pill.warn{background:#e08a001a;color:var(--warn);border-color:transparent}.pill.bad{background:#dc262614;color:var(--bad);border-color:transparent}.pill.accent{background:var(--accent-tint);color:var(--accent-ink);border-color:transparent}.pill.live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok);animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 #0e9f6e66}70%{box-shadow:0 0 0 5px #0e9f6e00}}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:11.5px;font-weight:500;color:var(--ink-2);letter-spacing:.01em}.field .hint{font-size:11.5px;color:var(--ink-3)}.empty{padding:48px 24px;text-align:center;color:var(--ink-3)}.empty-icon{width:48px;height:48px;margin:0 auto 12px;border-radius:14px;background:var(--bg-sunken);display:grid;place-items:center;color:var(--ink-4)}.legend{display:flex;gap:16px;flex-wrap:wrap}.legend-item{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-2)}.legend-dot{width:8px;height:8px;border-radius:2px}.chips{display:inline-flex;padding:3px;border-radius:10px;background:var(--bg-sunken);border:1px solid var(--line);gap:2px}.chip.on{background:var(--bg-elev);color:var(--ink-0);box-shadow:var(--shadow-xs)}.chip-dot{width:7px;height:7px;border-radius:50%}.hr{height:1px;background:var(--line);margin:16px 0}.task{display:grid;grid-template-columns:22px 1fr auto;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line-soft);transition:background .1s;align-items:center}.task:hover{background:var(--bg-tint)}.task:last-child{border-bottom:0}.task-check{width:18px;height:18px;border:1.5px solid var(--line-strong);border-radius:6px;cursor:pointer;transition:all .1s;display:grid;place-items:center;color:transparent}.task-check:hover{border-color:var(--ink-3)}.task.done .task-check{background:var(--ink-0);border-color:var(--ink-0);color:#fff}.task.done .task-title{text-decoration:line-through;color:var(--ink-3)}.task-title{font-size:13.5px;color:var(--ink-0);font-weight:450}.task-meta{font-size:11.5px;color:var(--ink-3);margin-top:2px;display:flex;gap:8px;align-items:center}.feed-item{display:grid;grid-template-columns:28px 1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-soft);align-items:flex-start}.feed-item:last-child{border-bottom:0}.feed-icon{width:28px;height:28px;border-radius:50%;background:var(--bg-sunken);display:grid;place-items:center;color:var(--ink-2);flex-shrink:0}.feed-text{font-size:13px;color:var(--ink-1);line-height:1.5}.feed-text b{font-weight:600;color:var(--ink-0)}.feed-time{font-size:11.5px;color:var(--ink-3);white-space:nowrap}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:28px}.page-head .page-title{font-family:var(--font-serif);font-size:44px;line-height:1;letter-spacing:-.02em;color:var(--ink-0);font-weight:400}.page-head .page-sub{margin-top:10px;font-size:14px;color:var(--ink-3);max-width:620px}.page-meta{display:flex;align-items:center;gap:10px;flex-shrink:0}@media (max-width: 1280px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.kpi-grid,.grid-4{grid-template-columns:1fr 1fr}.grid-2,.grid-3{grid-template-columns:1fr}}