@import"https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@400;500;600;700;800&family=Inter:wght@300;400;450;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-deep: oklch(.145 0 0);--bg-base: oklch(.145 0 0);--bg-panel: oklch(.175 0 0);--bg-card: oklch(.205 0 0);--bg-card-hover: oklch(.235 0 0);--bg-elevated: oklch(.25 0 0);--border-dim: oklch(.275 0 0);--border-subtle: oklch(.22 0 0);--border-focus: oklch(.556 0 0);--accent: oklch(.65 .2 250);--accent-hover: oklch(.58 .2 250);--accent-muted: oklch(.65 .2 250 / .15);--accent-glow: oklch(.65 .2 250 / .25);--teal: oklch(.65 .2 250);--green: oklch(.72 .19 155);--green-muted: oklch(.72 .19 155 / .12);--red: oklch(.63 .22 25);--red-muted: oklch(.63 .22 25 / .12);--amber: oklch(.8 .16 80);--amber-muted: oklch(.8 .16 80 / .12);--purple: oklch(.65 .22 300);--text-primary: oklch(.985 0 0);--text-secondary: oklch(.556 0 0);--text-tertiary: oklch(.4 0 0);--text-muted: oklch(.32 0 0);--font-display: "Darker Grotesque", "Inter", sans-serif;--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--radius: 10px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 14px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .15);--shadow-sm: 0 2px 4px -1px rgb(0 0 0 / .2), 0 1px 2px -1px rgb(0 0 0 / .15);--shadow-md: 0 4px 8px -2px rgb(0 0 0 / .25), 0 2px 4px -2px rgb(0 0 0 / .2);--shadow-lg: 0 12px 24px -4px rgb(0 0 0 / .35), 0 4px 8px -2px rgb(0 0 0 / .25);--shadow-inset: inset 0 1px 0 0 rgba(255, 255, 255, .04);--sidebar-width: 240px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}::selection{background:var(--accent);color:var(--text-primary)}body{background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-main);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.label-technical{font-family:var(--font-main);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-weight:500}.value-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.text-dim{color:var(--text-secondary)}.grid-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;display:none}.grid-line-v,.grid-line-h{display:none}.app-layout{display:flex;min-height:100vh;position:relative;z-index:1}.sidebar{width:var(--sidebar-width);background:var(--bg-panel);border-right:1px solid var(--border-dim);position:sticky;top:0;height:100vh;overflow-y:auto;flex-shrink:0;z-index:10}.sidebar .logo{padding:1.25rem 1.5rem;font-size:.9375rem;font-weight:600;letter-spacing:-.02em;border-bottom:1px solid var(--border-dim);display:flex;align-items:center;gap:12px}.sidebar .logo:before{display:none}.sidebar .nav-item{padding:.5rem 1rem .5rem 1.25rem;cursor:pointer;border-radius:0;margin:0;display:flex;align-items:center;gap:.625rem;color:var(--text-secondary);transition:color var(--transition-fast),background var(--transition-fast);font-size:13px;font-weight:450;border-left:2px solid transparent}.sidebar .nav-item:hover{color:var(--text-primary);background:#fafafa08}.sidebar .nav-item.active{color:var(--text-primary);background:#fafafa0d;border-left-color:var(--accent)}.sidebar .nav-item .nav-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;opacity:.6}.sidebar .nav-item:hover .nav-icon,.sidebar .nav-item.active .nav-icon{opacity:1}.main-content{flex:1;padding:1.5rem 2rem 2rem;overflow-y:auto;min-width:0;position:relative;z-index:1}.page-title{font-family:var(--font-display);font-size:1.75rem;font-weight:700;margin:0 0 1.5rem;text-wrap:balance;color:var(--text-primary);letter-spacing:-.02em;line-height:1.2}.grid-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.kpi-card{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:var(--radius-xl);padding:1.25rem 1.5rem;box-shadow:var(--shadow-xs);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.kpi-card:hover{border-color:var(--border-focus);box-shadow:var(--shadow-sm)}.kpi-card .kpi-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.625rem}.kpi-card .kpi-icon{color:var(--text-secondary);display:flex;align-items:center}.kpi-card .label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-weight:500}.kpi-card .value{font-family:var(--font-mono);font-size:1.625rem;font-weight:600;font-variant-numeric:tabular-nums;margin-top:.25rem;color:var(--text-primary)}.kpi-card .delta{font-size:12px;margin-top:.25rem;font-family:var(--font-mono);font-weight:500}.kpi-card .delta.positive{color:var(--green)}.kpi-card .delta.negative{color:var(--red)}.chart-panel{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-xs)}.chart-panel .title{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-weight:500;margin-bottom:1rem}.data-table{width:100%;border-collapse:collapse;background:var(--bg-card);border:1px solid var(--border-dim);border-radius:var(--radius-lg);overflow:hidden;font-size:13px}.data-table th{text-align:left;padding:.75rem 1rem;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border-dim);background:var(--bg-panel);position:sticky;top:0;z-index:5}.data-table td{padding:.625rem 1rem;border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:#fafafa05}.data-table tbody tr:last-child td{border-bottom:none}.data-table .numeric{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.alert-banner{display:inline-flex;align-items:center;gap:8px;padding:.5rem 1rem;border-radius:var(--radius-md);font-size:12px;font-weight:500;margin-bottom:1rem}.alert-banner.warning{background:var(--amber-muted);border:1px solid oklch(.8 .16 80 / .25);color:var(--amber)}.alert-banner.error{background:var(--red-muted);border:1px solid oklch(.63 .22 25 / .25);color:var(--red)}.alert-banner.info{background:var(--green-muted);border:1px solid oklch(.72 .19 155 / .25);color:var(--green)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-md);font-size:11px;font-weight:600;letter-spacing:.02em}.badge-success{background:var(--green-muted);color:var(--green);border:1px solid oklch(.72 .19 155 / .2)}.badge-pending{background:var(--amber-muted);color:var(--amber);border:1px solid oklch(.8 .16 80 / .2)}.pagination{display:flex;align-items:center;gap:.75rem;justify-content:flex-end;margin-top:1rem}.btn{padding:.4375rem .875rem;border-radius:var(--radius-md);border:1px solid var(--border-dim);background:var(--bg-card);color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-main);transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-xs),var(--shadow-inset);line-height:1.4}.btn:hover{background:var(--bg-card-hover);border-color:var(--border-focus)}.btn:active{box-shadow:none;transform:translateY(.5px)}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);color:#fafafa;border-color:transparent;font-weight:600;box-shadow:var(--shadow-sm),var(--shadow-inset)}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-md),0 0 20px var(--accent-glow)}input,select{background:var(--bg-deep);border:1px solid var(--border-dim);color:var(--text-primary);padding:.4375rem .75rem;border-radius:var(--radius-md);font-size:13px;font-family:var(--font-main);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-xs);line-height:1.5}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}input::placeholder{color:var(--text-tertiary)}input[type=range]{padding:0;border:none;background:none;box-shadow:none;accent-color:var(--accent)}h2{font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.tab-bar{display:inline-flex;gap:0;background:var(--bg-panel);border-radius:var(--radius-lg);padding:3px;margin-bottom:1.5rem;overflow-x:auto;border:1px solid var(--border-dim)}.tab-item{padding:.4375rem 1rem;cursor:pointer;font-family:var(--font-main);font-size:12px;letter-spacing:.01em;color:var(--text-secondary);border-radius:var(--radius-md);transition:color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap;font-weight:500;border:1px solid transparent}.tab-item:hover{color:var(--text-primary)}.tab-item.active{color:var(--text-primary);background:var(--bg-card);box-shadow:var(--shadow-sm);border-color:var(--border-dim)}.param-group{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.param-row{display:flex;align-items:center;gap:1rem}.param-row label{flex:0 0 160px;font-size:12px;color:var(--text-secondary);font-weight:500}.param-row input,.param-row select{flex:1;max-width:280px}.version-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-md);font-size:11px;font-weight:600;letter-spacing:.02em}.version-badge.draft{background:#7373731a;color:var(--text-secondary);border:1px solid var(--border-dim)}.version-badge.devnet{background:var(--amber-muted);color:var(--amber);border:1px solid oklch(.8 .16 80 / .25)}.version-badge.livenet{background:var(--green-muted);color:var(--green);border:1px solid oklch(.72 .19 155 / .25)}.progress-bar{width:100%;height:4px;background:var(--border-dim);border-radius:var(--radius-sm);overflow:hidden;margin:.5rem 0}.progress-bar .fill{height:100%;background:var(--accent);border-radius:var(--radius-sm);transition:width var(--transition-slow)}@media(max-width:768px){.sidebar{display:none}.main-content{padding:1rem}.grid-row{grid-template-columns:1fr}.kpi-card .value{font-size:1.25rem}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-dim);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}