:root{--na-bg: #111114;--na-bg-alt: #16151b;--na-surface: #1a191f;--na-surface-hover: #222228;--na-primary: #a78bfa;--na-primary-hover: #b49bfb;--na-primary-muted: rgba(167, 139, 250, .12);--na-accent: #5eead4;--na-accent-hover: #86eedb;--na-accent-muted: rgba(94, 234, 212, .12);--na-text: #e4e2e8;--na-text-muted: #7c7a84;--na-text-light: #525060;--na-border: rgba(167, 139, 250, .06);--na-border-hover: rgba(167, 139, 250, .12);--na-border-focus: rgba(167, 139, 250, .5);--na-success: #5eead4;--na-warning: #f0b060;--na-error: #fb7185;--na-info: #38bdf8;--na-logo: #a78bfa;--na-logo-wordmark: #e4e2e8;--na-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--na-shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--na-shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--na-chart-cat-1: #a78bfa;--na-chart-cat-2: #38bdf8;--na-chart-cat-3: #5eead4;--na-chart-cat-4: #f0b060;--na-chart-cat-5: #fb7185;--na-chart-cat-6: #34d399;--na-chart-cat-7: #fbbf24;--na-chart-cat-8: #c084fc;--na-chart-cat-9: #f87171;--na-chart-cat-10: #60a5fa;--na-chart-cat-11: #a3e635;--na-chart-cat-12: #e879f9;--na-chart-cat-13: #22d3ee;--na-chart-cat-14: #fb923c;--na-chart-cat-15: #818cf8;--na-chart-cat-16: #f472b6;--na-chart-seq-violet-1: #2e2040;--na-chart-seq-violet-2: #3d2d5c;--na-chart-seq-violet-3: #5b3f8a;--na-chart-seq-violet-4: #7c5cba;--na-chart-seq-violet-5: #a78bfa;--na-chart-seq-violet-6: #c4b0fc;--na-chart-seq-violet-7: #e0d5fd;--na-chart-seq-teal-1: #0d2f2e;--na-chart-seq-teal-2: #134645;--na-chart-seq-teal-3: #1a6362;--na-chart-seq-teal-4: #2d9490;--na-chart-seq-teal-5: #5eead4;--na-chart-seq-teal-6: #99f0e2;--na-chart-seq-teal-7: #ccf7ef;--na-chart-seq-amber-1: #2e2010;--na-chart-seq-amber-2: #4a3418;--na-chart-seq-amber-3: #785425;--na-chart-seq-amber-4: #b07838;--na-chart-seq-amber-5: #f0b060;--na-chart-seq-amber-6: #f5ca8e;--na-chart-seq-amber-7: #fae4c4;--na-chart-div-health-1: #5eead4;--na-chart-div-health-2: #86eedb;--na-chart-div-health-3: #b6f4e8;--na-chart-div-health-4: #e4e2e8;--na-chart-div-health-5: #f5b0bb;--na-chart-div-health-6: #fb8498;--na-chart-div-health-7: #fb7185;--na-chart-div-magnitude-1: #a78bfa;--na-chart-div-magnitude-2: #b9a4fb;--na-chart-div-magnitude-3: #ccbefc;--na-chart-div-magnitude-4: #e4e2e8;--na-chart-div-magnitude-5: #f5ca8e;--na-chart-div-magnitude-6: #f0b060;--na-chart-div-magnitude-7: #e89830;--na-font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--na-font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace;--na-text-xs: 11px;--na-text-sm: 13px;--na-text-base: 14px;--na-text-md: 16px;--na-text-lg: 18px;--na-text-xl: 22px;--na-text-2xl: 28px;--na-text-3xl: 36px;--na-text-4xl: 48px;--na-weight-normal: 400;--na-weight-medium: 500;--na-weight-semibold: 600;--na-weight-bold: 700;--na-leading-tight: 1.25;--na-leading-normal: 1.5;--na-leading-relaxed: 1.65;--na-tracking-tight: -.5px;--na-tracking-normal: 0;--na-tracking-wide: .5px;--na-tracking-caps: 1px;--na-space-1: 4px;--na-space-2: 8px;--na-space-3: 12px;--na-space-4: 16px;--na-space-5: 20px;--na-space-6: 24px;--na-space-8: 32px;--na-space-10: 40px;--na-space-12: 48px;--na-space-16: 64px;--na-space-20: 80px;--na-radius-sm: 4px;--na-radius-md: 8px;--na-radius-lg: 12px;--na-radius-xl: 16px;--na-radius-full: 9999px;--na-transition-fast: .15s ease;--na-transition-base: .2s ease;--na-transition-slow: .3s ease;--na-transition-theme: .4s ease;--na-z-dropdown: 50;--na-z-sticky: 100;--na-z-modal: 200;--na-z-toast: 300;--na-z-tooltip: 400}[data-theme=light],.light-mode{--na-bg: #f6f5f8;--na-bg-alt: #ededf0;--na-surface: #ffffff;--na-surface-hover: #f0eff3;--na-primary: #7c3aed;--na-primary-hover: #6d28d9;--na-primary-muted: rgba(124, 58, 237, .06);--na-accent: #2dd4bf;--na-accent-hover: #14b8a6;--na-accent-muted: rgba(45, 212, 191, .08);--na-text: #1a191f;--na-text-muted: #7c7a84;--na-text-light: #9a98a2;--na-border: rgba(46, 44, 52, .08);--na-border-hover: rgba(46, 44, 52, .12);--na-border-focus: rgba(124, 58, 237, .5);--na-success: #2dd4bf;--na-warning: #e09850;--na-error: #f43f5e;--na-info: #38bdf8;--na-logo: #7c3aed;--na-logo-wordmark: #1a191f;--na-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--na-shadow-md: 0 4px 6px rgba(0, 0, 0, .08);--na-shadow-lg: 0 10px 15px rgba(0, 0, 0, .1)}.na-bg{background:var(--na-bg)}.na-bg-alt{background:var(--na-bg-alt)}.na-bg-surface{background:var(--na-surface)}.na-bg-primary{background:var(--na-primary)}.na-bg-accent{background:var(--na-accent)}.na-text{color:var(--na-text)}.na-text-muted{color:var(--na-text-muted)}.na-text-light{color:var(--na-text-light)}.na-text-primary{color:var(--na-primary)}.na-text-accent{color:var(--na-accent)}.na-border{border:1px solid var(--na-border)}.na-border-primary{border-color:var(--na-primary)}.na-font-sans{font-family:var(--na-font-sans)}.na-font-mono{font-family:var(--na-font-mono)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--na-font-sans);background:var(--na-bg);color:var(--na-text);line-height:var(--na-leading-normal);-webkit-font-smoothing:antialiased}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--na-space-6)}.auth-card{width:100%;max-width:400px;background:var(--na-surface);border:1px solid var(--na-border);border-radius:var(--na-radius-lg);padding:var(--na-space-8);display:flex;flex-direction:column;gap:var(--na-space-5)}.auth-card h2{font-size:var(--na-text-xl);font-weight:var(--na-weight-semibold)}.field{display:flex;flex-direction:column;gap:var(--na-space-1)}.field label{font-size:var(--na-text-sm);color:var(--na-text-muted);font-weight:var(--na-weight-medium)}input{background:var(--na-bg);border:1px solid var(--na-border);border-radius:var(--na-radius-md);padding:var(--na-space-3) var(--na-space-4);font-size:var(--na-text-base);color:var(--na-text);font-family:var(--na-font-sans);transition:border-color var(--na-transition-fast)}input:focus{outline:none;border-color:var(--na-primary);box-shadow:0 0 0 3px var(--na-primary-muted)}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}form{display:flex;flex-direction:column;gap:var(--na-space-4)}.btn-primary{background:var(--na-primary);color:#fff;border:none;border-radius:var(--na-radius-md);padding:var(--na-space-3) var(--na-space-5);font-size:var(--na-text-base);font-weight:var(--na-weight-medium);cursor:pointer;transition:background var(--na-transition-fast);display:flex;align-items:center;gap:var(--na-space-2);justify-content:center}.btn-primary:hover{background:var(--na-primary-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--na-text);border:1px solid var(--na-border);border-radius:var(--na-radius-md);padding:var(--na-space-2) var(--na-space-4);font-size:var(--na-text-sm);cursor:pointer}.btn-ghost{background:none;border:none;color:var(--na-text-muted);cursor:pointer;padding:var(--na-space-1)}.btn-ghost:hover{color:var(--na-text)}.link{background:none;border:none;color:var(--na-primary);cursor:pointer;font-size:inherit;text-decoration:underline}.toggle{text-align:center;font-size:var(--na-text-sm);color:var(--na-text-muted)}.error{color:var(--na-error);font-size:var(--na-text-sm)}.warning{color:var(--na-warning);font-size:var(--na-text-sm)}.layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--na-bg-alt);border-right:1px solid var(--na-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0}.sidebar-header{display:flex;align-items:center;gap:var(--na-space-3);padding:var(--na-space-5) var(--na-space-5);border-bottom:1px solid var(--na-border)}.brand{font-size:var(--na-text-md);font-weight:var(--na-weight-semibold);letter-spacing:var(--na-tracking-tight)}.sidebar-nav{flex:1;padding:var(--na-space-3);display:flex;flex-direction:column;gap:var(--na-space-1)}.nav-item{display:flex;align-items:center;gap:var(--na-space-3);padding:var(--na-space-2) var(--na-space-3);border-radius:var(--na-radius-md);color:var(--na-text-muted);text-decoration:none;font-size:var(--na-text-sm);transition:all var(--na-transition-fast)}.nav-item:hover{background:var(--na-surface);color:var(--na-text)}.nav-item.active{background:var(--na-primary-muted);color:var(--na-primary)}.sidebar-footer{padding:var(--na-space-4);border-top:1px solid var(--na-border)}.tenant-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--na-space-2)}.tenant-name{font-size:var(--na-text-sm);font-weight:var(--na-weight-medium)}.tenant-tier{font-size:var(--na-text-xs);color:var(--na-primary);text-transform:uppercase;letter-spacing:var(--na-tracking-caps)}.user-info{display:flex;justify-content:space-between;align-items:center;font-size:var(--na-text-xs);color:var(--na-text-muted)}.content{margin-left:240px;flex:1;padding:var(--na-space-8);max-width:960px}.page{display:flex;flex-direction:column;gap:var(--na-space-6)}.page-header{display:flex;justify-content:space-between;align-items:center}.page-header h1{font-size:var(--na-text-2xl);font-weight:var(--na-weight-semibold)}.card{background:var(--na-surface);border:1px solid var(--na-border);border-radius:var(--na-radius-lg);padding:var(--na-space-5)}.card-active{border-color:var(--na-accent)}.card-warning{border-color:var(--na-warning)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--na-space-4)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--na-space-3)}.card-footer{margin-top:var(--na-space-3)}.card-meta{display:flex;gap:var(--na-space-4);font-size:var(--na-text-xs);color:var(--na-text-muted);margin-top:var(--na-space-3)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--na-space-4)}.stat-card{background:var(--na-surface);border:1px solid var(--na-border);border-radius:var(--na-radius-lg);padding:var(--na-space-5);display:flex;flex-direction:column;gap:var(--na-space-1)}.stat-value{font-size:var(--na-text-3xl);font-weight:var(--na-weight-semibold);font-family:var(--na-font-mono)}.stat-label{font-size:var(--na-text-sm);color:var(--na-text-muted)}.badge{display:inline-flex;align-items:center;gap:var(--na-space-1);font-size:var(--na-text-xs);padding:2px var(--na-space-2);border-radius:var(--na-radius-full);font-weight:var(--na-weight-medium)}.badge-success{background:var(--na-accent-muted);color:var(--na-accent)}.badge-muted{background:var(--na-surface-hover);color:var(--na-text-muted)}.key-type{font-size:var(--na-text-sm);font-weight:var(--na-weight-medium);text-transform:capitalize}.key-value code,.key-display code{font-family:var(--na-font-mono);font-size:var(--na-text-sm);background:var(--na-bg);padding:var(--na-space-2) var(--na-space-3);border-radius:var(--na-radius-sm);display:block;overflow-x:auto;word-break:break-all}.key-display{display:flex;flex-direction:column;gap:var(--na-space-1)}.key-display label{font-size:var(--na-text-xs);color:var(--na-text-muted);font-weight:var(--na-weight-medium)}.key-row{display:flex;align-items:center;gap:var(--na-space-2)}.key-row code{flex:1}.provider-usage{display:flex;flex-direction:column;gap:var(--na-space-3);margin-top:var(--na-space-3)}.provider-row{display:grid;grid-template-columns:120px 60px 1fr;align-items:center;gap:var(--na-space-3)}.provider-name{font-size:var(--na-text-sm);font-weight:var(--na-weight-medium)}.provider-count{font-size:var(--na-text-sm);color:var(--na-text-muted);text-align:right;font-family:var(--na-font-mono)}.provider-icon{color:var(--na-primary)}.provider-bar{height:6px;background:var(--na-bg);border-radius:var(--na-radius-full);overflow:hidden}.provider-bar-fill{height:100%;background:var(--na-primary);border-radius:var(--na-radius-full);min-width:4px}.code-block{background:#111114;border-radius:var(--na-radius-md);padding:var(--na-space-4) var(--na-space-5);font-family:var(--na-font-mono);font-size:var(--na-text-sm);line-height:var(--na-leading-relaxed);overflow-x:auto;color:#cdd6f4}.text-muted{color:var(--na-text-muted)}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center}.spinner{width:24px;height:24px;border:2px solid var(--na-border);border-top-color:var(--na-primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}h3{font-size:var(--na-text-md);font-weight:var(--na-weight-semibold)}.expiry-banner{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--na-warning);color:#000;text-align:center;padding:var(--na-space-2) var(--na-space-4);font-size:var(--na-text-sm);font-weight:var(--na-weight-medium)}.expiry-banner a{color:#000;font-weight:var(--na-weight-semibold);text-decoration:underline;margin-left:var(--na-space-2)}.benchmark-controls{display:flex;gap:var(--na-space-2)}.chip{padding:var(--na-space-1) var(--na-space-3);border-radius:var(--na-radius-full);border:1px solid var(--na-border);background:transparent;color:var(--na-text-muted);font-size:var(--na-text-xs);font-weight:var(--na-weight-medium);cursor:pointer;transition:all var(--na-transition-fast)}.chip:hover{border-color:var(--na-primary);color:var(--na-text)}.chip-active{background:var(--na-primary);color:#fff;border-color:var(--na-primary)}.chip-sm{font-size:11px;padding:2px 8px}.benchmark-tabs{display:flex;gap:var(--na-space-1);margin-bottom:var(--na-space-4);border-bottom:1px solid var(--na-border);padding-bottom:var(--na-space-1)}.bench-tab{padding:var(--na-space-2) var(--na-space-3);border:none;background:transparent;color:var(--na-text-muted);font-size:var(--na-text-sm);font-weight:var(--na-weight-medium);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--na-transition-fast)}.bench-tab:hover{color:var(--na-text)}.bench-tab-active{color:var(--na-primary);border-bottom-color:var(--na-primary)}.benchmark-table-card{overflow-x:auto}.benchmark-table-card h3{margin:0 0 var(--na-space-3);font-size:var(--na-text-sm);color:var(--na-text-muted)}.benchmark-table{width:100%;border-collapse:collapse;font-size:var(--na-text-sm)}.benchmark-table th{text-align:left;padding:var(--na-space-2) var(--na-space-3);color:var(--na-text-muted);font-weight:var(--na-weight-medium);font-size:var(--na-text-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--na-border)}.benchmark-table td{padding:var(--na-space-2) var(--na-space-3);border-bottom:1px solid var(--na-border);color:var(--na-text)}.benchmark-table tr:hover td{background:var(--na-surface-hover)}.benchmark-table .col-num,.benchmark-table th.col-num{text-align:right;font-variant-numeric:tabular-nums}.benchmark-table .col-center,.benchmark-table th.col-center{text-align:center}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--na-radius-full);font-size:11px;font-weight:var(--na-weight-bold)}.rank-1{background:#fbbf2426;color:#fbbf24}.rank-2{background:#7c7a8426;color:#7c7a84}.rank-3{background:#f0b06026;color:#f0b060}.rank-default{background:var(--na-surface);color:var(--na-text-muted)}.model-cell{font-family:var(--na-font-mono);font-size:var(--na-text-xs);font-weight:var(--na-weight-medium)}.provider-cell{font-weight:var(--na-weight-medium)}.endpoint-cell{font-family:var(--na-font-mono);font-size:var(--na-text-xs);color:var(--na-text-muted)}.model-cell-text{display:flex;flex-direction:column;gap:2px;min-width:0}.model-display-name{font-size:var(--na-text-sm);font-weight:var(--na-weight-medium);color:var(--na-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-id-sub{font-family:var(--na-font-mono);font-size:10px;color:var(--na-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.provider-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--na-radius-full);font-size:10px;font-weight:var(--na-weight-bold);text-transform:lowercase;letter-spacing:.3px;background:color-mix(in srgb,var(--chip-color) 18%,transparent);color:var(--chip-color);border:1px solid color-mix(in srgb,var(--chip-color) 35%,transparent);white-space:nowrap;flex-shrink:0}.model-color-chip{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--na-radius-full);font-size:11px;font-weight:var(--na-weight-medium);background:color-mix(in srgb,var(--chip-color) 16%,transparent);color:var(--chip-color);border:1px solid color-mix(in srgb,var(--chip-color) 40%,transparent);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.best-model-card{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.best-model-provider{font-size:var(--na-text-sm);font-weight:var(--na-weight-bold);color:var(--na-text);text-transform:lowercase}.text-accent{color:var(--na-accent)}.text-error{color:var(--na-error)}.comparison-dot{display:inline-block;margin-left:var(--na-space-1);font-size:10px;font-weight:var(--na-weight-bold)}.comparison-dot.positive{color:var(--na-accent)}.comparison-dot.negative{color:var(--na-error)}.stat-grid-compact{grid-template-columns:repeat(6,1fr)}.stat-card-sm .stat-value{font-size:var(--na-text-base)}.stat-card-sm .stat-label{font-size:10px}.session-card{margin-bottom:var(--na-space-3)}.session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--na-space-3)}.session-providers{display:flex;gap:var(--na-space-1);margin-top:var(--na-space-2);flex-wrap:wrap}.recommendation-item{padding:var(--na-space-3);background:var(--na-warning-muted, rgba(240, 176, 96, .08));border-left:3px solid var(--na-warning);border-radius:0 var(--na-radius-md) var(--na-radius-md) 0;font-size:var(--na-text-sm);color:var(--na-text);line-height:1.5}.recommendation-item code{font-family:var(--na-font-mono);font-size:var(--na-text-xs);background:var(--na-surface-hover);padding:1px 5px;border-radius:3px}.recommendation-good{border-left-color:var(--na-accent);background:var(--na-accent-muted)}