:root{color-scheme:dark;--color-bg: #0a0a0f;--color-surface: #14141f;--color-surface-raised: #1c1c2b;--color-border: #2a2a3d;--color-text: #e8e8f0;--color-text-muted: #8b8ba3;--color-accent: #00e5a0;--color-accent-hot: #ff3d71;--color-accent-electric: #4d7cfe;--color-ok: #00e5a0;--color-warn: #ffb020;--color-error: #ff3d71;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.75rem;--text-2xl: 2.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-glow: 0 0 24px rgb(0 229 160 / 12%);--transition-fast: .12s ease-out;--transition-base: .24s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased}.shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-8);padding:var(--space-6);text-align:center}.brand{margin:0;font-size:var(--text-2xl);font-weight:800;letter-spacing:-.03em}.brand-accent{color:var(--color-accent)}.tagline{margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:var(--text-lg)}.status-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-glow)}.status-card p{margin:0;color:var(--color-text-muted);font-size:var(--text-sm)}.status-dot{width:10px;height:10px;flex-shrink:0;border-radius:50%;background:var(--color-ok);box-shadow:0 0 8px var(--color-ok)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topnav{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-3) var(--space-6);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.brand-small{font-size:var(--text-lg);font-weight:800}.nav-links{display:flex;gap:var(--space-4);flex:1}.nav-links a{color:var(--color-text-muted);text-decoration:none;font-size:var(--text-sm);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:color var(--transition-fast)}.nav-links a.active,.nav-links a:hover{color:var(--color-accent)}.nav-user{display:flex;align-items:center;gap:var(--space-3)}.nav-username{color:var(--color-text-muted);font-size:var(--text-sm)}.app-content{flex:1;width:min(960px,100%);margin:0 auto;padding:var(--space-8) var(--space-6)}.page h2{margin:0 0 var(--space-2);font-size:var(--text-xl);letter-spacing:-.02em}.page-intro{color:var(--color-text-muted);margin:0 0 var(--space-6)}button{background:var(--color-accent);color:#04110c;border:none;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);font-weight:600;font-family:inherit;font-size:var(--text-sm);cursor:pointer;transition:filter var(--transition-fast)}button:hover:not(:disabled){filter:brightness(1.1)}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}button.danger{background:transparent;color:var(--color-accent-hot);border:1px solid var(--color-accent-hot)}.lwa-button{background:#f90;color:#111;font-size:var(--text-base);padding:var(--space-3) var(--space-6)}.login-card{flex-direction:column}.form-error{color:var(--color-error);font-size:var(--text-sm);margin:var(--space-2) 0 0}.token-form{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);margin-bottom:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);max-width:480px}.token-form label{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.token-form input[type=text],.token-form input:not([type]){background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);padding:var(--space-2) var(--space-3);font-family:inherit}.token-form fieldset{border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3)}.scope-option{flex-direction:row!important;align-items:center;gap:var(--space-2)!important}.token-reveal{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-6);border:1px solid var(--color-accent);border-radius:var(--radius-md);background:#00e5a00f}.token-secret{font-family:var(--font-mono);font-size:var(--text-sm);word-break:break-all;padding:var(--space-2);background:var(--color-bg);border-radius:var(--radius-sm)}.token-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.token-table th,.token-table td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--color-border)}.token-table th{color:var(--color-text-muted);font-weight:600}.token-table .empty{color:var(--color-text-muted);text-align:center}