:root{--bg:#fff;--text:#111;--muted:#666;--card:#f6f7f9;--primary:#3b82f6}
body.theme-dark{--bg:#0b0f14;--text:#e6edf3;--muted:#9aa5b1;--card:#0f1620}
*{box-sizing:border-box} body{margin:0;font:16px/1.5 system-ui;background:var(--bg);color:var(--text)}
.wrap{max-width:1000px;margin:auto;padding:16px}
.site-header,.site-footer{background:var(--card);border-bottom:1px solid #0001}
.logo{font-weight:700;color:var(--text);text-decoration:none}
nav a{margin-right:12px}
.btn{background:var(--primary);color:#fff;border:0;padding:10px 14px;border-radius:8px;text-decoration:none;cursor:pointer}
.btn.ghost{background:transparent;border:1px solid #0002;color:var(--text)}
.card{background:var(--card);padding:16px;border-radius:12px;margin:12px 0}
.alert{background:#e6ffed;padding:10px;border-radius:8px;margin:10px 0}
.alert.error{background:#ffe6e6}
label{display:block;margin:10px 0}
input,select{width:100%;padding:10px;border-radius:8px;border:1px solid #0002;background:#fff}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.cards .card{display:flex;align-items:center;justify-content:center;height:90px;text-decoration:none;color:inherit}
.lang-switch select{padding:6px}
@media print{
  header.site-header, .lang-switch, #themeToggle, .btn, .ghost, form.card > div:last-child { display:none !important; }
  .card{ box-shadow:none !important; border:1px solid #0002; }
  body{ background:#fff !important; color:#000 !important; }
}
nav a.active{font-weight:700;text-decoration:underline}