:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#071012;--panel:#0d1a1d;--panel-raised:#122327;--line:#233c40;--ink:#e8f2ef;--muted:#8ca4a2;--cyan:#68d5e1;--orange:#ff6d42;--green:#6de0bd;--mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;--sans:"Archivo Variable","Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}html{background:var(--canvas);color:var(--ink);font-family:var(--sans)}body{background:radial-gradient(circle at 78% -12%,#173a40 0,transparent 34rem),var(--canvas);min-width:20rem;margin:0}button{font:inherit}.shell{width:min(1180px,100% - 40px);margin:0 auto;padding:42px 0 72px}.topbar,.card-heading,.top-actions,.filterbar,.metric-line,.actions{align-items:center;display:flex}.topbar,.card-heading{justify-content:space-between;gap:20px}h1,h2,p{margin-top:0}h1{letter-spacing:-.06em;margin-bottom:8px;font-size:clamp(2rem,4vw,3.8rem)}h2{letter-spacing:-.03em;margin-bottom:18px;font-size:1.22rem}.eyebrow,.filter-label{color:var(--cyan);font:600 .68rem/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase}.muted{color:var(--muted)}.top-actions{gap:18px}.notice{color:#ffd2be;background:#211914;border:1px solid #74523f;margin-top:24px;padding:12px 14px}.filterbar{border:1px solid var(--line);min-height:54px;font:.76rem var(--mono);background:#0b1719;gap:12px;margin:32px 0 16px;padding:0 16px}.filter{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:999px;padding:7px 12px}.filter.active{color:var(--ink);border-color:#397d85}.dashboard-grid{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.card{border:1px solid var(--line);background:linear-gradient(145deg,#102024,#0b1719);padding:24px;box-shadow:0 20px 50px #0003}.quota-card{grid-column:span 7;min-height:270px}.key-card{grid-column:span 5}.usage-card{grid-column:span 8}.plan-card{grid-column:span 4}.status-pill{border:1px solid var(--line);width:max-content;color:var(--muted);font:.68rem var(--mono);text-transform:uppercase;border-radius:999px;align-items:center;padding:4px 8px;display:inline-flex}.status-pill.good{color:var(--green);border-color:#2c806c}.quota-card.unavailable{border-color:#74523f}.quota-value{align-items:baseline;gap:12px;margin:24px 0 12px;display:flex}.quota-value strong{font:600 clamp(3.4rem,8vw,6.2rem)/.9 var(--mono);letter-spacing:-.1em;color:var(--cyan)}.quota-value span{color:var(--muted)}.progress{border:1px solid var(--line);background:#081113;height:12px;overflow:hidden}.progress span{width:var(--progress);background:linear-gradient(90deg,var(--cyan),#2f8994);transform-origin:0;height:100%;animation:.75s ease-out both fill-in;display:block}.metric-line{color:var(--muted);font:.75rem var(--mono);justify-content:space-between;gap:10px;margin-top:10px}.details{margin:0 0 22px}.details div{border-bottom:1px solid #1a3134;justify-content:space-between;gap:12px;padding:10px 0;display:flex}dt{color:var(--muted)}dd{text-align:right;margin:0}code{font-family:var(--mono);color:var(--cyan);overflow-wrap:anywhere}.plan-choice-label{margin:20px 0 8px}.plan-actions .button{flex:40%}.actions{flex-wrap:wrap;gap:8px}.button{cursor:pointer;border:1px solid var(--cyan);color:#071012;background:var(--cyan);padding:10px 14px;font-weight:700}.button.quiet{border-color:var(--line);color:var(--ink);background:0 0}.chart{border-bottom:1px solid var(--line);background:#091416;align-items:end;gap:7px;height:150px;margin:26px 0 22px;padding:16px;display:flex}.bar{min-width:5px;height:var(--bar-height);background:linear-gradient(180deg,var(--cyan),#28727c);transform-origin:bottom;animation:bar-in .55s ease-out var(--bar-delay) both;flex:1}table{border-collapse:collapse;width:100%;font:.74rem var(--mono)}th,td{text-align:right;border-bottom:1px solid #1b3033;padding:10px 8px}th:first-child,td:first-child{text-align:left}thead{color:var(--muted);text-transform:uppercase;font-size:.65rem}.empty{color:var(--muted);text-align:center;padding:28px 8px}.freshness{margin:16px 0 0;font-size:.78rem}.secret-card{z-index:5;border:1px solid var(--orange);background:#211914;width:min(430px,100% - 48px);padding:22px;position:fixed;bottom:24px;right:24px;box-shadow:0 18px 60px #0008}.secret-card p{color:#d9b9a8}.secret-card code{background:#0b1112;border:1px dashed #a55d42;margin:16px 0;padding:12px;display:block}.auth-card{border:1px solid var(--line);background:var(--panel);width:min(460px,100% - 40px);margin:12vh auto;padding:34px}.auth-card .button{width:100%;margin-top:10px;display:block}.auth-card label{color:var(--muted);font:.76rem var(--mono);gap:6px;margin-top:14px;display:grid}.auth-card input{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#081113;padding:11px 12px}.auth-divider{color:var(--muted);font:.7rem var(--mono);align-items:center;gap:12px;margin:22px 0 4px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.link-button{color:var(--cyan);cursor:pointer;font:.72rem var(--mono);background:0 0;border:0;margin-top:14px;padding:0}.legal-check{align-items:flex-start;gap:10px;line-height:1.5;grid-template-columns:none!important;display:flex!important}.legal-check input{width:auto;margin-top:3px}.loading{width:min(1180px,100% - 40px);margin:40px auto}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fill-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes bar-in{0%{opacity:.2;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.motion-row{animation:row-in .45s ease-out var(--row-delay) both}@keyframes row-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=780px){.shell{width:min(100% - 24px,620px);padding-top:24px}.topbar,.card-heading{flex-direction:column;align-items:flex-start}.top-actions{justify-content:space-between;width:100%}.filterbar{flex-wrap:wrap;align-items:flex-start;padding-block:12px}.quota-card,.key-card,.usage-card,.plan-card{grid-column:1/-1}.chart{height:120px}table{min-width:560px}.usage-card{overflow:hidden}}