:root{ --bg:#0b0e14; --card:#111622; --txt:#eaeefb; --muted:#9fb0d0; --accent:#3b82f6; --danger:#ef4444; }
*{ box-sizing:border-box; }
body{ margin:0; font-family:system-ui,Segoe UI,Roboto,Arial; background:var(--bg); color:var(--txt); }
header{ display:flex; align-items:center; justify-content:space-between; padding:16px; background:#0f1423; position:sticky; top:0; z-index:10; }
.header-logo img{ height:50px; display:block; }
nav a{ color:var(--txt); margin-right:12px; text-decoration:none; background:#1a2236; padding:8px 12px; border-radius:8px; }
.card{ background:var(--card); padding:16px; border-radius:14px; margin:16px; max-width:960px; }
label{ display:block; margin:8px 0; }
input,select,textarea{ width:100%; padding:10px; border-radius:10px; border:1px solid #25304a; background:#0f1423; color:var(--txt); }
button,.button{ background:var(--accent); border:none; color:white; padding:10px 14px; border-radius:10px; cursor:pointer; }
button.danger{ background:var(--danger); }
.table{ width:100%; border-collapse:collapse; margin:16px; max-width:1200px; }
.table th,.table td{ border:1px solid #25304a; padding:8px; }
.grid{ display:grid; grid-template-columns: 360px 1fr; gap:16px; }
.error{ color:#ffb4b4; }
.row{ display:flex; gap:8px; align-items:center; flex-wrap: wrap; }
.back { display:inline-block; margin:16px; padding:8px 12px; border-radius:10px; background:#1a2236; color:#eaeefb; text-decoration:none; }
.hint { color:#9fb0d0; font-size: 0.95em; margin-left: 8px; }
.disabled { opacity: 0.5; pointer-events: none; }
.lang-switch a{ color:#9fb0d0; margin-left:8px; text-decoration:none; }
.lang-switch a.active{ color:#eaeefb; text-decoration:underline; }