@import"https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css";:root{--bg-dark: #06020c;--glass-bg: rgba(18, 9, 36, .45);--glass-card-bg: rgba(26, 12, 51, .4);--glass-border: rgba(192, 132, 252, .22);--glass-border-hover: rgba(216, 180, 254, .45);--glass-reflection: inset 0 1px 1px 0 rgba(255, 255, 255, .25);--primary-glow: #a855f7;--cyan-glow: #38bdf8}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-dark);background-image:radial-gradient(at 10% 10%,rgba(168,85,247,.25) 0px,transparent 55%),radial-gradient(at 90% 15%,rgba(56,189,248,.2) 0px,transparent 50%),radial-gradient(at 50% 90%,rgba(147,51,234,.2) 0px,transparent 60%),radial-gradient(at 85% 85%,rgba(236,72,153,.15) 0px,transparent 50%);background-attachment:fixed;color:#f8fafc;min-height:100vh;overflow-x:hidden}.font-mono{font-family:JetBrains Mono,monospace}body:before{content:"";position:fixed;top:-20%;left:-20%;width:140%;height:140%;background:radial-gradient(circle at 30% 30%,rgba(168,85,247,.12),transparent 40%),radial-gradient(circle at 70% 70%,rgba(56,189,248,.1),transparent 40%);pointer-events:none;z-index:-1;animation:liquidFloat 20s ease-in-out infinite alternate}@keyframes liquidFloat{0%{transform:translate(0) rotate(0) scale(1)}50%{transform:translate(30px,-20px) rotate(5deg) scale(1.05)}to{transform:translate(-20px,30px) rotate(-5deg) scale(.98)}}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(24px) saturate(190%);-webkit-backdrop-filter:blur(24px) saturate(190%);border:1px solid var(--glass-border);box-shadow:var(--glass-reflection),0 20px 50px #0009,0 0 30px #a855f71a;border-radius:1.25rem}.glass-card{background:var(--glass-card-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-reflection),0 10px 30px #00000080;border-radius:1.25rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transition:.6s}.glass-card:hover:before{left:100%}.glass-card:hover{border-color:var(--glass-border-hover);box-shadow:var(--glass-reflection),0 15px 35px #000000b3,0 0 25px #a855f740;transform:translateY(-3px) scale(1.01)}input[type=text],input[type=password],input[type=email],input[type=number],select,textarea{background:#130924a6!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;border:1px solid rgba(192,132,252,.25)!important;box-shadow:inset 0 1px 2px #ffffff14,0 4px 12px #0000004d!important;color:#fff!important;border-radius:.875rem!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}input:focus,select:focus,textarea:focus{border-color:#c084fcd9!important;box-shadow:inset 0 1px 2px #ffffff26,0 0 22px #a855f773!important;outline:none!important}.modal-glass{background:#0f071cd9!important;backdrop-filter:blur(30px) saturate(200%)!important;-webkit-backdrop-filter:blur(30px) saturate(200%)!important;border:1px solid rgba(216,180,254,.3)!important;box-shadow:var(--glass-reflection),0 25px 60px #000c,0 0 40px #a855f740!important;border-radius:1.5rem!important}.btn-liquid{background:linear-gradient(135deg,#a855f759,#7c3aed59);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(216,180,254,.35);box-shadow:var(--glass-reflection),0 4px 15px #a855f74d;transition:all .3s ease}.btn-liquid:hover{background:linear-gradient(135deg,#a855f78c,#7c3aed8c);border-color:#fff9;box-shadow:var(--glass-reflection),0 6px 20px #a855f780}.badge-online{background:#10b98133;border:1px solid rgba(52,211,153,.5);color:#34d399;box-shadow:0 0 12px #34d3994d}.badge-offline{background:#ef444433;border:1px solid rgba(248,113,113,.5);color:#f87171}.badge-attack{background:#e11d484d;border:1px solid rgba(251,113,133,.7);color:#fda4af;box-shadow:0 0 20px #f43f5e99;animation:liquidPulse 1.5s infinite alternate}@keyframes liquidPulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.03);opacity:.85}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#06020ccc}::-webkit-scrollbar-thumb{background:#a855f766;border-radius:9999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}::-webkit-scrollbar-thumb:hover{background:#a855f7cc}