:root{--bg:#f4f6f8;--panel:#fff;--panel-muted:#f8fafc;--ink:#18191f;--muted:#667085;--line:#d9dee8;--line-strong:#c7ceda;--teal:#0f766e;--teal-soft:#ccfbf1;--amber:#b45309;--amber-soft:#fef3c7;--rose:#be123c;--indigo:#4f46e5;--green:#15803d;--shadow:0 18px 45px #171f2e17}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--ink);letter-spacing:0;background:linear-gradient(#ffffffe0,#f4f6f8f5),radial-gradient(circle at 12% 0,#0f766e1a,#0000 30%),radial-gradient(circle at 92% 12%,#b453091a,#0000 28%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{width:min(1480px,100vw - 32px);min-height:100vh;margin:0 auto;padding:22px 0 40px}.topbar,.toolbar,.metrics-strip,.leaderboard-panel,.detail-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffeb}.topbar{border-radius:8px;justify-content:space-between;align-items:center;min-height:78px;padding:14px 18px;display:flex}.brand-block,.status-cluster,.user-cell,.rank-cell,.sync-pill,.field-control,.search-control,.detail-header,.collector-panel>div,.model-row>div{align-items:center;display:flex}.brand-block{gap:12px;min-width:0}.brand-mark{color:#fff;background:#111827;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}h1,h2,h3,p{margin:0}h1{font-size:1.35rem;line-height:1.2}h2{font-size:1.05rem;line-height:1.3}h3{color:var(--muted);text-transform:uppercase;font-size:.86rem;font-weight:700}.brand-block p,.panel-heading p,.detail-header p,.timestamp,.sub-value,.user-cell span{color:var(--muted)}.brand-block p,.panel-heading p,.timestamp,.sub-value,.user-cell span{font-size:.82rem}.status-cluster{gap:10px}.sync-pill,.submit-button,.repo-button,.connect-button,.user-pill{min-height:34px;color:var(--teal);background:var(--teal-soft);white-space:nowrap;border:1px solid #0f766e2e;border-radius:999px;gap:7px;padding:0 11px;font-size:.86rem;font-weight:700}.submit-button{color:#fff;background:#111827;border:1px solid #111827;border-radius:8px;align-items:center;display:inline-flex}.repo-button,.connect-button,.user-pill{color:#111827;background:var(--panel);border:1px solid var(--line-strong);border-radius:8px;align-items:center;display:inline-flex}.connect-button{color:var(--teal);border-color:#0f766e59}.user-pill{max-width:180px;color:var(--ink);text-overflow:ellipsis;overflow:hidden}.repo-button:hover,.connect-button:hover,.user-pill:hover{border-color:#111827}.repo-button.disabled,.submit-button.disabled{pointer-events:none;opacity:.45}.submit-button:disabled{cursor:wait;opacity:.7}.submit-message{max-width:240px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:700;overflow:hidden}.submit-message.success{color:var(--green)}.submit-message.error{color:var(--rose)}.icon-button{width:36px;height:36px;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:8px;place-items:center;display:grid}.modal-backdrop{z-index:20;background:#11182761;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.connect-dialog{background:var(--panel);border:1px solid var(--line);border-radius:8px;gap:14px;width:min(720px,100%);max-height:calc(100vh - 36px);padding:16px;display:grid;overflow-y:auto;box-shadow:0 24px 70px #1118273d}.dialog-heading,.dialog-actions,.connection-tabs,.provider-form,.connection-list{align-items:center;display:flex}.dialog-heading{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding-bottom:12px}.dialog-heading p{color:var(--muted);margin-top:2px;font-size:.86rem}.login-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.github-only-panel{gap:10px;display:grid}.github-only-panel .submit-button{justify-content:center}.github-only-panel span{color:var(--muted);font-size:.84rem;font-weight:700}.dialog-actions{flex-wrap:wrap;grid-column:1/-1;gap:10px}.stacked-field{gap:6px;min-width:0;display:grid}.stacked-field.short{width:92px}.stacked-field span{color:var(--muted);text-transform:uppercase;font-size:.76rem;font-weight:800}.stacked-field input,.stacked-field select{width:100%;min-width:0;min-height:38px;color:var(--ink);background:var(--panel-muted);border:1px solid var(--line);border-radius:8px;outline:0;padding:0 10px}.connection-tabs{background:var(--panel-muted);border:1px solid var(--line);border-radius:8px;gap:6px;padding:4px}.connection-tabs button{min-height:32px;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:0 12px;font-weight:800}.connection-tabs button.active{color:#fff;background:#111827}.provider-form{flex-wrap:wrap;align-items:end;gap:12px}.provider-form.single{align-items:center}.provider-form .stacked-field{flex:220px}.provider-form .stacked-field.short{flex:0 0 92px}.manual-grid .stacked-field{flex-basis:150px}.connection-list{flex-wrap:wrap;gap:8px}.danger-zone{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.danger-zone a{color:var(--muted);font-size:.84rem;font-weight:800}.danger-button{min-height:34px;color:var(--rose);background:#fff1f2;border:1px solid #be123c2e;border-radius:8px;padding:0 11px;font-weight:800}.danger-button:disabled{cursor:wait;opacity:.65}.connection-chip{min-height:26px;color:var(--teal);background:var(--teal-soft);border:1px solid #0f766e2e;border-radius:999px;align-items:center;padding:0 9px;font-size:.74rem;font-weight:800;display:inline-flex}.connection-chip.error{color:var(--rose);background:#ffe4e6;border-color:#be123c2e}.dialog-message{min-height:28px;color:var(--muted);font-size:.84rem;font-weight:800}.dialog-message.success{color:var(--green)}.dialog-message.error{color:var(--rose)}.toolbar{border-radius:8px;grid-template-columns:auto auto minmax(150px,190px) minmax(220px,1fr);align-items:center;gap:12px;margin-top:14px;padding:14px;display:grid}.segmented-control{background:var(--panel-muted);border:1px solid var(--line);border-radius:8px;grid-auto-columns:minmax(64px,auto);grid-auto-flow:column;min-height:38px;padding:3px;display:grid}.segmented-control button{min-width:0;min-height:30px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:0 12px;font-size:.88rem;font-weight:700}.segmented-control button.active{color:#fff;background:#111827}.field-control,.search-control{background:var(--panel);border:1px solid var(--line);border-radius:8px;gap:8px;min-height:40px;padding:0 11px}.field-control select,.search-control input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0}.metrics-strip{border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px;padding:14px;display:grid}.metric{background:var(--panel-muted);border:1px solid var(--line);border-radius:8px;align-items:center;gap:11px;min-width:0;min-height:70px;padding:12px;display:flex}.metric.compact{min-height:62px}.metric-icon{width:34px;height:34px;color:var(--teal);background:var(--teal-soft);border-radius:8px;flex:none;place-items:center;display:grid}.metric span:not(.metric-icon){color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:700;display:block}.metric strong{overflow-wrap:anywhere;margin-top:2px;font-size:1.22rem;line-height:1.1;display:block}.workspace-grid{grid-template-columns:minmax(0,1fr) 340px;gap:14px;margin-top:14px;display:grid}.leaderboard-panel,.detail-panel{border-radius:8px;min-width:0}.leaderboard-panel{overflow:hidden}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.table-wrap{overflow-x:auto}.leaderboard-table{border-collapse:collapse;width:100%;min-width:940px}.leaderboard-table th,.leaderboard-table td{text-align:left;vertical-align:middle;border-bottom:1px solid var(--line);padding:13px 16px}.leaderboard-table th{color:var(--muted);background:var(--panel-muted);text-transform:uppercase;font-size:.75rem;font-weight:800}.leaderboard-table tbody tr{transition:background .12s,color .12s}.leaderboard-table tbody tr:hover,.leaderboard-table tbody tr.selected-row{background:#eef8f6}.rank-cell{width:70px;color:var(--amber);gap:6px;font-weight:800}.user-cell{gap:10px;min-width:245px}.user-cell strong,.user-cell span{display:block}.avatar{color:#fff;background:linear-gradient(135deg, #111827, var(--teal));border-radius:8px;flex:none;place-items:center;width:34px;height:34px;font-size:.74rem;font-weight:900;display:grid}.avatar.large{width:48px;height:48px;font-size:.9rem}.sub-value{margin-top:3px;display:block}.provider-mix{gap:6px;min-width:148px;display:grid}.provider-mix.large{gap:8px}.mix-track{background:#e8edf3;border-radius:999px;width:100%;height:10px;display:flex;overflow:hidden}.provider-mix.large .mix-track{height:14px}.mix-track span{min-width:2px;height:100%}.mix-track .codex{background:var(--teal)}.mix-track .claude{background:var(--amber)}.mix-track .other{background:var(--indigo)}.mix-labels{color:var(--muted);white-space:nowrap;justify-content:space-between;gap:8px;font-size:.73rem;font-weight:700;display:flex}.sparkline{width:120px;height:38px;color:var(--rose)}.badge-row{flex-wrap:wrap;gap:6px;max-width:230px;display:flex}.badge{color:#6d3a00;background:var(--amber-soft);white-space:nowrap;border:1px solid #b453092e;border-radius:999px;align-items:center;min-height:24px;padding:0 8px;font-size:.73rem;font-weight:800;display:inline-flex}.detail-panel{align-self:start;padding:16px}.detail-header{border-bottom:1px solid var(--line);gap:12px;padding-bottom:15px}.detail-stats{grid-template-columns:1fr;gap:10px;margin-top:14px;display:grid}.split-section,.model-section,.collector-panel{margin-top:18px}.split-section h3,.model-section h3{margin-bottom:10px}.model-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:38px;padding:8px 0;display:flex}.model-row>div{gap:8px;min-width:0}.model-row span{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.model-row strong{flex:none;font-size:.88rem}.collector-panel{background:#111827;border-radius:8px;gap:10px;padding:12px;display:grid}.collector-panel>div{color:#d1fae5;gap:8px;font-size:.84rem;font-weight:800}.collector-panel code{color:#fff;white-space:nowrap;font-size:.82rem;display:block;overflow-x:auto}.empty-state{min-height:180px;color:var(--muted);place-items:center;display:grid}.policy-page{width:min(720px,100vw - 32px);min-height:100vh;margin:0 auto;padding:48px 0}.policy-page section{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;gap:14px;padding:22px;display:grid}.policy-page p{color:var(--muted);line-height:1.6}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1040px){.toolbar,.metrics-strip,.workspace-grid{grid-template-columns:1fr}.segmented-control{grid-auto-columns:minmax(0,1fr)}}@media (max-width:680px){.app-shell{width:min(100vw - 20px,1480px);padding-top:10px}.topbar{flex-direction:column;align-items:flex-start;gap:12px}.status-cluster{flex-wrap:wrap;justify-content:space-between;width:100%}.submit-message{width:100%;max-width:none}.login-grid,.provider-form{grid-template-columns:1fr}.connection-tabs,.provider-form,.dialog-actions,.danger-zone{flex-direction:column;align-items:stretch}.connection-tabs button,.provider-form .submit-button,.dialog-actions .submit-button,.dialog-actions .repo-button{justify-content:center;width:100%}.provider-form .stacked-field,.provider-form .stacked-field.short,.stacked-field.short{flex-basis:auto;width:100%}.toolbar{gap:10px;padding:10px}.metrics-strip{padding:10px}.panel-heading{flex-direction:column;align-items:flex-start}}
