:root{--glass:rgba(255,255,255,.06);--glass2:rgba(255,255,255,.1)}
*{font-family:'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}
.bg-grid{
  background-image:
    linear-gradient(to right, rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size: 46px 46px;
  mask-image: radial-gradient(ellipse at 40% 30%, black 25%, transparent 65%);
}
.navlink{padding:.5rem .75rem;border-radius:12px;color:rgba(226,232,240,.85)}
.navlink:hover{background:rgba(255,255,255,.06);color:white}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:14px;padding:.6rem .9rem;font-weight:700}
.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.12);color:rgba(226,232,240,.9)}
.btn-ghost:hover{background:rgba(255,255,255,.06);color:#fff}
.btn-primary{background:linear-gradient(135deg,#f59e0b,#f97316,#d946ef);box-shadow:0 10px 30px rgba(249,115,22,.2)}
.btn-primary:hover{filter:brightness(1.05)}
.card{border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.25);border-radius:18px;backdrop-filter:blur(10px)}
.card:hover{border-color:rgba(255,255,255,.16)}
.footlink{color:rgba(226,232,240,.8)}
.footlink:hover{color:white}
.badge{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);border-radius:999px;padding:.35rem .65rem;width:fit-content}
.input{width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);padding:.7rem .85rem;color:#fff;outline:none}
.input:focus{border-color:rgba(249,115,22,.7);box-shadow:0 0 0 4px rgba(249,115,22,.15)}
.label{font-size:.85rem;color:rgba(226,232,240,.75);margin-bottom:.35rem}
.small{font-size:.85rem;color:rgba(226,232,240,.75)}
.kpi{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);border-radius:18px;padding:14px}
.glow{box-shadow:0 0 40px rgba(217,70,239,.15), 0 0 70px rgba(249,115,22,.12)}
.navlink{
  @apply px-4 py-2 rounded-xl text-sm font-semibold text-slate-200/90 hover:text-white hover:bg-white/10 transition;
}
.navlink-active{
  @apply bg-white/10 text-white border border-white/10;
}
.btn{
  @apply inline-flex items-center justify-center px-4 py-2 rounded-xl font-bold transition;
}
.btn-primary{
  @apply bg-gradient-to-r from-amber-400 via-orange-500 to-fuchsia-500 text-black hover:brightness-110;
}
.btn-ghost{
  @apply border border-white/10 bg-white/5 text-slate-100 hover:bg-white/10;
}
.footlink{
  @apply text-slate-300/80 hover:text-white transition;
}
.badge{
  @apply inline-flex items-center gap-2 rounded-full border border-white/10 bg-white/5 px-3 py-1 text-xs text-slate-200;
}
.drop{
  @apply rounded-xl px-3 py-2 text-sm text-slate-200/90 hover:text-white hover:bg-white/10 transition;
}