:root,[data-theme=light]{--bg: #f4f6f8;--surface: #ffffff;--text: #182026;--muted: #637080;--border: #dfe4ea;--accent: #0f766e;--accent-text: #ffffff;--accent-soft: #e3f4f2;--danger: #c8283c;--success: #12804a;--shadow: 0 4px 18px rgba(16, 24, 40, .07);color-scheme:light}[data-theme=dark]{--bg: #0f1417;--surface: #182025;--text: #e6ebee;--muted: #93a0aa;--border: #2a353c;--accent: #2dd4bf;--accent-text: #062723;--accent-soft: #123532;--danger: #ff6b7d;--success: #4ad08a;--shadow: 0 4px 18px rgba(0, 0, 0, .45);color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;transition:background-color .15s,color .15s}a{color:var(--accent)}h1{font-size:22px;margin:0 0 12px}h2{font-size:17px;margin:0 0 6px}button,input{font:inherit;color:inherit}button{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:8px 14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}button.link{border:none;background:none;color:var(--accent);padding:4px 0}.danger{color:var(--danger)!important}input{width:100%;border:1px solid var(--border);background:var(--bg);border-radius:8px;padding:9px 12px}.muted{color:var(--muted)}.error{color:var(--danger);margin:0}.success{color:var(--success);margin:0}.center{display:grid;place-items:center;min-height:60vh}.stack{display:flex;flex-direction:column;gap:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px;box-shadow:var(--shadow)}.badge{align-self:flex-start;background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:2px 10px;font-size:12px}.segmented{display:inline-flex;padding:3px;gap:3px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}.segmented button{border:none;background:none;padding:6px 14px;border-radius:7px;font-size:14px}.segmented button.active{background:var(--surface);color:var(--accent);font-weight:600;box-shadow:0 1px 3px #0000001f}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;height:56px;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--border)}.brand{font-weight:700;color:var(--accent)}.username{margin-left:auto;font-weight:600;max-width:50vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.burger{flex-direction:column;gap:5px;width:40px;height:40px;padding:0;border:none;background:none;position:relative;z-index:35}.burger span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px}.backdrop{position:fixed;inset:0;z-index:25;background:#00000059}.drawer{position:fixed;top:0;left:0;bottom:0;z-index:30;width:270px;max-width:85vw;padding:70px 16px 20px;display:flex;flex-direction:column;gap:4px;background:var(--surface);border-right:1px solid var(--border);transform:translate(-100%);visibility:hidden;transition:transform .2s ease,visibility .2s}.drawer.open{transform:none;visibility:visible}.drawer a,.drawer>button.link{padding:10px 12px;border-radius:8px;color:var(--text);text-decoration:none;text-align:left;justify-content:space-between}.drawer a:hover,.drawer>button.link:hover{background:var(--bg)}.drawer a.active{background:var(--accent-soft);color:var(--accent)}.submenu{padding:4px 12px 8px}.content{max-width:980px;margin:24px auto;padding:0 16px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:16px}.auth-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:14px}.auth-card h1{margin:0}.auth-brand{font-weight:700;color:var(--accent);font-size:14px;letter-spacing:.5px}.auth-card label{display:flex;flex-direction:column;gap:4px;font-size:14px}.auth-card p{margin:0}.auth-footer{display:flex;justify-content:center;padding-top:8px;border-top:1px solid var(--border)}.code-input{font-size:28px;letter-spacing:12px;text-align:center}.steps{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.step{display:flex;flex-direction:column;gap:4px}.step p{margin:0 0 8px;flex:1}.step-num{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:14px;margin-bottom:6px}.profile{display:grid;grid-template-columns:max-content 1fr;gap:10px 24px;margin:0}.profile dt{color:var(--muted)}.profile dd{margin:0;font-weight:500;word-break:break-word}@media(max-width:600px){.card{padding:16px}.profile{grid-template-columns:1fr;gap:2px}.profile dd{margin-bottom:10px}}