:root{--fg:#0f172a;--muted:#475569;--bg:#f8fafc;--card:#ffffff;--ac:#0ea5e9;--err:#ef4444;--ok:#16a34a}
*{box-sizing:border-box}html,body{height:100%}
body{margin:0;font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--fg);background:var(--bg)}
a{color:var(--ac);text-decoration:none}
.container{max-width:880px;margin:0 auto;padding:24px}
.card{background:var(--card);border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px rgba(2,6,23,.05);padding:24px}
header,footer{padding:16px 0}
header .brand{font-weight:700}
.lang-switch{margin-left:auto;display:flex;gap:8px}
.row{display:flex;gap:16px;align-items:center}
.hidden{display:none !important}
.badge{display:inline-block;padding:.125rem .5rem;border-radius:999px;background:#e2e8f0;color:#334155;font-size:.75rem}
.note{color:var(--muted);font-size:.9rem}
.toast{border-left:4px solid var(--err);background:#fff1f2;color:#7f1d1d;padding:12px;border-radius:8px;margin:8px 0}
.toast.ok{border-left-color:var(--ok);background:#ecfdf5;color:#064e3b}
button{appearance:none;border:0;border-radius:12px;background:var(--ac);color:white;font-weight:600;padding:12px 16px;cursor:pointer}
button[disabled]{opacity:.6;cursor:not-allowed}
.user-nav{display:flex;gap:12px;align-items:center}
header .brand a{color:inherit}