:root{color:#181715;font-synthesis:none;text-rendering:optimizelegibility;--canvas:#f2eadc;--soft:#ece1d0;--card:#e8decd;--card-strong:#dccfb9;--ink:#181715;--body:#3d3d3a;--muted:#6c6a64;--muted-soft:#8e8b82;--hairline:#d8cbb8;--hairline-soft:#e3d7c7;--coral:#cc785c;--coral-active:#a9583e;--dark:#181715;--dark-elevated:#252320;--dark-soft:#1f1e1b;--on-dark:#f2eadc;--on-dark-soft:#a09d96;--teal:#5db8a6;--amber:#e8a55a;--blurple:#5865f2;background:#f2eadc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;overflow-x:hidden}body{background:var(--canvas);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{border:1px solid var(--hairline);background:var(--dark);width:40px;height:40px;color:var(--on-dark);cursor:pointer;border-radius:8px;place-items:center;display:inline-grid}button:disabled{cursor:wait;opacity:.62}select,input{border:1px solid var(--hairline);height:40px;color:var(--ink);background:#f7efe3;border-radius:8px;outline:none}select:focus,input:focus{border-color:var(--coral);box-shadow:0 0 0 3px #cc785c24}select{padding:0 12px}input{min-width:148px;padding:0 12px 0 34px}.dashboard-shell{width:100%;max-width:1240px;margin:0 auto;padding:24px}.topbar{border:1px solid var(--hairline);background:var(--soft);border-radius:8px;justify-content:space-between;align-items:center;gap:18px;min-height:96px;margin-bottom:18px;padding:18px 20px;display:flex}.brand-lockup{align-items:center;gap:14px;min-width:0;display:flex}.brand-mark{background:var(--coral);color:#fff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:20px;line-height:1;display:inline-grid}.eyebrow{color:var(--coral-active);text-transform:uppercase;font-size:12px;font-weight:700;display:block}h1,h2,p{margin:0}h1{color:var(--ink);letter-spacing:0;font-family:Georgia,Times New Roman,serif;font-size:42px;font-weight:400;line-height:1.05}h2{color:inherit;letter-spacing:0;font-size:15px;font-weight:650}.toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.token-field{align-items:center;display:inline-flex;position:relative}.token-field svg{color:var(--muted);position:absolute;left:12px}.workspace-field input{min-width:164px}.notice{color:#5c4310;background:#fff6df;border:1px solid #d4a0175c;border-radius:8px;align-items:center;gap:10px;min-height:44px;margin-bottom:14px;padding:11px 14px;display:flex}.config-strip,.stat-grid,.analytics-grid{gap:12px;display:grid}.config-strip{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px}.config-strip div,.stat-tile,.panel{border:1px solid var(--hairline);background:var(--card);border-radius:8px}.config-strip div{background:var(--canvas);min-height:58px;padding:11px 14px}.config-strip span,.stat-tile span,.footer-line,.rank-row span,.event-row span{color:var(--muted);font-size:12px}.label-with-help{align-items:center;gap:5px;min-width:0;max-width:100%;display:inline-flex}.help-tip{color:var(--muted);cursor:help;outline:none;flex:none;place-items:center;display:inline-grid;position:relative}.help-tip svg{color:currentColor;display:block}.help-mark{border:1px solid;border-radius:50%;place-items:center;width:15px;height:15px;font-size:10px;font-weight:800;line-height:1;display:inline-grid}.help-tip.inverted{color:#ffffffbd}.help-bubble{z-index:20;width:max-content;max-width:min(280px,100vw - 40px);color:var(--ink);white-space:normal;opacity:0;pointer-events:none;background:#fffaf0;border:1px solid #1817152e;border-radius:7px;padding:9px 10px;font-size:12px;font-weight:500;line-height:1.45;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%,4px);box-shadow:0 14px 34px #18171529}.help-bubble:after{content:"";background:#fffaf0;border-bottom:1px solid #1817152e;border-right:1px solid #1817152e;width:8px;height:8px;position:absolute;top:100%;left:50%;transform:translate(-50%,-4px)rotate(45deg)}.help-tip:hover .help-bubble,.help-tip:focus-visible .help-bubble{opacity:1;transform:translate(-50%)}.config-strip strong{color:var(--ink);margin-top:4px;font-size:15px;display:block}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px}.stat-tile{background:var(--canvas);align-items:center;gap:14px;min-height:112px;padding:20px;display:flex}.stat-tile svg{color:var(--coral)}.stat-tile strong{color:var(--ink);margin-top:6px;font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:400;line-height:1;display:block}.stat-tile.tone-coral{background:var(--coral);border-color:var(--coral)}.stat-tile.tone-coral span,.stat-tile.tone-coral strong,.stat-tile.tone-coral svg,.stat-tile.tone-dark span,.stat-tile.tone-dark strong,.stat-tile.tone-dark svg{color:#fff}.stat-tile.tone-teal svg{color:var(--teal)}.stat-tile.tone-amber svg{color:var(--amber)}.stat-tile.tone-dark{background:var(--dark);border-color:var(--dark)}.analytics-grid{grid-template-columns:1.45fr 1fr 1fr .8fr;align-items:stretch}.panel{min-width:0;padding:18px}.timeline-panel,.recent-panel{background:var(--dark);border-color:var(--dark);color:var(--on-dark)}.timeline-panel .panel-heading,.recent-panel .panel-heading{color:var(--on-dark)}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.timeline-panel{min-height:286px}.timeline-chart{grid-auto-columns:minmax(12px,1fr);grid-auto-flow:column;align-items:end;gap:6px;height:220px;padding-top:8px;display:grid;overflow:hidden}.timeline-bar{text-align:center;flex-direction:column;justify-content:flex-end;gap:7px;min-width:0;height:100%;display:flex}.bar-fill{background:var(--coral);border-radius:5px 5px 2px 2px;min-height:4px;display:block}.timeline-bar:nth-child(3n) .bar-fill{background:var(--teal)}.timeline-bar:nth-child(4n) .bar-fill{background:var(--amber)}.timeline-bar small{color:var(--on-dark-soft);font-size:10px}.rank-list{gap:10px;display:grid}.rank-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"key count""meter percent";align-items:center;gap:6px 10px;min-height:44px;display:grid}.rank-row .rank-key{grid-area:key}.rank-row strong{grid-area:count}.rank-row .rank-meter{grid-area:meter}.rank-row>span:last-child{text-align:right;grid-area:percent}.rank-key,.event-row span,.event-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rank-meter{background:#1817151f;border-radius:999px;height:7px;overflow:hidden}.rank-meter span{border-radius:inherit;background:var(--coral);height:100%;display:block}.recent-panel{margin-top:12px}.event-table{width:100%;overflow-x:auto}.event-row{border-top:1px solid #faf9f51a;grid-template-columns:118px minmax(130px,1fr) minmax(210px,1.45fr) 90px minmax(110px,.8fr);align-items:center;gap:14px;min-width:min(820px,100%);min-height:40px;display:grid}.event-row strong{color:var(--on-dark)}.event-row span{color:var(--on-dark-soft)}.event-head{border-top:0;min-height:32px;font-weight:700}.empty-state{color:var(--muted);padding:18px 0;font-size:13px}.timeline-panel .empty-state,.recent-panel .empty-state{color:var(--on-dark-soft)}.footer-line{align-items:center;gap:8px;min-height:52px;display:flex}.tabbar{border:1px solid var(--hairline);background:var(--soft);border-radius:8px;gap:8px;margin:0 0 12px;padding:4px;display:inline-flex}.tabbar button{width:auto;min-width:112px;height:36px;color:var(--muted);background:0 0;border-color:#0000;justify-content:center;align-items:center;gap:7px;padding:0 13px;display:inline-flex}.tabbar button.active{background:var(--dark);color:var(--on-dark)}.credits-grid{grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr);align-items:stretch;gap:12px;display:grid}.credit-provider-panel{min-height:352px}.credit-provider-list{gap:12px;display:grid}.credit-provider-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"key amount""meter meta";align-items:center;gap:7px 12px;min-height:50px;display:grid}.credit-provider-row .rank-key{grid-area:key}.credit-provider-row .rank-meter{grid-area:meter}.credit-provider-row strong{color:var(--ink);grid-area:amount}.credit-provider-row>span:last-child{color:var(--muted);text-align:right;grid-area:meta;font-size:12px}.credit-ledger-panel{background:var(--dark);border-color:var(--dark);min-width:0;min-height:170px;color:var(--on-dark)}.credit-ledger-panel .panel-heading{color:var(--on-dark)}.credit-usage-panel{grid-column:2}.credit-ledger-table{width:100%;overflow-x:auto}.credit-ledger-row{border-top:1px solid #faf9f51a;grid-template-columns:112px minmax(104px,.9fr) minmax(120px,1fr) minmax(104px,.75fr) minmax(130px,1fr);align-items:center;gap:12px;min-width:min(720px,100%);min-height:38px;display:grid}.credit-ledger-row strong,.credit-ledger-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.credit-ledger-row strong{color:var(--on-dark)}.credit-ledger-row span{color:var(--on-dark-soft);font-size:12px}.credit-ledger-head{border-top:0;min-height:30px;font-weight:700}.ops-brief{border:1px solid var(--hairline);background:linear-gradient(135deg,#faf9f5d1,#ede5d7c2);border-radius:8px;grid-template-columns:minmax(260px,.9fr) minmax(260px,1fr) minmax(260px,1.05fr);align-items:stretch;gap:12px;margin-bottom:12px;padding:14px;display:grid}.ops-verdict,.ops-metrics,.ops-checklist{background:#faf9f59e;border:1px solid #28231d14;border-radius:8px;min-width:0;padding:14px}.ops-verdict span{min-height:24px;color:var(--accent);background:#d1755424;border-radius:999px;align-items:center;margin-bottom:10px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.ops-verdict h2{color:var(--ink);letter-spacing:0;margin:0 0 8px;font-size:20px}.ops-verdict p,.ops-checklist p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.ops-checklist{gap:10px;display:grid}.ops-checklist strong{min-width:64px;color:var(--ink);display:inline-block}.ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.ops-metrics div{background:#fffcf68f;border-radius:8px;min-width:0;padding:10px}.ops-metrics span{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.ops-metrics strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:700;display:block;overflow:hidden}.ops-danger .ops-verdict span{color:#a7352d;background:#e14f3d24}.ops-warning .ops-verdict span{color:#8b5a18;background:#dd974029}.ops-healthy .ops-verdict span{color:#24725d;background:#32997b21}.credit-policy-panel{min-height:230px}.mode-guide-list{gap:10px;display:grid}.mode-guide-row{border-top:1px solid #28231d14;grid-template-columns:72px 86px 120px minmax(0,1fr);align-items:center;gap:10px;min-height:40px;padding-top:10px;display:grid}.mode-guide-row:first-child{border-top:0;padding-top:0}.mode-guide-row strong{color:var(--ink)}.mode-guide-row span{color:var(--accent);font-size:12px;font-weight:800}.mode-guide-row small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}@media (width<=1080px){.config-strip,.stat-grid,.analytics-grid,.credits-grid,.ops-brief{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.dashboard-shell{padding:16px}.topbar{flex-direction:column;align-items:flex-start}.toolbar{justify-content:flex-start;width:100%}.token-field,.token-field input{width:100%}.workspace-field input{min-width:0}h1{font-size:32px}.config-strip,.stat-grid,.analytics-grid,.credits-grid,.ops-brief,.mode-guide-row{grid-template-columns:1fr}.credit-usage-panel{grid-column:auto}.tabbar{width:100%}.tabbar button{flex:1 1 0;min-width:0}}.tester-panel{background:var(--dark);border-color:var(--dark);color:var(--on-dark)}.tester-panel .panel-heading{color:var(--on-dark)}.tester-count{color:var(--on-dark-soft);font-size:12px}.password-notice{color:var(--on-dark);background:#5db8a61a;border:1px solid #5db8a661;border-radius:8px;grid-template-columns:auto minmax(0,1fr) minmax(180px,auto);align-items:center;gap:10px;margin-bottom:14px;padding:12px;display:grid}.password-notice code{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#f2eadc1f;border-radius:6px;min-width:0;padding:7px 9px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;overflow:hidden}.tester-table{width:100%;overflow-x:auto}.tester-row{border-top:1px solid #faf9f51a;grid-template-columns:112px 130px 112px 100px 100px 118px 160px;align-items:center;gap:10px;min-width:900px;min-height:46px;display:grid}.tester-row strong,.tester-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tester-row strong{color:var(--on-dark)}.tester-row span{color:var(--on-dark-soft);font-size:12px}.tester-row input,.tester-row select{width:100%;min-width:0;height:34px;color:var(--on-dark);background:#f2eadc14;border-color:#f2eadc2e;padding:0 8px}.tester-row input{padding-left:8px}.tester-row option{color:var(--ink)}.tester-head{border-top:0;min-height:30px;font-weight:700}.tester-actions{gap:6px;display:flex}.tester-actions button{border-color:#f2eadc33;gap:5px;width:auto;min-width:70px;height:34px;padding:0 9px;font-size:12px;font-weight:700;display:inline-flex}.tester-action-save{color:#fff;background:#5db8a62e}.tester-actions button span{color:inherit;font-size:inherit}.action-symbol{place-items:center;width:15px;height:15px;font-weight:900;line-height:1;display:inline-grid}.button-ghost{color:var(--on-dark);background:#f2eadc14}@media (width<=720px){.password-notice{grid-template-columns:auto 1fr}.password-notice code{grid-column:1/-1}}