
:root{
  --bg:#08101e;--panel:#121b34;--panel2:#172344;--text:#f7f9ff;
  --muted:#95a2c4;--accent:#7c5cff;--green:#2bd5a4;--danger:#ff647f;
  --line:rgba(255,255,255,.09)
}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);
background:radial-gradient(circle at 15% 15%,rgba(124,92,255,.25),transparent 27%),
radial-gradient(circle at 85% 18%,rgba(43,213,164,.15),transparent 25%),linear-gradient(180deg,#070d19,#0b1122)}
a{color:#bcb3ff;text-decoration:none}a:hover{text-decoration:underline}
.shell{min-height:100vh;display:grid;place-items:center;padding:28px}
.auth{width:min(100%,1050px);display:grid;grid-template-columns:1fr 1.1fr;border:1px solid var(--line);
border-radius:28px;overflow:hidden;background:rgba(12,19,38,.93);box-shadow:0 30px 90px rgba(0,0,0,.45)}
.hero{padding:45px;background:linear-gradient(150deg,rgba(124,92,255,.25),rgba(43,213,164,.08))}
.brand{display:flex;align-items:center;gap:12px}.mark{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#7c5cff,#4ec6ff);display:grid;place-items:center;font-weight:900}
.hero h1{font-size:40px;margin:55px 0 12px;line-height:1.05}.hero p{color:var(--muted);line-height:1.7}
.hero ul{padding-left:18px;color:#c7d0e8;line-height:1.9}
.panel{padding:36px}.tabs{display:flex;gap:8px;margin-bottom:22px}.tab{border:1px solid var(--line);background:#101a34;color:#b5c0df;border-radius:12px;padding:10px 15px;cursor:pointer;font-weight:700}.tab.active{background:#7c5cff;color:white}
.form{display:none}.form.active{display:block}
h2{margin:0 0 5px}.sub{color:var(--muted);font-size:13px;margin-bottom:20px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{margin-bottom:12px}label{display:block;font-size:12px;color:#b8c2dc;margin-bottom:7px}
input,select{width:100%;border:1px solid var(--line);background:#0d1730;color:white;padding:12px 13px;border-radius:12px;outline:none}
input:focus,select:focus{border-color:#7c5cff;box-shadow:0 0 0 3px rgba(124,92,255,.12)}
button.primary{width:100%;border:0;background:#7c5cff;color:white;padding:13px;border-radius:13px;font-weight:800;cursor:pointer;margin-top:5px}
.alert{padding:12px 14px;border-radius:12px;margin-bottom:16px;font-size:13px}.alert.success{background:rgba(43,213,164,.1);border:1px solid rgba(43,213,164,.22);color:#73ebc8}.alert.error{background:rgba(255,100,127,.1);border:1px solid rgba(255,100,127,.22);color:#ff9caf}
.driver-only{display:none}.footer{margin-top:17px;color:var(--muted);font-size:11px;line-height:1.6}
.admin-link{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:12px}
@media(max-width:800px){.auth{grid-template-columns:1fr}.hero{display:none}.panel{padding:24px}.grid{grid-template-columns:1fr}}
