:root{--card:#0b1220;--stroke:#1f2937;--accent:#0ea5e9}
*{box-sizing:border-box}
body{background:#0a0f1c;color:#e5edff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto}
.wrap-center{min-height:100vh;display:flex;align-items:center;justify-content:center}
.container-auth{width:100%;max-width:600px;background:rgba(15,23,42,.65);border:1px solid var(--stroke);border-radius:16px;padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.auth-title{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.logo{border-radius:10px;background:#0ea5e9;padding:6px}
.label{display:block;color:#9fb0c7;font-size:13px;margin-bottom:6px}
.input{width:100%;background:#0b1220;border:1px solid #263143;border-radius:12px;padding:12px 14px;color:#e6efff;outline:none}
.input:focus{border-color:#1f8af7;box-shadow:0 0 0 3px rgba(31,138,247,.15)}
.field{margin-bottom:14px}
.row{display:flex;gap:8px;flex-wrap:wrap}
.btn{border-radius:12px;padding:10px 14px;border:1px solid #1e293b;cursor:pointer}
.btn-primary{background:#0ea5e9;border-color:#0369a1;color:#00131e}
.btn-secondary{background:#0b1220;border-color:#263143;color:#cbd5e1}
.btn[disabled]{opacity:.6;cursor:not-allowed}
.text-muted{color:#9fb0c7}
.card{background:rgba(2,6,23,.45);border:1px solid var(--stroke);border-radius:14px;padding:14px}
.link{color:#7dd3fc;text-decoration:underline}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:10px 12px;border-bottom:1px solid #1f2937;text-align:left;font-size:14px}
.badge{font-size:11px;border:1px solid #1f2937;background:#0b1220;border-radius:999px;padding:3px 8px}