:root{
  --bg:#050a14;
  --surface:#0a1122;
  --surface2:#0f1730;
  --border:rgba(255,255,255,.08);
  --border-hover:rgba(255,255,255,.18);
  --text:#cdd5e0;
  --text-secondary:#7a8599;
  --white:#f0f4ff;
  --blue:#3b82f6;
  --blue-soft:rgba(59,130,246,.12);
  --blue-glow:rgba(59,130,246,.25);
  --green:#22c55e;
  --green-soft:rgba(34,197,94,.12);
  --green-glow:rgba(34,197,94,.25);
  --radius:18px;
  --font:'Inter',system-ui,-apple-system,sans-serif;
  --font-display:'Space Grotesk','Inter',sans-serif;
}

*{box-sizing:border-box}
body{
  font-family:var(--font)!important;
  color:var(--text)!important;
  background:
    radial-gradient(1200px 800px at 20% 8%, rgba(59,130,246,.18), transparent 55%),
    radial-gradient(1000px 700px at 80% 0%, rgba(34,197,94,.14), transparent 60%),
    linear-gradient(180deg, rgba(5,10,20,.85), rgba(5,10,20,1)),
    var(--bg)!important;
}

.container{max-width:1140px!important;padding:24px!important}
.nav{margin-bottom:24px!important}
.brand{font-family:var(--font-display)!important;color:var(--white)!important;letter-spacing:-.3px}
.logo{
  border-radius:10px!important;
  background:linear-gradient(135deg,var(--blue),var(--green))!important;
  color:#050a14!important;
  box-shadow:0 0 24px var(--blue-glow)!important;
}

.card,.chat-main,.modal,.notif-popup{
  border:1px solid var(--border)!important;
  background:linear-gradient(180deg, rgba(15,23,48,.72), rgba(10,17,34,.72))!important;
  border-radius:22px!important;
  box-shadow:0 30px 70px rgba(0,0,0,.35)!important;
  backdrop-filter:blur(14px) saturate(1.15);
}

h1,h2,h3{color:var(--white)!important;font-family:var(--font-display)!important;letter-spacing:-.4px}
.hint,.helper,.meta,.sub,.status,.progressText{color:var(--text-secondary)!important}

.btn{
  border:1px solid var(--border)!important;
  background:rgba(255,255,255,.04)!important;
  color:var(--text)!important;
  border-radius:14px!important;
  transition:all .25s ease!important;
}
.btn:hover{border-color:var(--border-hover)!important;background:rgba(255,255,255,.08)!important;transform:translateY(-2px)}
.btn.primary{
  background:var(--white)!important;
  color:var(--bg)!important;
  border-color:transparent!important;
  box-shadow:0 0 40px rgba(240,244,255,.1)!important;
}
.btn.danger{background:rgba(244,63,94,.14)!important;border-color:rgba(244,63,94,.35)!important;color:#fda4af!important}
.btn.success{background:var(--green-soft)!important;border-color:rgba(34,197,94,.35)!important;color:#86efac!important}

input,select,textarea{
  border:1px solid var(--border)!important;
  background:rgba(255,255,255,.03)!important;
  color:var(--white)!important;
  border-radius:14px!important;
}
input:focus,select:focus,textarea:focus,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:none!important;
  border-color:rgba(59,130,246,.45)!important;
  box-shadow:0 0 0 4px rgba(59,130,246,.12)!important;
}

.sideNote,.stepsNote,.flow-banner{
  border:1px dashed rgba(59,130,246,.35)!important;
  background:rgba(59,130,246,.08)!important;
  color:#bfdbfe!important;
}

.stat,.req-item,.file-item,.fcard,.scard,.panel-feature,.chat-sidebar .req-item{
  border:1px solid var(--border)!important;
  background:rgba(255,255,255,.025)!important;
}
.req-item.active{border-color:rgba(59,130,246,.45)!important;background:rgba(59,130,246,.14)!important}

.pill{border-color:rgba(59,130,246,.32)!important;background:rgba(59,130,246,.15)!important;color:#bfdbfe!important}

::selection{background:rgba(59,130,246,.25);color:var(--white)}