:root{color:#e7ecef;font-synthesis:none;text-rendering:optimizelegibility;background:#0d0f12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:#0d0f12;margin:0}button,input{font:inherit}.dashboard{width:100%;max-width:1180px;min-height:100vh;margin:0 auto;padding:40px 24px}.dashboard-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.eyebrow{color:#8ea0aa;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.82rem;font-weight:720}h1,h2,h3,p{margin-top:0}h1{color:#f5f7f8;letter-spacing:0;margin-bottom:10px;font-size:2.25rem;font-weight:760;line-height:1.1}h2{color:#f5f7f8;letter-spacing:0;margin-bottom:0;font-size:1.05rem;font-weight:720}h3{color:#f5f7f8;letter-spacing:0;margin-bottom:12px;font-size:.96rem;font-weight:700}.period,.muted,.section-heading p,.usage-detail,.regenerate p{color:#a7b3ba}.period{margin-bottom:0}.billing-badge{background:#15191d;border:1px solid #2b3238;border-radius:8px;min-width:190px;padding:14px 16px}.billing-badge span{color:#8ea0aa;margin-bottom:3px;font-size:.8rem;display:block}.billing-badge strong{color:#f5f7f8;font-size:1rem;font-weight:720;display:block}.usage-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.usage-card,.surface{background:#15191d;border:1px solid #2b3238;border-radius:8px}.usage-card{min-width:0;padding:16px}.usage-card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.usage-card-header span{color:#9fb1ba;font-size:.86rem;font-weight:720}.usage-value{color:#f5f7f8;letter-spacing:0;overflow-wrap:anywhere;margin-bottom:12px;font-size:1.35rem;font-weight:780;line-height:1.2}.progress-track{background:#252b30;border-radius:999px;height:8px;overflow:hidden}.progress-fill{border-radius:inherit;background:#3dd6a5;max-width:100%;height:100%}.usage-card-warning .progress-fill{background:#f5b84b}.usage-card-danger .progress-fill{background:#ff6b6b}.usage-detail{margin:11px 0 0;font-size:.9rem}.surface{margin-top:18px;padding:20px}.section-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;display:flex}.section-heading p{text-align:right;margin-bottom:0}.credit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.credit-row{background:#101316;border:1px solid #293037;border-radius:8px;min-width:0;padding:13px}.credit-row span{color:#a7b3ba;margin-bottom:5px;font-size:.88rem;display:block}.credit-row strong{color:#f5f7f8;overflow-wrap:anywhere;font-size:1.05rem;display:block}.muted{margin-bottom:0}.link-section+.link-section{margin-top:24px}.link-row{gap:10px;width:100%;display:flex}.link-row input[type=text]{color:#dce5e8;text-overflow:ellipsis;background:#0f1215;border:1px solid #313940;border-radius:6px;flex:1;min-width:0;padding:12px 14px;overflow:hidden}input[type=checkbox]{accent-color:#3dd6a5;width:16px;height:16px}button{color:#101316;cursor:pointer;background:#e7ecef;border:1px solid #e7ecef;border-radius:6px;min-width:92px;padding:12px 16px;font-weight:720}button:hover{background:#fff;border-color:#fff}button:disabled{cursor:wait;opacity:.68}.source-toggles{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.source-toggle{color:#dce5e8;background:#101316;border:1px solid #313940;border-radius:6px;align-items:center;gap:8px;min-height:40px;padding:8px 10px;display:inline-flex}.source-toggle:has(input:checked){border-color:#3dd6a5}.source-toggle:has(input:disabled){color:#75858e}.regenerate{justify-content:space-between;align-items:center;gap:20px;display:flex}.regenerate p{max-width:46rem;margin-bottom:0}.status{color:#a7b3ba;background:#15191d;border:1px solid #2b3238;border-radius:8px;max-width:520px;margin:0 auto;padding:18px}.error{color:#ff9a9a}@media (width<=980px){.usage-grid,.credit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-header{flex-direction:column;align-items:stretch}.billing-badge{min-width:0}}@media (width<=640px){.dashboard{padding:28px 16px}h1{font-size:1.75rem}.usage-grid,.credit-grid{grid-template-columns:1fr}.section-heading,.regenerate{flex-direction:column}.section-heading{gap:6px}.section-heading p{text-align:left}.link-row{flex-direction:column}.source-toggle{flex:100%}button{width:100%}}
