/* FILE: assets/css/style.css */
:root{
  --bg:#0b1020; --surface:#0e1428; --surface-2:#111936;
  --text:#e6e8ee; --muted:#9aa3b2;
  --brand:#7c5cff; --brand-2:#22c1c3;
  --accent:#00e1a1;
  --card:#0f172a; --border:#222a45;
  --radius:14px; --gap:16px; --shadow:0 8px 30px rgba(0,0,0,.25);
}

*{box-sizing:border-box}
html,body{margin:0}
body{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: radial-gradient(1200px 800px at 10% -10%, #182349 0%, transparent 60%),
              radial-gradient(1000px 700px at 110% 10%, #1a365d 0%, transparent 55%),
              #0b1020;
  color: var(--text);
}

a{color:inherit;text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:0 20px}

/* Header */
.site-header{
  position:sticky;top:0;z-index:20;
  background: rgba(15,23,42,.75);
  backdrop-filter: saturate(140%) blur(10px);
  border-bottom:1px solid var(--border);
}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:66px}
.brand{font-weight:800;letter-spacing:.3px}
.nav{display:flex;gap:12px;align-items:center}
.nav a{padding:10px 12px;border-radius:10px;color:var(--muted)}
.nav a:hover{background:rgba(255,255,255,.04);color:var(--text)}
.btn-ghost{border:1px solid var(--border);}

/* Layout */
main .container{padding:26px 20px}

/* Forms */
form{display:grid;gap:var(--gap);max-width:520px}
label{display:grid;gap:8px;font-weight:600}
input,button,select,textarea{
  padding:12px 14px;border-radius:12px;border:1px solid var(--border);
  background:linear-gradient(180deg,#0f182f 0%, #0b1326 100%);
  color:var(--text); outline:none;
}
input:focus,textarea:focus,select:focus{box-shadow:0 0 0 3px rgba(124,92,255,.25)}
button.btn, .btn{
  background:linear-gradient(135deg,var(--brand),#4da3ff);
  border:0;color:#fff;cursor:pointer;font-weight:700
}
.btn-secondary{
  background:linear-gradient(135deg,#303a68,#202a55);
  color:#d9def0;border:0
}

/* Cards & Tables */
.card{
  background: linear-gradient(180deg,#0f1830 0%, #0c142b 100%);
  border:1px solid var(--border);
  border-radius:var(--radius); padding:18px; box-shadow:var(--shadow)
}
.table{width:100%;border-collapse:collapse;border-radius:12px;overflow:hidden}
.table th,.table td{border-bottom:1px solid var(--border);padding:12px 10px;text-align:left}
.table th{color:#d2d7ea;font-weight:700;background:#0e1530}

/* Alerts */
.alert{
  padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);
  background:rgba(124,92,255,.1)
}

/* Auth screens */
.auth-wrap{display:grid;gap:18px;max-width:520px;margin:38px auto}
h1,h2{margin:14px 0 6px}
p.muted{color:var(--muted);margin:0}

@media (max-width:860px){
  .nav{display:none}
}