:root{--bg: #f4f7fa;--card: #ffffff;--text: #1f2a37;--muted: #6b7a8c;--accent: #4a7fb5;--border: #dbe3ec}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.wrap{max-width:720px;margin:24px auto;padding:0 16px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px;margin-top:16px}nav{display:flex;gap:8px;flex-wrap:wrap}button{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:8px 14px;cursor:pointer;font-size:14px}button.ghost{background:transparent;color:var(--accent);border:1px solid var(--border)}button.active{outline:2px solid var(--text)}button:disabled{opacity:.5;cursor:not-allowed}input[type=text],input[type=email],input[type=password],textarea{width:100%;padding:10px;border:1px solid var(--border);border-radius:8px;font-size:15px;margin:6px 0}.muted{color:var(--muted);font-size:13px}.msg{padding:10px 0;border-bottom:1px solid var(--border)}.msg:last-child{border-bottom:0}.in{color:#2f7d4f}.out{color:var(--accent)}