:root{--bg: #f6f6f7;--surface: #ffffff;--border: #e1e3e5;--text: #202223;--text-subdued: #6d7175;--accent: #008060;--accent-hover: #006e52;--danger: #d72c0d;--warning-bg: #fff5ea;--warning-border: #e1b878;--info-bg: #f1f8f5;--radius: 8px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5}.container{max-width:760px;margin:0 auto;padding:24px 16px 64px}.topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:12px 24px;display:flex;align-items:center;justify-content:space-between}.topbar h1{font-size:16px;margin:0}.topbar .user{color:var(--text-subdued);font-size:13px;display:flex;gap:12px;align-items:center}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:16px}.card h2{margin-top:0;font-size:18px}.card h3{font-size:15px;margin-bottom:4px}.steps{list-style:none;padding:0;margin:0 0 24px;display:flex;gap:8px;flex-wrap:wrap;font-size:13px}.steps li{padding:4px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--text-subdued)}.steps li.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.steps li.done{background:var(--info-bg);border-color:var(--accent);color:var(--accent)}.instructions{padding-left:20px}.instructions li{margin-bottom:10px}.hint{color:var(--text-subdued);font-size:13px}.callout{background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:var(--radius);padding:12px 16px;margin:12px 0;font-size:14px}.callout.info{background:var(--info-bg);border-color:var(--accent)}label{display:block;font-weight:600;font-size:13px;margin:16px 0 4px}input[type=text],input[type=password],textarea{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;font-family:var(--font)}textarea{font-family:var(--mono);font-size:13px}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.field-hint{font-size:12px;color:var(--text-subdued);margin-top:2px}.error{color:var(--danger);font-size:13px;margin-top:8px}.btn{display:inline-block;padding:8px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:14px;font-weight:600;cursor:pointer;text-decoration:none}.btn:hover{background:var(--bg)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-hover)}.btn.danger{color:var(--danger);border-color:var(--danger)}.btn-row{display:flex;gap:8px;margin-top:24px;align-items:center}.copy-field{display:flex;gap:8px;margin:8px 0}.copy-field code,.copy-field input{flex:1;font-family:var(--mono);font-size:13px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;overflow-x:auto;white-space:nowrap}.token-box{background:#1a1a2e;color:#7ce38b;font-family:var(--mono);font-size:14px;padding:16px;border-radius:var(--radius);word-break:break-all;margin:16px 0}.scope-diff{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.scope-pill{font-family:var(--mono);font-size:12px;padding:2px 10px;border-radius:999px;background:var(--info-bg);border:1px solid var(--accent);color:var(--accent)}.scope-pill.missing{background:var(--warning-bg);border-color:var(--warning-border);color:#8a6116}.app-list{list-style:none;padding:0;margin:0}.app-list li{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--border)}.app-list li:last-child{border-bottom:none}.app-list .meta{font-size:13px;color:var(--text-subdued)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{text-align:center;max-width:380px}