:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#202823;background:#f5f7f5;font-synthesis:none;font-size:14px;--green:#16734c;--muted:#7b847e;--border:#e3e8e3;--sidebar:216px}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:1px solid var(--border);border-radius:10px;background:white;color:inherit;padding:9px 14px;transition:background .15s,border-color .15s}button:hover{background:#edf2ee;border-color:#c6d2c8}button:disabled{cursor:wait;opacity:.5}button.primary{background:var(--green);color:white;border-color:var(--green)}button.primary:hover{background:#115a3b}button.ghost{border-color:transparent;background:transparent}button.danger{color:#aa3939}button.small{padding:5px 9px;font-size:12px}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin:0}h1{font-size:28px;font-weight:650;letter-spacing:-.7px}h2{font-size:17px;font-weight:600}h3{font-size:14px;font-weight:600}small,.muted{color:var(--muted);font-size:12px}code,.mono{font-family:"SFMono-Regular",Consolas,monospace;font-size:12px}svg{display:block}button svg{width:17px;height:17px}button.icon{padding:8px}.brand{font-size:24px;font-weight:700;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.mark{width:30px;height:30px;color:#8dd8af}.boot{height:100vh;display:grid;place-content:center;font-size:30px;font-weight:700}.boot span{font-size:13px;font-weight:400;color:var(--muted);margin-top:16px}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#17241e;color:#e6eee7;padding:30px 16px 18px;display:flex;flex-direction:column;z-index:10}.sidebar .brand{padding:0 12px 33px}.nav-label{font-size:10px;letter-spacing:1.5px;color:#7d9385;margin:17px 14px 10px}.nav{display:grid;gap:4px}.nav button{display:flex;align-items:center;gap:13px;width:100%;text-align:left;background:none;border:0;color:#a4b4aa;border-radius:10px;padding:12px 14px;font-size:13px}.nav button:hover{background:#24372c;color:#f7fff8}.nav button.active{background:#2b4235;color:#b0edc9}.nav svg{width:18px;height:18px}.sidebar-foot{margin-top:auto;padding:20px 12px 0;border-top:1px solid #304035;display:flex;align-items:center;gap:10px;font-size:12px;color:#c1cdc4}.avatar{width:30px;height:30px;display:grid;place-items:center;background:#304d3b;border-radius:50%;font-size:11px}.sidebar-foot button{margin-left:auto;color:#a5b6a9}.sidebar-foot small{display:block;font-size:10px;margin-top:3px;color:#829489}.shell{margin-left:var(--sidebar);min-height:100vh}.topbar{height:64px;padding:0 38px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.topbar strong{font-weight:500;color:#53675a}.topbar .divider{padding:0 12px;color:#c2c9c3}.service{display:flex;align-items:center;gap:8px}.dot{height:6px;width:6px;border-radius:50%;background:var(--green)}main{padding:35px 38px 50px;max-width:1760px;animation:arrive .18s ease-out}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-head p{font-size:12px;color:var(--muted);margin-top:9px}.actions{display:flex;align-items:center;gap:8px}.eyebrow{font-size:10px;letter-spacing:1.2px;color:var(--green);margin-bottom:9px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:8px 0 30px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:23px 0}.metric{padding:0 25px;border-left:1px solid var(--border)}.metric:first-child{padding-left:0;border:0}.metric label{color:#68786c;font-size:12px}.metric strong{font-size:30px;display:block;font-weight:550;letter-spacing:-.8px;margin:10px 0 8px;font-variant-numeric:tabular-nums}.metric strong em{font-size:17px;font-style:normal;margin-right:3px}.metric small{font-size:11px}.panel{background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;margin-bottom:23px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:20px 23px;border-bottom:1px solid var(--border)}.panel-head p{font-size:11px;color:var(--muted);margin-top:5px}.panel-body{padding:22px}.two-col{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:23px}.chart{height:174px;display:flex;align-items:flex-end;gap:5px;padding:8px 0;border-bottom:1px solid var(--border)}.chart-bar{flex:1;min-width:3px;fill:#529e73}.chart svg{width:100%;height:100%}.chart-labels{display:flex;justify-content:space-between;font-size:10px;color:#8e9891;margin-top:12px}.runtime-list{display:grid;gap:19px;padding:4px 0}.runtime-line{display:flex;justify-content:space-between;font-size:12px}.runtime-line span{color:#738377}.runtime-line strong{font-weight:500}.tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;border-radius:4px;padding:4px 7px;background:#eef2ee;color:#6d7c70;white-space:nowrap}.tag.good{background:#eaf5ed;color:#227546}.tag.bad{background:#faeeeb;color:#a64636}.tag.wait{background:#f7f3e9;color:#9b783d}.tag::before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:11px;font-weight:500;color:#7c897f;background:#fafbf9;padding:13px 20px;border-bottom:1px solid var(--border)}td{font-size:12px;padding:17px 20px;border-bottom:1px solid #edf0eb;vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcf9}.clickable{cursor:pointer}.name{font-weight:600;margin-bottom:5px}.sub{font-size:10px;color:#98a199;max-width:230px;overflow:hidden;text-overflow:ellipsis}.empty{text-align:center;padding:62px 20px;color:#88948b}.empty svg{width:32px;height:32px;margin:0 auto 15px;opacity:.45}.empty strong{display:block;font-size:14px;color:#58665b;margin-bottom:8px}.empty p{font-size:12px;margin-bottom:20px}.filters{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-bottom:20px}.filters label{font-size:11px;color:#7b847e;display:grid;gap:6px}.filters input,.filters select{min-width:135px;max-width:260px;font-size:12px}.filters .wide{min-width:220px}.pagination{display:flex;align-items:center;justify-content:space-between;color:#7c897f;font-size:12px;margin-top:16px}.pagination>div{display:flex;gap:8px}.quota{width:135px}.quota-label{display:flex;justify-content:space-between;margin-bottom:6px;font-size:11px;color:#56695c}.quota-label small{font-size:10px}.quota meter{appearance:none;width:100%;height:4px;border:0;border-radius:3px;background:#e9efea}.quota meter::-webkit-meter-bar{height:4px;background:#e9efea;border:0}.quota meter::-webkit-meter-optimum-value{background:#58a779}.quota meter::-webkit-meter-suboptimum-value{background:#bd995b}.quota meter::-webkit-meter-even-less-good-value{background:#b45c52}.quota .sub{margin-top:5px;font-size:9px}.split-summary{display:flex;gap:30px;margin:20px 0}.notice{padding:12px 15px;background:#eef4ee;color:#58705f;border-radius:5px;font-size:12px;line-height:1.7;margin:16px 0}.error{color:#a13d31;background:#fbeeea}.text-error{color:#ac4134;font-size:12px;line-height:1.6}.footer-note{color:#9ca79f;font-size:10px;display:flex;justify-content:space-between;margin-top:23px;letter-spacing:.2px}
input,select,textarea{border:1px solid #dbe3da;background:#fff;border-radius:5px;color:#26392b;padding:10px 11px;width:100%}input:focus,select:focus,textarea:focus{border-color:#62a27c;outline:2px solid #62a27c22}input[type=checkbox]{width:16px;height:16px;accent-color:var(--green)}textarea{resize:vertical;min-height:100px;font-family:"SFMono-Regular",monospace;font-size:12px;line-height:1.6}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:grid;gap:8px;align-content:start;font-size:12px}.field.full{grid-column:1/-1}.field small{font-size:11px;line-height:1.5}.check{display:flex;align-items:center;gap:8px;font-size:12px}.checks{display:flex;flex-wrap:wrap;gap:18px}.form-section{margin-top:28px;border-top:1px solid var(--border);padding-top:20px}.form-section h3{margin-bottom:18px}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding-top:24px;margin-top:24px;border-top:1px solid var(--border)}.form-actions .text-error{margin-right:auto}.settings{max-width:970px}.settings-group{padding:25px 0;border-top:1px solid var(--border);display:grid;grid-template-columns:200px 1fr;gap:35px}.settings-group h3{margin-bottom:7px}.settings-group p{font-size:11px;color:#8d998f;line-height:1.7}.settings .form-actions{position:sticky;bottom:0;background:#f5f7f5ee;padding:18px 0}.inline-select{width:auto;font-size:12px}.secret-box{overflow-wrap:anywhere;white-space:pre-wrap;background:#f2f6f1;padding:18px;border-radius:5px;font-size:13px;line-height:1.8;user-select:all}dialog{width:660px;max-width:calc(100vw - 32px);max-height:90vh;border:1px solid var(--border);border-radius:20px;padding:0;box-shadow:0 20px 80px #10271726;color:inherit}dialog::backdrop{background:#0a1f1255;backdrop-filter:blur(2px)}dialog[open]{animation:arrive .2s ease-out}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:23px 27px;border-bottom:1px solid var(--border)}.dialog-body{padding:26px}.dialog-head small{display:block;margin-top:7px}.drawer{width:800px;max-width:calc(100vw - 30px);height:100vh;max-height:100vh;margin:0 0 0 auto;border-radius:0;border:0}.drawer[open]{animation:slide .2s ease-out}.facts{display:grid;grid-template-columns:140px 1fr;font-size:12px;gap:15px 18px;margin:25px 0}.facts dt{color:#849087}.facts dd{margin:0;overflow-wrap:anywhere;min-width:0}.detail-section{border-top:1px solid var(--border);padding-top:23px;margin-top:28px}.detail-section h3{margin-bottom:18px}.timeline{padding:0;list-style:none}.timeline li{position:relative;border-left:1px solid #dbe6dc;padding:0 0 23px 21px;margin-left:5px;font-size:12px}.timeline li:before{content:"";position:absolute;left:-4px;top:3px;width:7px;height:7px;border-radius:50%;background:#6ca582}.timeline time{color:#8b978e;margin-left:10px;font-size:10px}.timeline pre{color:#667569;font-size:11px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;margin:9px 0 0}.timeline li:last-child{padding-bottom:0}details summary{cursor:pointer;color:#58705f;font-size:12px;padding:9px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.7}.device-code{font-size:36px;font-weight:600;letter-spacing:5px;margin:25px 0;text-align:center}.device{text-align:center}.device p{color:#77857a;line-height:1.8;font-size:12px}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-side{padding:50px 60px;background:#172b1f;color:#e8f2e8;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-side .brand{font-size:29px}.login-visual{margin:auto 0;position:relative}.login-visual svg{width:100%;height:200px;color:#679278;margin:20px 0 35px}.login-side h1{font-size:40px;font-weight:450;line-height:1.3;letter-spacing:-1.5px}.login-side p{color:#94ae9c;font-size:13px;line-height:1.9;margin-top:18px}.login-side small{color:#6d8c77;font-size:11px}.login-form{display:grid;place-items:center;padding:35px}.login-inner{width:330px;max-width:100%}.login-inner h2{font-size:24px}.login-inner>p{font-size:12px;color:#93a096;margin:12px 0 34px}.login-inner .field{margin-bottom:20px}.login-inner button{width:100%;padding:12px}.login-inner .text-error{margin-top:15px}.login-inner footer{margin-top:26px;font-size:11px;color:#9aa69e;line-height:1.8}#toast{position:fixed;bottom:24px;left:calc(50% + var(--sidebar)/2);transform:translate(-50%,15px);background:#203c29;color:white;font-size:12px;padding:12px 20px;border-radius:6px;opacity:0;pointer-events:none;z-index:100;transition:all .2s;max-width:80vw}#toast.visible{opacity:1;transform:translate(-50%,0)}@keyframes arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes slide{from{opacity:.5;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}
@media(min-width:1500px){main{padding:42px 52px}.topbar{padding:0 52px}}@media(max-width:1100px){:root{--sidebar:184px}main{padding:28px 25px}.topbar{padding:0 25px}.two-col{grid-template-columns:1fr}.metric{padding:0 15px}.metric strong{font-size:26px}td,th{padding-left:14px;padding-right:14px}}@media(max-width:760px){:root{--sidebar:65px}.sidebar{padding:20px 7px}.sidebar .brand{padding:0 10px 28px;font-size:0;gap:0}.sidebar .mark{width:28px}.nav-label,.nav span,.sidebar-foot>div,.sidebar-foot>span{display:none}.nav button{padding:14px 16px}.sidebar-foot{padding:16px 0 0;justify-content:center}.sidebar-foot button{margin:0}.topbar{height:52px;padding:0 18px}.topbar .service span{display:none}main{padding:23px 18px}.page-head{align-items:start;flex-wrap:wrap;gap:14px;margin-bottom:22px}h1{font-size:23px}.metrics{grid-template-columns:1fr 1fr;row-gap:24px}.metric:nth-child(3){border:0;padding-left:0}.metric strong{font-size:24px}.metric small{font-size:10px}.panel-head{padding:17px}.panel-body{padding:17px}.settings-group{grid-template-columns:1fr;gap:18px}.form-grid{grid-template-columns:1fr}.facts{grid-template-columns:105px 1fr;gap:13px 10px}.dialog-body{padding:20px}.dialog-head{padding:20px}.login{grid-template-columns:1fr}.login-side{padding:28px;min-height:160px}.login-visual{display:none}.login-side>small{margin-top:20px}.login-form{align-items:start;padding-top:50px}#toast{left:50%}.footer-note{gap:10px;line-height:1.6;flex-wrap:wrap}.filters input,.filters select{min-width:120px}.filters .wide{min-width:190px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.panel-body.runtime-list{padding:22px}

.page-head{flex-wrap:wrap}.page-head>.actions{flex-wrap:wrap}.page-head>.actions button{white-space:nowrap;flex-shrink:0}

.request-rewrites>p{line-height:1.7}.rewrite-summary{display:flex;gap:15px;align-items:center;font-size:12px;margin:16px 0;color:#8a978d}.rewrite-summary strong{font-weight:500;color:var(--green)}.rewrite-controls{display:flex;gap:16px;align-items:center;margin:16px 0}.rewrite-controls input[type=text],.rewrite-controls input:not([type]){max-width:330px;font-size:12px}.rewrite-controls .check{white-space:nowrap}.rewrite-table{border:1px solid var(--border);border-radius:6px;overflow:hidden}.rewrite-table table{table-layout:fixed;white-space:normal;min-width:540px}.rewrite-table th,.rewrite-table td{padding:12px 10px;vertical-align:top}.rewrite-table th:first-child{width:27%}.rewrite-table th:last-child{width:15%}.rewrite-table .rewrite-field{font-family:"SFMono-Regular",Consolas,monospace;color:#738278;font-size:10px;overflow-wrap:anywhere;line-height:1.8}.rewrite-value{overflow-wrap:anywhere;line-height:1.8;font-size:10px}.rewrite-action{font-size:10px;color:#8c998f}.rewrite-action.changed{color:#267546}.rewrite-table tr[hidden]{display:none}#rewrite-empty{padding:16px 0;font-size:12px}@media(max-width:760px){.rewrite-controls{flex-wrap:wrap}.rewrite-controls input:not([type]){max-width:none}}

.request-time,.request-tokens,.request-cost,.request-duration{font-variant-numeric:tabular-nums}.request-time time{color:#637368;font-size:11px}.request-tokens .sub,.request-duration .sub,td>.mono+.sub{margin-top:6px}.cache-arrow{color:#589073;font-size:12px}.request-cost{display:inline-flex;align-items:center;gap:7px;cursor:help;border-radius:3px;padding:5px 0;white-space:nowrap}.request-cost:focus-visible{outline:2px solid #62a27c;outline-offset:4px}.fast-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border:1px solid #c9e2d2;border-radius:50%;background:#eff7f1;color:#317649;font-size:10px;font-weight:600;padding:0 4px}.account-name{display:inline-block;max-width:140px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.billing-tooltip{position:fixed;z-index:80;width:350px;max-width:calc(100vw - 24px);background:#fff;border:1px solid #dce6de;border-radius:8px;box-shadow:0 8px 32px #193a2426;padding:17px;pointer-events:none;font-size:12px;line-height:1.6}.billing-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.billing-head strong{font-size:13px}.billing-head span,.billing-unit,.billing-tooltip p{font-size:10px;color:#87948a}.billing-tooltip table{white-space:normal}.billing-tooltip th,.billing-tooltip td{font-size:11px;padding:7px 0;background:none}.billing-tooltip th:not(:first-child),.billing-tooltip td:not(:first-child){text-align:right}.billing-tooltip td:first-child{color:#586b5e}.billing-tooltip tbody tr:hover{background:transparent}.billing-unit{margin-top:9px;line-height:1.6}.billing-total{display:flex;justify-content:space-between;border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.billing-total b{font-weight:500;margin-left:5px;color:var(--green)}.billing-tooltip p{margin-top:8px}

/* Account workspace: one readable account surface with soft, icon-led values. */
.accounts-workspace .page-head{margin-bottom:20px}
.accounts-workspace .page-head button,.model-selection-head button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px}
.accounts-workspace .page-head button{min-height:40px;transition:background .16s,box-shadow .16s,transform .16s}
.accounts-workspace .page-head button:hover{transform:translateY(-1px);box-shadow:0 3px 9px #193c2410}
.accounts-summary{display:flex;align-items:center;gap:8px;margin-bottom:18px}
.account-count,.queue-chip,.sample-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:10px;background:#f0f4ef;color:#697e6d;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}
.account-count svg,.queue-chip svg,.sample-chip svg{width:14px;height:14px;flex-shrink:0}
.accounts-summary .account-count{border:1px solid #e5ebe4;background:#fff}
.accounts-summary .enabled-count{color:#378258;background:#edf6ee;border-color:#e0eee2}
.account-list{display:grid;gap:18px}
.account-card{background:#fff;border:1px solid #e1e8e0;border-radius:22px;overflow:hidden;box-shadow:0 3px 16px #183b2205}
.account-card-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 25px}
.account-identity{display:flex;align-items:center;gap:12px;min-width:0}
.account-identity>div{min-width:0}
.account-avatar{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;padding:0;border-radius:15px;background:#edf5ee;border:1px solid #e1eee2;color:#42805b}
.account-avatar svg{width:22px;height:22px}
.account-title{display:block;padding:0!important;text-align:left;font-size:15px;font-weight:600;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0}
.account-title:hover{color:var(--green);background:transparent!important}
.account-provider{display:flex;align-items:center;gap:5px;margin-top:6px;font-size:10px;color:#8b9a8f}
.account-provider svg{width:12px;height:12px}
.account-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}
.account-settings{width:36px;height:36px;border-radius:12px;background:#f7f9f5;border-color:#e7ece5;color:#7b8e80}
.account-toggle{display:inline-flex;align-items:center;gap:9px;font-size:11px;padding:7px 11px 7px 8px;border:1px solid #e4ebe2;border-radius:12px;background:#f6f8f3;color:#677f6c;white-space:nowrap}
.toggle-switch{display:inline-block;position:relative;width:34px;height:20px;min-width:34px;padding:0;border:0;border-radius:20px;background:#cbd3cd;transition:background .18s}
.toggle-switch span{position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:white;box-shadow:0 1px 3px #152d2226;transition:transform .18s}
.toggle-switch[aria-checked=true]{background:#3d8b5f}
.toggle-switch[aria-checked=true] span{transform:translateX(14px)}
.toggle-switch:hover{background:#adbdb1}
.toggle-switch[aria-checked=true]:hover{background:#247048}
.account-reason{margin-top:7px;color:#a57a54;text-align:center;white-space:normal}
.account-data-grid{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(174px,1.25fr) minmax(180px,1.25fr) minmax(165px,1.15fr);gap:0;padding:1px 25px 25px}
.account-data{padding:0 20px;border-left:1px solid #edf1e9;min-width:0}
.account-data:first-child{padding-left:0;border:0}
.account-data:last-child{padding-right:0}
.account-data h3{color:#8b978d;font-size:11px;font-weight:500;letter-spacing:.2px;margin:0 0 13px}
.load-value{display:flex;align-items:center;gap:10px;max-width:150px;padding:12px;border-radius:13px;background:#f1f5ef;min-height:53px;color:#3e6650;font-variant-numeric:tabular-nums;white-space:nowrap}
.load-value svg{width:20px;height:20px;color:#6b997a;flex-shrink:0}
.load-value strong{font-size:21px;font-weight:550}
.load-value small{font-size:12px;color:#8b9a8b}
.queue-chip{margin-top:10px;padding:6px 9px;font-size:10px;background:#f7f9f5;color:#8b988b}
.account-periods{display:grid;gap:9px}
.account-periods>div{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px}
.period-label{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#8b998c;flex-shrink:0;white-space:nowrap}
.period-label svg{width:13px;height:13px;flex-shrink:0;color:#97aa98}
.quota-period{padding:8px 10px;border-radius:12px;background:#f5f7f2}
.account-periods .quota{width:auto;flex:1;min-width:40px;max-width:90px}
.account-periods .quota-label{font-size:10px;margin:0 0 4px;color:#6e836e;justify-content:flex-end;white-space:nowrap}
.account-periods .quota meter{display:block;height:4px;border-radius:4px;overflow:hidden}
.account-periods .quota meter::-webkit-meter-bar{border-radius:4px}
.account-periods .muted{font-size:10px;color:#a0a99c}
.account-spend .period-label{font-size:10px}
.amount-chip{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 11px;min-height:38px;border-radius:12px;background:#f0f5ed;color:#486e4d;font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums;cursor:help}
.amount-chip svg{width:15px;height:15px;flex-shrink:0;color:#8aaa88}
.partial-mark{color:#b28e4f;margin-left:-3px;font-size:10px}
.estimate-value{display:flex;align-items:center;gap:9px;padding:13px 14px;min-height:53px;border-radius:13px;background:#eaf4eb;color:#397446;font-size:20px;font-weight:550;font-variant-numeric:tabular-nums;white-space:nowrap;cursor:help;width:max-content;max-width:100%}
.estimate-value svg{width:21px;height:21px;flex-shrink:0;color:#75a481}
.estimate-value small{font-size:12px;font-weight:400;color:#7ca384}
.estimate-empty{font-size:12px;font-weight:400;color:#8c9e8c;background:#f4f7f0}
.sample-chip{margin-top:10px;padding:6px 9px;font-size:10px;background:#f7f9f5;color:#8b988b}
.sample-chip svg{width:12px;height:12px}
.amount-chip:focus-visible,.estimate-value:focus-visible{outline:2px solid #72a982;outline-offset:3px}
.account-models-section{padding:15px 25px 20px;border-top:1px solid #edf1e9;background:#fbfcf9}
.account-models-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}
.account-models-heading .account-count{background:#edf2e9;padding:6px 9px;font-size:10px}
.model-edit{display:inline-flex;align-items:center;gap:6px!important;color:#7d907d!important;border-radius:9px}
.model-edit svg{width:13px;height:13px}
.account-models{display:flex;flex-wrap:wrap;gap:7px}
.model-chip{display:inline-flex;align-items:center;gap:6px;font-size:10px;background:#fff;border:1px solid #e6ece2;border-radius:9px;color:#72836c;padding:6px 9px;line-height:1.4;max-width:100%;overflow-wrap:anywhere;transition:border-color .16s,background .16s}
.model-chip svg{width:12px;height:12px;color:#9bac92;flex-shrink:0}
.model-chip:hover{border-color:#c4d8be;background:#f5f9f1}
.model-selection-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px;font-size:12px;color:#718478}
.model-selection-head .actions{flex-wrap:wrap}
.model-selection{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.model-option{display:flex;align-items:center;gap:10px;padding:14px 12px;border:1px solid #e2e9df;border-radius:12px;cursor:pointer;transition:background .16s,border-color .16s}
.model-option:hover{background:#f5f9f1;border-color:#b9d1b5}
.model-option:has(input:checked){background:#f0f6ed;border-color:#c9dfc1}
.model-option:has(input:focus-visible){outline:2px solid #72a982;outline-offset:2px}
.model-option .mono{overflow-wrap:anywhere;font-family:inherit;font-size:12px;color:#627a5c}
.model-option input{flex-shrink:0}
.detail-models{max-width:none}
.account-group-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.group-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:8px;background:#eff4ed;color:#66825f;font-size:10px;max-width:230px;vertical-align:middle}
.group-chip svg{width:12px;height:12px;flex-shrink:0}
.group-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.group-filter{display:inline-flex;align-items:center;gap:7px;border:1px solid #e0e8dc;border-radius:11px;background:#fff;padding:0 8px 0 11px;color:#8ca083}
.group-filter svg{width:14px;height:14px;flex-shrink:0}
.group-filter select{border:0;background:transparent;padding:8px 4px;font-size:11px;max-width:200px;color:#64785d;cursor:pointer}
.accounts-summary{flex-wrap:wrap}
.group-selection{display:flex;flex-wrap:wrap;gap:8px}
.group-option{display:inline-flex;align-items:center;gap:7px;border:1px solid #e2e8de;border-radius:11px;padding:10px 12px;cursor:pointer;color:#73866a;font-size:12px;max-width:100%}
.group-option:has(input:checked){border-color:#bed5b4;background:#eff6e9}
.group-option svg{width:14px;height:14px;flex-shrink:0}
.group-option input{flex-shrink:0}
.group-option span{overflow-wrap:anywhere}
.group-name{display:flex;align-items:center;gap:10px}
.group-name>svg{width:34px;height:34px;padding:9px;box-sizing:content-box;border-radius:13px;background:#f0f5eb;color:#77966b}
.group-name strong{font-weight:550}
.group-counts{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.group-counts .enabled-count{color:#458145;background:#edf6e9}
.group-counts .empty-count{color:#a08355;background:#f8f4e9}
.groups-workspace .page-head button,.keys-workspace .page-head button,.groups-panel .actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.groups-panel .actions button svg{width:14px;height:14px}
.groups-panel button:disabled{cursor:not-allowed}
.key-prefix{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border-radius:9px;background:#f5f7f1;color:#8a987c}
.key-prefix svg{width:13px;height:13px;flex-shrink:0}
.keys-workspace .page-head,.groups-workspace .page-head{margin-bottom:20px}
@media(min-width:1500px){.account-data-grid{grid-template-columns:1fr 1.25fr 1.25fr 1.15fr}.account-data{padding:0 27px}.account-periods .quota{max-width:130px}.amount-chip{min-width:112px}.account-spend>div{justify-content:flex-start;gap:18px}}
@media(max-width:1200px){.account-data{padding:0 12px}.account-data-grid{padding-left:20px;padding-right:20px;grid-template-columns:.75fr 1.25fr 1.25fr 1.15fr}.amount-chip{padding:9px 8px;font-size:11px}.estimate-value{font-size:17px;padding:13px 10px}.account-periods>div{gap:6px}.quota-period{padding:8px}.period-label{gap:4px}.account-card-head{padding:20px}.account-models-section{padding-left:20px;padding-right:20px}}
@media(max-width:1000px){.account-data-grid{grid-template-columns:1fr 1fr;row-gap:24px}.account-data:nth-child(3){border-left:0;padding-left:0}.account-data:nth-child(2){padding-right:0}.account-data:nth-child(even){padding-left:20px}.account-data:nth-child(odd){padding-right:20px}.account-periods .quota{max-width:none}.account-spend>div{justify-content:space-between}.estimate-value{font-size:20px}.account-estimate .sample-chip{display:flex;width:max-content}}
@media(max-width:600px){.account-card{border-radius:18px}.account-card-head{padding:18px;gap:12px;flex-wrap:wrap}.account-title{max-width:160px}.account-controls{gap:8px}.account-avatar{width:38px;height:38px;border-radius:13px}.account-state .account-toggle{padding:6px 8px;gap:6px}.account-data-grid{padding:0 18px 20px;gap:22px}.account-data{padding:0!important;border:0}.account-data h3{margin-bottom:10px}.account-data-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.account-models-section{padding:14px 18px 18px}.quota-period{flex-wrap:wrap;gap:4px}.account-periods .quota{min-width:45px;flex-basis:100%}.amount-chip{font-size:11px;padding:8px}.amount-chip svg{width:13px}.account-spend>div{flex-wrap:wrap;gap:3px}.estimate-value{font-size:17px;padding:12px 9px;gap:6px}.estimate-value svg{width:17px}.sample-chip{font-size:9px;padding:6px;gap:4px}.model-selection{grid-template-columns:1fr}.model-selection-head{flex-wrap:wrap}.accounts-workspace .page-head button{font-size:12px;padding:9px 11px}.account-card .account-models{gap:6px}}