:root{--color-bg:#0f111b;--color-surface-variant:#14172a;--color-card:#181b2a;--color-primary:#6c5ce7;--color-primary-dark:#5548c2;--color-accent:#00d4aa;--color-text:#e8e8f0;--color-text-muted:#88a;--color-error:#ff6b6b;--color-success:#51cf66;--color-warning:#ffd43b;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--content-max-width:64rem;--radius:12px;--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2.5rem;--space-6:4rem}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--color-bg);min-height:100vh;color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}a{color:var(--color-accent)}a:hover{color:var(--color-text)}.portal-header{border-bottom:1px solid var(--color-card);padding:var(--space-3);align-items:center;gap:var(--space-3);display:flex}.portal-header__logo{color:var(--color-text);font-size:1.125rem;font-weight:700;text-decoration:none}.portal-main{max-width:40rem;padding:var(--space-5) var(--space-3);margin:0 auto}.portal-header__session{align-items:center;gap:var(--space-2);margin-left:auto;font-size:.875rem;display:flex}.portal-card{background:var(--color-card);border-radius:var(--radius);padding:var(--space-4);margin-top:var(--space-4)}.muted{color:var(--color-text-muted)}.error-text{color:var(--color-error)}.footnote{margin-top:var(--space-4);font-size:.875rem}.btn{border-radius:var(--radius);padding:var(--space-2) var(--space-4);font:inherit;cursor:pointer;border:0;font-weight:600;text-decoration:none;display:inline-block}.btn:disabled{opacity:.6;cursor:default}.btn--primary{background:var(--color-primary);color:var(--color-text)}.btn--primary:hover:not(:disabled){background:var(--color-primary-dark);color:var(--color-text)}.btn--ghost{color:var(--color-accent);border:1px solid var(--color-accent);background:0 0}.btn--ghost:hover:not(:disabled){color:var(--color-text);border-color:var(--color-text)}.btn--link{font:inherit;color:var(--color-accent);cursor:pointer;background:0 0;border:0;padding:0}.btn--link:hover{color:var(--color-text)}.plan-row{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.banner{border-radius:var(--radius);padding:var(--space-2) var(--space-3);margin:var(--space-3) 0 0}.banner--warn{background:color-mix(in srgb, var(--color-warning) 15%, transparent);border:1px solid color-mix(in srgb, var(--color-warning) 40%, transparent)}.usage{margin-top:var(--space-4)}.usage__label{margin-bottom:var(--space-2);font-size:.875rem}.usage-bar{background:color-mix(in srgb, var(--color-text-muted) 20%, transparent);border-radius:4px;height:8px;overflow:hidden}.usage-bar__fill{background:var(--color-primary);border-radius:4px;height:100%}.usage-bar__fill--warn{background:var(--color-error)}.usage__details{margin-top:var(--space-2);font-size:.875rem}.usage__details summary{cursor:pointer}.actions{margin-top:var(--space-4);gap:var(--space-3);flex-wrap:wrap;display:flex}