:root{--canvas:#f7f6f3;--paper:#fff;--ink:#262823;--muted:#64675e;--line:#eaeaea;--green:#346538;--green-bg:#edf3ec;--orange:#97532e;--orange-bg:#f9eee6;--blue:#375a7c;--blue-bg:#eaf0f8;--error:#9f2f2d}
.transport-note{padding:12px 24px;background:#fbf3db;color:#785100;font-size:13px;text-align:center;line-height:1.45}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--canvas);color:var(--ink);font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;line-height:1.45;font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}[hidden]{display:none!important}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;min-height:42px;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:600;border:1px solid transparent;transition:background .16s,transform .16s}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #769078;outline-offset:3px}input:not([type=checkbox]){width:100%;background:#fff;border:1px solid #c7c9c1;border-radius:6px;padding:12px 13px;min-height:46px;color:var(--ink)}label{display:block;font-size:14px;font-weight:600}a{color:inherit;text-decoration-color:#a0a496;text-underline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.15;hyphens:none}h1{font-size:clamp(30px,3.4vw,42px);letter-spacing:-.035em;font-weight:600}h2{font-size:23px;letter-spacing:-.02em;font-weight:600}h3{font-size:17px;font-weight:600}.muted,.footnote{color:var(--muted)}.eyebrow{font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px;color:var(--muted)}.primary{background:#242821;color:white}.primary:hover{background:#41473c}.secondary{background:var(--paper);border-color:#d8dbd1}.secondary:hover{background:#eeefe9}.quiet{background:transparent;color:var(--muted);padding:8px 10px}.quiet:hover{background:#eaece4;color:var(--ink)}.full{width:100%;display:flex;justify-content:space-between;align-items:center}.error{font-size:14px;color:var(--error);line-height:1.45;overflow-wrap:anywhere}.error:empty{display:none}.brand{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600}.mark{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:white;border-radius:6px;font-size:17px;font-weight:650}.brand .muted{font-weight:400}.boot{padding:40px;color:var(--muted)}
.login{max-width:1100px;min-height:100dvh;margin:auto;padding:80px 40px;display:grid;grid-template-columns:1.2fr 1fr;gap:110px;align-items:center}.login-intro .brand{margin-bottom:92px}.login-intro h1{font-size:clamp(38px,4.2vw,58px);line-height:1.05;letter-spacing:-.045em}.intro-copy{max-width:370px;margin-top:25px;color:var(--muted);font-size:17px}.provider-wordmarks{display:flex;gap:26px;flex-wrap:wrap;margin-top:55px;font-size:14px;font-weight:600;color:var(--muted)}.login-panel{background:white;border:1px solid var(--line);padding:36px;border-radius:12px}.login-panel h2{font-size:28px}.login-panel>p.muted{margin-top:10px;font-size:15px}.login-panel form{margin-top:34px}.login-panel label{margin:20px 0 8px}.login-panel .primary{margin-top:28px}.login-panel .error{margin-top:16px}.footnote{font-size:12px;line-height:1.5;max-width:65ch}.login-panel .footnote{margin-top:23px}
.topbar{max-width:1440px;margin:auto;padding:22px 48px;border-bottom:1px solid #e1e3d9;display:flex;align-items:center;justify-content:space-between;gap:16px}.account{display:flex;align-items:center;gap:20px;font-size:13px}.workspace{max-width:1344px;margin:0 auto;padding:56px 48px 30px}.overview{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.overview .muted{margin-top:14px}.toolbar{display:flex;gap:10px;flex-shrink:0}.period-row{display:flex;justify-content:space-between;gap:20px;margin:40px 0 18px;font-size:13px;color:var(--muted)}#global-error{margin-bottom:16px}.provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.provider-card{background:white;border:1px solid var(--line);border-radius:12px;padding:26px;display:flex;flex-direction:column;min-width:0}.provider-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:32px}.provider-name{display:flex;align-items:center;gap:10px;font-weight:600}.provider-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:7px;font-size:13px;font-weight:650}.openrouter .provider-mark{color:var(--blue);background:var(--blue-bg)}.openai .provider-mark{color:var(--green);background:var(--green-bg)}.claude .provider-mark{color:var(--orange);background:var(--orange-bg)}.status{display:inline-flex;align-items:center;gap:5px;font-size:11px;white-space:nowrap;color:var(--muted)}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:#969b90}.status.live{color:var(--green)}.status.live:before{background:var(--green)}.status.issue{color:var(--error)}.status.issue:before{background:var(--error)}.metric-label{font-size:12px;color:var(--muted)}.big-number{font-size:40px;line-height:1.15;letter-spacing:-.04em;font-weight:550;margin:8px 0 9px;font-variant-numeric:tabular-nums}.scope{font-size:12px;color:var(--muted);min-height:35px}.stats-list{margin:23px 0 0;display:grid;gap:13px}.stat{display:flex;justify-content:space-between;gap:14px;align-items:baseline;font-size:13px}.stat dt{color:var(--muted)}.stat dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.card-note{margin-top:25px;padding-top:17px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);line-height:1.5;flex:1}.card-note p+p{margin-top:8px}.card-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:17px;font-size:12px}.card-actions button{min-height:32px;padding:6px 0;font-size:12px}.card-error{background:#fdebec;color:var(--error);border-radius:6px;padding:12px;font-size:13px;margin-top:20px}.provider-card.disconnected .big-number{color:#adb2a4}.history{margin-top:46px;background:white;border:1px solid var(--line);border-radius:12px;padding:28px 30px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-heading>.muted{font-size:12px}.history-note{font-size:13px;margin-top:12px}.empty{text-align:center;padding:42px 18px 48px;color:var(--muted)}.empty h3{margin-top:20px;color:var(--ink);font-size:16px}.empty p{font-size:13px;max-width:460px;margin:9px auto 0}.empty-bars{height:42px;display:flex;align-items:flex-end;justify-content:center;gap:5px}.empty-bars i{display:block;width:9px;background:#dde3d8;border-radius:2px}.empty-bars i:nth-child(1){height:18px}.empty-bars i:nth-child(2){height:29px}.empty-bars i:nth-child(3){height:23px}.empty-bars i:nth-child(4){height:39px}.empty-bars i:nth-child(5){height:33px}.table-wrap{overflow:auto;margin-top:26px;max-height:440px}table{border-collapse:collapse;width:100%;font-size:13px;font-variant-numeric:tabular-nums}th{text-align:right;font-size:11px;font-weight:600;color:var(--muted);border-bottom:1px solid var(--line);padding:12px 14px;background:white;position:sticky;top:0}td{padding:12px 14px;text-align:right}th:first-child,td:first-child{text-align:left;padding-left:0}tbody tr:nth-child(even){background:#fafbf8}.bar-column{width:28%}meter{display:block;width:100%;height:8px;appearance:none;border:0;background:#edf0e8;border-radius:2px}meter::-webkit-meter-bar{background:#edf0e8;border:0;border-radius:2px}meter::-webkit-meter-optimum-value{background:#839679;border-radius:2px}meter::-moz-meter-bar{background:#839679}.page-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;font-size:12px;color:var(--muted)}.check{font-size:12px;font-weight:400;display:flex;align-items:center;gap:8px}.check input{accent-color:#53694b}
dialog{width:min(660px,calc(100vw - 32px));max-height:90dvh;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:32px;color:var(--ink);background:#fff}dialog::backdrop{background:rgb(30 34 26 / .35)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}dialog>p.muted{font-size:14px;max-width:65ch}.key-form{padding:24px 0;border-bottom:1px solid var(--line)}.key-form h3{font-size:16px}.key-form .key-help{font-size:12px;color:var(--muted);margin:7px 0 15px;line-height:1.5}.key-form label{font-size:12px;margin-bottom:7px}.key-row{display:flex;gap:8px}.key-row input{min-width:0}.key-footer{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.key-footer span{font-size:12px;color:var(--muted)}.key-form .error{margin-top:10px}.key-form button{font-size:12px;white-space:nowrap}.key-form .saved{color:var(--green)}dialog>.footnote{margin-top:22px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){.login{gap:50px}.workspace{padding:40px 26px 25px}.topbar{padding:18px 26px}.provider-card{padding:20px}.provider-heading{flex-wrap:wrap}.big-number{font-size:34px}.overview{align-items:flex-start}.toolbar{flex-wrap:wrap;justify-content:flex-end}.account>span{display:none}}
@media(max-width:760px){.login{grid-template-columns:1fr;gap:35px;padding:36px 24px;max-width:480px}.login-intro .brand{margin-bottom:40px}.login-intro h1{font-size:38px}.intro-copy{font-size:15px;margin-top:16px}.provider-wordmarks{margin-top:25px}.login-panel{padding:25px}.overview{display:block}.toolbar{justify-content:flex-start;margin-top:24px}.provider-grid{grid-template-columns:1fr}.provider-heading{flex-wrap:nowrap}.workspace{padding:30px 20px 25px}.topbar{padding:15px 20px}.brand{font-size:12px;gap:8px}.account{gap:0}.period-row{margin-top:25px;flex-wrap:wrap;gap:6px}.provider-card{padding:25px}.scope{min-height:0}.big-number{font-size:40px}.history{padding:25px 20px;margin-top:25px}.section-heading{align-items:flex-start;flex-direction:column;gap:10px}.page-footer{align-items:flex-start;flex-direction:column}.bar-column,td:last-child{display:none}th,td{padding:12px 8px;white-space:nowrap}dialog{padding:23px}.key-row{flex-wrap:wrap}.key-row input{flex-basis:100%}}
@media(prefers-reduced-motion:no-preference){.login-panel,.provider-card,.history{animation:enter .35s ease-out}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}