:root{color:#162033;font-synthesis:none;--ink:#162033;--muted:#697386;--line:#e3e7ed;--nav:#101827;--nav2:#182236;--accent:#2165d6;--accent-soft:#eaf1ff;--good:#137a54;--warn:#b96a08;--danger:#ba3a3a;--card:#fff;--radius:14px;--shadow:0 1px 2px #1018270a,0 8px 24px #1018270a;background:#f4f6f8;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f4f6f8;min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.shell{min-height:100vh;display:flex}.sidebar{color:#fff;z-index:30;background:linear-gradient(#101827,#121b2d);flex-direction:column;width:244px;padding:24px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 7px 24px;display:flex}.brand-mark{color:#101827;letter-spacing:.04em;background:#fff;border-radius:10px;place-items:center;width:39px;height:39px;font-size:13px;font-weight:800;display:grid}.brand-mark.big{border-radius:13px;width:52px;height:52px;font-size:16px}.brand strong{font-size:14px;display:block}.brand span{color:#8d9aaf;margin-top:3px;font-size:11px;display:block}.sidebar nav{flex-direction:column;gap:3px;display:flex}.nav-item{color:#aab4c4;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;width:100%;padding:10px 11px;font-size:13px;font-weight:500;display:flex}.nav-item:hover{color:#eef3fb;background:#182236}.nav-item.active{color:#fff;background:#1c2c48}.nav-caret{margin-left:auto}.sidebar-foot{color:#91a0b6;border-top:1px solid #243048;align-items:flex-start;gap:10px;margin-top:auto;padding:17px 8px 0;font-size:11px;line-height:1.45;display:flex}.sidebar-foot small{color:#65748a}.workspace{width:calc(100% - 244px);min-width:0;margin-left:244px}.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:20;background:#ffffffeb;justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex;position:sticky;top:0}.topbar-title{flex-direction:column;gap:3px;display:flex}.topbar-title strong{font-size:15px}.eyebrow{letter-spacing:.16em;color:#7b8798;font-size:9px;font-weight:700}.topbar-actions{align-items:center;gap:8px;display:flex}.secure-pill{color:var(--good);background:#e9f6f1;border:1px solid #cce8dd;border-radius:999px;align-items:center;gap:6px;padding:6px 9px;font-size:11px;font-weight:600;display:flex}.icon-btn{border:1px solid var(--line);color:#556174;background:#fff;border-radius:9px;place-items:center;width:34px;height:34px;display:inline-grid}.icon-btn:hover{color:#1e293b;background:#f7f8fa}.content{max-width:1500px;margin:0 auto;padding:30px 32px 56px}.page-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.page-head h1{letter-spacing:-.035em;color:#111a2b;margin:0 0 5px;font-size:24px}.page-head p{color:var(--muted);margin:0;font-size:13px}.btn{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:36px;padding:0 13px;font-size:12px;font-weight:600;display:inline-flex}.btn.primary{color:#fff;background:#175dc8;border-color:#175dc8}.btn.primary:hover{background:#114fae}.btn.secondary{color:#334155;background:#fff;border-color:#d8dee7}.btn.secondary:hover{background:#f7f9fb}.btn.ghost{color:#5f6b7b;background:0 0}.btn.full{width:100%;height:42px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.metric-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.metric{grid-template-columns:auto 1fr;column-gap:10px;padding:16px;display:grid}.metric-icon{color:#1b62ca;background:#edf4ff;border-radius:9px;grid-row:1/3;place-items:center;width:34px;height:34px;display:grid}.metric-icon.warn{color:#b86505;background:#fff3e6}.metric>span{color:var(--muted);align-self:end;font-size:11px}.metric>strong{letter-spacing:-.04em;color:#111827;font-size:22px}.metric>small{color:#8a94a5;grid-column:1/3;margin-top:10px;font-size:10px}.dashboard-grid{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:16px;display:grid}.dashboard-grid>.card{padding:18px}.card-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-head>div{flex-direction:column;gap:3px;display:flex}.card-head strong{font-size:13px}.card-head span{color:var(--muted);font-size:10px}.chart{flex-direction:column;height:245px;display:flex}.chart svg{width:100%;height:205px;overflow:visible}.axis{stroke:#dfe5ec;stroke-width:1px}.trend-fill{fill:#edf4ff}.trend-line{stroke:#2165d6;stroke-width:2.2px;vector-effect:non-scaling-stroke}.chart-axis{color:#8b96a7;justify-content:space-between;padding:3px 5px;font-size:9px;display:flex}.rank-list{flex-direction:column;display:flex}.rank{border-bottom:1px solid #edf0f4;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;padding:12px 0;display:grid}.rank:last-child{border-bottom:0}.rank-num{color:#7b8798;background:#f2f4f7;border-radius:7px;place-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:grid}.rank div{flex-direction:column;gap:3px;min-width:0;display:flex}.rank strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.rank small{letter-spacing:.1em;color:#8a94a4;font-size:8px}.rank b{font-size:12px}.toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;display:flex}.search{border:1px solid var(--line);color:#8993a3;background:#fff;border-radius:9px;align-items:center;gap:8px;width:min(420px,100%);height:38px;padding:0 11px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;font-size:12px}.count{color:var(--muted);font-size:11px}.table-card{overflow:hidden}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #edf0f4;padding:13px 15px;font-size:11px}th{color:#7b8696;text-transform:uppercase;letter-spacing:.07em;background:#fafbfc;font-size:8px;font-weight:700}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfd}td strong{color:#182235;font-size:11px;display:block}td small{color:#8994a4;margin-top:4px;font-size:9px;display:block}.actions{text-align:right}.actions .icon-btn{width:30px;height:30px;margin-left:5px;display:inline-grid}.plan{text-transform:uppercase;letter-spacing:.08em;color:#526073;background:#eff2f6;border-radius:6px;padding:5px 7px;font-size:9px;font-weight:700}.plan.silver{color:#667386;background:#edf1f6}.plan.gold{color:#9a6604;background:#fff4d9}.plan.unlimited{color:#6650a7;background:#eeeaff}.usage-cell{min-width:140px}.usage-cell div:first-child{align-items:baseline;display:flex}.usage-cell b{font-size:11px}.usage-cell span{color:#8791a0;font-size:9px}.progress{background:#edf0f4;border-radius:10px;height:4px;margin-top:6px;overflow:hidden}.progress i{background:#3375d5;border-radius:10px;height:100%;display:block}.progress i.warn{background:#d58a20}.progress i.danger{background:#c24848}.key-count{align-items:center;gap:5px;display:inline-flex}.status{color:#667284;background:#f1f3f6;border-radius:999px;align-items:center;gap:5px;padding:4px 7px;font-size:9px;font-weight:600;display:inline-flex}.status i{background:currentColor;border-radius:50%;width:5px;height:5px}.status.active,.status.paid,.status.sent{color:#147554;background:#e9f6f0}.status.hold,.status.pending,.status.open{color:#a5640b;background:#fff4df}.status.delete,.status.failed{color:#ad3838;background:#fbeaea}.status.closed{color:#667284;background:#eef1f4}.yes{color:var(--good);align-items:center;gap:4px;font-size:10px;display:inline-flex}.muted{color:#8993a3}.danger-text{color:#b44141!important}.filter-grid{grid-template-columns:1.2fr 1fr 1fr 1fr;gap:12px;margin-bottom:15px;display:grid}.filter-grid .field{border:1px solid var(--line);background:#fff;border-radius:11px;margin:0;padding:9px 12px}.filter-grid .field select,.filter-grid .field input{border:0;height:24px;padding:0}.filter-total{flex-direction:column;justify-content:center;padding:10px 14px;display:flex}.filter-total span{color:var(--muted);font-size:9px}.filter-total strong{margin-top:2px;font-size:18px}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field>span{color:#5c6778;font-size:10px;font-weight:600}.field input,.field select,.field textarea{color:#1b2638;background:#fff;border:1px solid #d9dfe7;border-radius:8px;outline:0;width:100%;min-height:38px;padding:0 10px;font-size:12px}.field textarea{resize:vertical;min-height:100px;padding-top:9px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#6f9ee2;box-shadow:0 0 0 3px #edf4ff}.field small{color:#8b95a5;font-size:9px}.empty{text-align:center;color:#9aa4b2;flex-direction:column;align-items:center;gap:6px;padding:48px 20px;display:flex}.empty strong{color:#596577;font-size:12px}.empty span{font-size:10px}.modal-layer{z-index:60;background:#09101d8a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:min(500px,100%);max-height:90vh;overflow:auto;box-shadow:0 30px 80px #070d1840}.modal.wide{width:min(680px,100%)}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:55px;padding:0 18px;display:flex}.modal-head strong{font-size:13px}.modal-body{padding:18px}.form-grid{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.span-2{grid-column:1/-1}.modal-actions{justify-content:flex-end;gap:8px;padding-top:5px;display:flex}.form-error{color:#a43c3c;background:#fff0f0;border:1px solid #f1d3d3;border-radius:8px;align-items:flex-start;gap:7px;margin-bottom:13px;padding:9px 10px;font-size:10px;display:flex}.check-row{background:#f7f9fb;border:1px solid #e4e8ed;border-radius:9px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:11px;display:flex}.check-row input{margin-top:2px}.check-row span{flex-direction:column;gap:3px;display:flex}.check-row strong{font-size:11px}.check-row small{color:#7f8998;font-size:9px}.secret-box{background:#f6f9fd;border:1px dashed #9cb2ce;border-radius:9px;align-items:center;gap:8px;margin:4px 0 16px;padding:11px;display:flex}.secret-box code{overflow-wrap:anywhere;word-break:break-all;white-space:normal;flex:1}.notice{color:#315276;background:#edf5ff;border:1px solid #d5e6fb;border-radius:9px;align-items:flex-start;gap:10px;margin-bottom:15px;padding:11px;display:flex}.notice.warn{color:#805b23;background:#fff6e8;border-color:#f1dfbe}.notice strong{margin-bottom:3px;font-size:10px;display:block}.notice span{font-size:9px;line-height:1.45;display:block}.key-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.openai-key{padding:16px}.openai-key-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.key-orb{color:#2869c8;background:#edf4ff;border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.openai-key>strong{font-size:13px;display:block}.openai-key>span{color:#8792a2;margin:4px 0 16px;font-size:9px;line-height:1.4;display:block}.key-meta{border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.key-meta span{color:#8993a2;font-size:9px}.key-meta b{font-size:11px}.key-actions{gap:6px;margin-top:12px;display:flex}.key-actions .btn{flex:1}.ticket-list{flex-direction:column;gap:11px;display:flex}.ticket{padding:16px}.ticket-head,.ticket-foot{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.ticket-head strong{font-size:13px}.ticket-id{color:#7d8898;margin-bottom:4px;font-size:9px}.ticket>p{color:#4d596b;white-space:pre-wrap;margin:13px 0 15px;font-size:11px;line-height:1.6}.ticket-foot{border-top:1px solid #edf0f4;align-items:center;padding-top:11px}.ticket-foot>span{color:#8c96a5;font-size:9px}.ticket-foot>div{gap:6px;display:flex}.segmented{background:#e9edf2;border-radius:9px;padding:3px;display:inline-flex}.segmented button{color:#667284;background:0 0;border:0;border-radius:7px;height:29px;padding:0 10px;font-size:10px;font-weight:600}.segmented button.active{color:#1f2a3b;background:#fff;box-shadow:0 1px 3px #10182714}.settings-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.settings-grid .card{padding:17px}.definition{margin:0}.definition div{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:20px;padding:9px 0;display:flex}.definition div:last-child{border:0}.definition dt{color:#6f7a8a;font-size:10px}.definition dd{color:#263247;text-align:right;margin:0;font-size:10px;font-weight:600}.security-note{max-width:760px;margin-top:14px}.page-loading,.error-state{color:#8490a1;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:280px;font-size:10px;display:flex}.page-loading.compact{min-height:180px}.inline-loader,.loader{border:2px solid #dbe2eb;border-top-color:#2b6dcc;border-radius:50%;width:25px;height:25px;animation:.7s linear infinite spin}.loader{border-color:#fff #33425a #33425a;width:30px;height:30px}.error-state strong{color:#4f5b6c}.error-state span{text-align:center;max-width:450px}.error-state .btn{margin-top:4px}.toast{z-index:100;color:#fff;background:#17392e;border-radius:9px;align-items:center;gap:7px;padding:10px 13px;font-size:11px;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 12px 35px #0a141e2e}.toast.error{background:#6f2525}.splash{background:#101827;justify-content:center;align-items:center;gap:20px;min-height:100vh;display:flex}.login-page{background:#fff;grid-template-columns:minmax(420px,42%) 1fr;min-height:100vh;display:grid}.login-panel{place-self:center;width:min(390px,100% - 60px);padding:30px 0}.login-brand{align-items:center;gap:13px;margin-bottom:24px;display:flex}.login-brand h1{letter-spacing:-.04em;margin:2px 0 0;font-size:25px}.login-copy{color:#6e7989;margin:0 0 25px;font-size:12px;line-height:1.55}.login-security{color:#687587;border-top:1px solid #e8ebef;align-items:center;gap:8px;margin-top:22px;padding-top:16px;font-size:9px;display:flex}.login-aside{color:#fff;background:#101827;align-items:flex-end;padding:70px;display:flex;position:relative;overflow:hidden}.grid-glow{background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(to bottom right,#0000,#000);mask-image:linear-gradient(to bottom right,#0000,#000)}.grid-glow:after{content:"";filter:blur(120px);opacity:.3;background:#1d5fbf;border-radius:50%;width:450px;height:450px;position:absolute;top:-100px;right:-100px}.login-aside-copy{max-width:520px;position:relative}.login-aside-copy span{letter-spacing:.18em;color:#7ea8e7;font-size:9px;font-weight:700}.login-aside-copy strong{letter-spacing:-.045em;margin:10px 0 12px;font-size:34px;display:block}.login-aside-copy p{color:#97a6bb;max-width:420px;font-size:12px;line-height:1.6}.mobile-only{display:none}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1180px){.metric-grid{grid-template-columns:repeat(3,1fr)}.key-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.sidebar{transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.nav-overlay{z-index:25;background:#050a127a;display:none;position:fixed;inset:0}.nav-overlay.show{display:block}.workspace{width:100%;margin-left:0}.mobile-only{display:inline-grid}.topbar{padding:0 20px}.content{padding:24px 20px 45px}.dashboard-grid,.login-page{grid-template-columns:1fr}.login-aside{display:none}.filter-grid,.key-grid{grid-template-columns:1fr 1fr}}@media (width<=620px){.content{padding:20px 14px 40px}.topbar{height:64px;padding:0 14px}.secure-pill{display:none}.page-head{flex-direction:column;align-items:flex-start}.page-head>button{width:100%}.metric-grid{grid-template-columns:1fr 1fr}.metric{padding:13px}.metric>strong{font-size:19px}.dashboard-grid>.card{padding:14px}.toolbar{align-items:stretch}.count{display:none}.search{width:100%}.filter-grid,.settings-grid,.key-grid{grid-template-columns:1fr}.filter-total{min-height:62px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.modal-layer{padding:10px}.ticket-head{align-items:flex-start}.ticket-foot{flex-direction:column;align-items:flex-start}.ticket-foot>div{flex-wrap:wrap;width:100%}.ticket-foot .btn{flex:1}.toast{bottom:14px;left:14px;right:14px}.login-panel{width:min(390px,100% - 36px)}.metric:nth-child(5){grid-column:1/-1}}