:root{--pink:#ff2d95;--cyan:#05d5ff;--yellow:#ffe600;--green:#39ff14;--bg:#08081a;--card:#0f0f2a;--border:#1a1a4e}
*{scrollbar-color:var(--pink)#08081a;scrollbar-width:thin}
::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#08081a}::-webkit-scrollbar-thumb{background:var(--pink);border-radius:3px}
body{background:linear-gradient(170deg,#08081a 0%,#0d0d30 40%,#08081a 100%)!important;color:#d0d0f0!important;position:relative;min-height:100vh}
body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03)2px,rgba(0,0,0,.03)4px);pointer-events:none;z-index:99998}
header,header *,nav,[class*=nav],[class*=header],[class*=top-bar]{background:rgba(10,10,30,.95)!important;border-bottom:2px solid var(--cyan)!important;box-shadow:0 0 25px rgba(5,213,255,.25)!important}
.card,[class*=card],[class*=panel],[class*=box],[class*=container]{background:linear-gradient(135deg,rgba(15,15,42,.95),rgba(20,20,55,.95))!important;border:1px solid var(--border)!important;box-shadow:0 0 20px rgba(5,213,255,.08),inset 0 1px 0 rgba(255,255,255,.03)!important;border-radius:6px!important;position:relative;overflow:hidden}
.card::before,[class*=card]::before,[class*=panel]::before{content:'';position:absolute;top:-1px;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.6}
button,.btn,[class*=btn]:not([class*=close]){background:linear-gradient(135deg,#6b00ff,var(--pink))!important;border:1px solid rgba(255,45,149,.5)!important;color:#fff!important;text-shadow:0 0 8px rgba(255,255,255,.5)!important;box-shadow:0 0 20px rgba(255,45,149,.25),0 4px 15px rgba(107,0,255,.3)!important;border-radius:3px!important;transition:all .3s!important;text-transform:uppercase;letter-spacing:1px;font-weight:600}
button:hover,.btn:hover{box-shadow:0 0 35px rgba(255,45,149,.5),0 0 60px rgba(107,0,255,.4)!important;transform:translateY(-2px)!important}
table{background:rgba(10,10,30,.8)!important;border-collapse:separate!important;border-spacing:0!important;border-radius:6px!important;overflow:hidden}
th{background:linear-gradient(180deg,#151540,#0d0d2b)!important;color:var(--cyan)!important;border-bottom:2px solid var(--cyan)!important;text-shadow:0 0 12px var(--cyan)!important;text-transform:uppercase;letter-spacing:1px;padding:12px 16px!important}
td{background:rgba(15,15,40,.5)!important;border-bottom:1px solid rgba(26,26,78,.4)!important;color:#b0b0d0!important;padding:10px 16px!important}
tr:hover td{background:rgba(25,25,60,.85)!important;box-shadow:inset 0 0 30px rgba(5,213,255,.06)!important;color:#e8e8ff!important}
input,textarea,select,[class*=input]{background:rgba(8,8,26,.9)!important;border:1px solid var(--border)!important;color:var(--cyan)!important;padding:10px 14px!important;border-radius:3px!important;transition:all .3s!important}
input:focus,textarea:focus{box-shadow:0 0 20px rgba(5,213,255,.3),inset 0 0 12px rgba(5,213,255,.08)!important;border-color:var(--cyan)!important;outline:none!important}
a{color:var(--cyan)!important;text-shadow:0 0 6px rgba(5,213,255,.25);transition:all .3s}
a:hover{color:var(--pink)!important;text-shadow:0 0 18px rgba(255,45,149,.5)}
a.router-link-active,[class*=active]{color:var(--pink)!important;text-shadow:0 0 10px rgba(255,45,149,.4)}
.badge,[class*=badge],[class*=tag]{background:linear-gradient(135deg,var(--pink),#6b00ff)!important;color:#fff!important;text-shadow:0 0 6px #fff;border-radius:10px!important;padding:2px 10px!important;font-size:.75em}
.progress,[class*=progress]{background:rgba(15,15,40,.8)!important;border:1px solid var(--border)!important;border-radius:10px!important;overflow:hidden}
.progress-bar,[class*=progress-bar]{background:linear-gradient(90deg,var(--cyan),var(--pink))!important;box-shadow:0 0 15px rgba(5,213,255,.4)}
h1,h2,h3,h4{color:var(--cyan)!important;text-shadow:0 0 15px rgba(5,213,255,.3)!important;text-transform:uppercase;letter-spacing:2px}
::selection{background:var(--pink);color:#fff}