:root { color-scheme: dark; --bg:#08111f; --panel:#111b2f; --line:#263650; --text:#eef4ff; --muted:#aeb9cf; --accent:#6d7cff; --danger:#c8334d; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; font-family: "Segoe UI", Tahoma, sans-serif; background: radial-gradient(circle at 20% 0%, #1d2b52, #08111f 48%, #050913); color: var(--text); padding: 18px; }
.box, .panel { width: min(560px, 100%); border: 1px solid var(--line); border-radius: 8px; background: rgba(17, 27, 47, .92); padding: 26px; box-shadow: 0 20px 60px rgba(0,0,0,.35); }
.box { width: min(420px, 100%); }
h1 { margin: 0 0 6px; font-size: 28px; letter-spacing: 0; }
p { margin: 0 0 20px; color: var(--muted); }
.muted { color: var(--muted); font-size: 14px; margin-bottom: 18px; }
label { display: block; margin: 14px 0 6px; color: #dbe4ff; font-weight: 600; }
input, select, button { width: 100%; border: 1px solid var(--line); border-radius: 8px; padding: 12px; font: inherit; }
input, select { background: #0d1729; color: var(--text); }
select { margin-bottom: 14px; }
button { margin-top: 20px; color: #fff; border: 0; font-weight: 700; cursor: pointer; background: linear-gradient(135deg, #5869ff, #28a6ff); }
.mode-tabs { display: flex; gap: 8px; margin: 14px 0 18px; }
.mode-tabs button { margin: 0; background: #182642; color: #dbe4ff; border: 1px solid #314466; }
.mode-tabs button.active { background: #2f528f; border-color: #6c93d6; }
.admin-button { margin-bottom: 14px; }
.error { position: sticky; top: 0; z-index: 4; border: 1px solid #a83248; background: #2a111a; color: #ffd4db; border-radius: 8px; padding: 10px; margin-bottom: 14px; }
.pw-wrap { position: relative; }
.pw-wrap input { padding-right: 44px; }
.pw-eye { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: none; border: none; cursor: pointer; color: var(--muted); padding: 4px; width: auto; margin: 0; font-size: 18px; line-height: 1; }
.pw-eye:hover { color: var(--text); }
a { display: inline-block; margin-top: 14px; color: #dce4ff; text-decoration: none; }