:root{--bg:#f5f7fa;--surface:#fff;--ink:#172536;--muted:#758294;--line:#e4eaf0;--track:#eaf0f3;--teal:#157d78;--red:#bb5353;--gold:#84530b;--gold-bg:#fbe8b5;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px Inter,-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC',sans-serif}button,input,select{font:inherit}button,select{cursor:pointer}button,input,select{border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);padding:10px 13px}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #87cbbf;outline-offset:2px}[hidden]{display:none!important}h1,h2,p{margin:0}.guest-shell{max-width:1500px;margin:auto;padding:0 32px}.guest-header{display:flex;justify-content:space-between;align-items:center;padding:26px 0;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);font-weight:800;letter-spacing:2px}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:1px;margin-top:4px}.brand-mark{display:grid;place-content:center;position:relative;border-radius:11px;background:#172536;color:#fff;width:42px;height:42px;font-size:28px;letter-spacing:-4px;padding-right:5px}.brand-mark>span{position:absolute;right:4px;top:7px;color:#a6daca}.header-actions{display:flex;gap:12px;align-items:center;font-size:12px}.page-heading{display:flex;justify-content:space-between;align-items:center;padding:38px 0 28px;gap:18px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--teal);font-weight:700}h1{font-size:29px;margin-top:12px;letter-spacing:-.5px}.readonly{font-size:11px;vertical-align:middle;border:1px solid var(--line);border-radius:999px;padding:4px 9px;color:var(--muted);font-weight:500;margin-left:8px}.page-heading p{margin-top:12px;color:var(--muted);font-size:12px;line-height:1.7}.sync{font-size:11px;color:var(--teal);white-space:nowrap}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px}.toolbar input{width:290px;font-size:13px}.toolbar>span{color:var(--muted);font-size:12px}.quota-table{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.quota-head,.account-row{display:grid;grid-template-columns:32% 34% 34%}.quota-head{padding:0;background:var(--bg);font-weight:650}.quota-head>span{padding:20px 24px}.quota-head small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:6px}.account-row{border-top:1px solid var(--line)}.account-row>div{padding:26px 24px;min-width:0}.account-info{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.email{overflow-wrap:anywhere;line-height:1.5}.tier{font-size:10px;font-weight:800;letter-spacing:1px;line-height:1.45;padding:3px 10px;border-radius:999px;background:var(--bg);border:1px solid var(--line)}.tier.ultra{color:var(--gold);background:var(--gold-bg);border-color:#e8c36f}.tier.pro{color:#836dc8}.account-info small{font-size:11px;color:var(--muted);line-height:1.6;margin-top:3px}.account-info small.warning{color:var(--red)}.model-quota{display:flex;flex-direction:column;justify-content:center;gap:22px;border-left:1px solid var(--line)}.model-quota h2{display:none}.quota-window{display:grid;grid-template-columns:32px 45px minmax(25px,1fr) auto;gap:10px;align-items:center}.quota-window>span:first-child{color:var(--muted);font-size:12px}.quota-window strong{font-size:16px;white-space:nowrap}.bar{height:5px;border-radius:5px;overflow:hidden;background:var(--track)}.bar i{display:block;height:100%;border-radius:5px;background:#7bae9c}.reset{font-size:11px;white-space:nowrap}.unavailable{grid-column:3/5;color:var(--muted);font-size:12px}.empty-quota strong{color:var(--red)}.empty-quota .bar{background:color-mix(in srgb,var(--red) 18%,var(--track))}.low-quota strong{color:#b48235}.low-quota .bar i{background:#c9a160}.empty{padding:40px;text-align:center;color:var(--muted)}footer{padding:24px 0 35px;color:var(--muted);font-size:11px}.login-box{max-width:420px;margin:90px auto;background:var(--surface);padding:35px;border:1px solid var(--line);border-radius:15px}.login-box h1{font-size:27px}.login-box>p{color:var(--muted);font-size:13px;margin-top:15px;line-height:1.7}.login-box form{margin-top:30px}.login-box label{display:block;margin-bottom:9px;color:var(--muted);font-size:12px}.login-box input,.login-box .primary{display:block;width:100%;padding:13px}.primary{background:var(--ink);color:var(--surface);border:0;margin-top:14px;font-weight:650}.error{color:var(--red);font-size:12px;margin-top:12px;line-height:1.6}.error-banner{padding:12px 16px;border:1px solid var(--line);border-radius:8px;color:var(--red);margin-bottom:18px}
:root[data-theme=dark]{--bg:#0e131b;--surface:#161e29;--ink:#e6edf6;--muted:#9aaabe;--line:#2a3747;--track:#293746;--teal:#80d7bc;--red:#efa6a0;--gold:#f7d788;--gold-bg:#40331e;color-scheme:dark}[data-theme=dark] .tier.ultra{border-color:#80622d}
@media(max-width:1000px){.guest-shell{padding:0 20px}.quota-head{display:none}.quota-table{background:none;border:0;overflow:visible}.account-row{grid-template-columns:1fr 1fr;border:1px solid var(--line);background:var(--surface);border-radius:11px;margin-bottom:16px;overflow:hidden}.account-row>div{padding:20px}.account-info{grid-column:1/-1;border-bottom:1px solid var(--line)}.model-quota{border-left:0}.model-quota+.model-quota{border-left:1px solid var(--line)}.model-quota h2{display:flex;justify-content:space-between;align-items:center;font-size:13px;gap:8px}.model-quota h2 small{font-size:9px;color:var(--muted);font-weight:400}.quota-window{grid-template-columns:30px 43px minmax(20px,1fr) auto;gap:7px}.quota-window strong{font-size:14px}}
@media(max-width:600px){.guest-shell{padding:0 16px}.guest-header{padding:20px 0}.header-actions{gap:6px}.header-actions button,.header-actions select{font-size:11px;padding:8px}.page-heading{align-items:flex-start;flex-direction:column;gap:12px;padding:28px 0 22px}h1{font-size:25px}.toolbar input{min-width:0;width:70%}.account-row{grid-template-columns:1fr}.account-info{grid-column:1}.model-quota+.model-quota{border-left:0;border-top:1px solid var(--line)}.login-box{margin:45px auto;padding:25px}.quota-window{grid-template-columns:32px 46px minmax(20px,1fr) auto;gap:10px}}
