:root{--bg: #0b0d12;--surface: #151922;--border: #262c39;--text: #e7eaf0;--subtext: #9aa3b2;--brand: #4f8cff;--ok: #4ade80;--bad: #f87171;font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}.app{display:flex;flex-direction:column;min-height:100%}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{color:var(--brand);font-size:20px}.brand-name{font-weight:700;letter-spacing:.02em}.main{flex:1;display:flex;align-items:center;justify-content:center;padding:32px}.signed-out{text-align:center;max-width:420px}.signed-out h1{font-size:40px;margin:0 0 8px}.signed-out p{color:var(--subtext);margin:0 0 24px}.signin-btn{background:var(--brand);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:15px;font-weight:600;cursor:pointer}.panel{width:100%;max-width:560px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}.panel h2{margin:0 0 16px;font-size:16px}.row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid var(--border);font-size:14px}.row-label{color:var(--subtext)}.row-value{text-align:right;word-break:break-all}.ok{color:var(--ok)}.bad{color:var(--bad)}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}