@tailwind base;@tailwind components;@tailwind utilities;@layer base{body{background-color:#0a0f1f;background-image:radial-gradient(circle at 80% 0%,rgba(0,229,255,.03) 0%,transparent 40%),radial-gradient(circle at 20% 100%,rgba(41,121,255,.03) 0%,transparent 40%),linear-gradient(#0a0f1fe6,#0a0f1f),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-attachment:fixed;@apply text-[#E6F1FF] antialiased selection:bg-[#00E5FF]/30 font-sans;}}@layer components{.glass-panel{@apply bg-[rgba(15,23,42,.6)] backdrop-blur-[14px] border border-[rgba(0,229,255,.25)] rounded-2xl shadow-[0_8px_32px_rgba(0,0,0,.3)];}.glass-modal{@apply bg-[rgba(15,23,42,.85)] backdrop-blur-[16px] border border-[#00E5FF] rounded-2xl shadow-[0_0_20px_rgba(0,229,255,.15)];}.nav-item{@apply flex items-center gap-3 px-4 py-3 rounded-xl text-[#94A3B8] transition-all duration-200 border-l-[3px] border-transparent hover:bg-[rgba(0,229,255,.08)] hover:text-[#E6F1FF] hover:shadow-[0_0_12px_rgba(0,229,255,.15)];}.nav-item.active{@apply bg-[rgba(0,229,255,.15)] text-[#E6F1FF] border-[#00E5FF] shadow-[0_0_16px_rgba(0,229,255,.2)];}.btn-primary{@apply bg-gradient-to-r from-[#00E5FF] to-[#2979FF] text-[#0A0F1F] font-semibold px-5 py-2.5 rounded-[10px] shadow-[0_0_15px_rgba(0,229,255,.4)] hover:shadow-[0_0_25px_rgba(0,229,255,.6)] hover:brightness-110 active:scale-[.96] transition-all duration-200;}.btn-secondary{@apply bg-transparent border border-[#2979FF] text-[#2979FF] font-medium px-5 py-2.5 rounded-[10px] hover:bg-[#2979FF]/10 hover:shadow-[0_0_15px_rgba(41,121,255,.3)] active:scale-[.96] transition-all duration-200;}.btn-danger{@apply bg-transparent border border-[#FF2E63] text-[#FF2E63] font-medium px-5 py-2.5 rounded-[10px] hover:bg-[#FF2E63]/10 hover:shadow-[0_0_15px_rgba(255,46,99,.3)] active:scale-[.96] transition-all duration-200;}.btn-ghost{@apply bg-transparent text-[#94A3B8] font-medium px-5 py-2.5 rounded-[10px] hover:bg-white/5 hover:text-[#E6F1FF] active:scale-[.96] transition-all duration-200;}.input-field{@apply w-full bg-[#0F172A] border border-[rgba(0,229,255,.2)] text-[#E6F1FF] rounded-xl px-4 py-3 focus:outline-none focus:border-[#00E5FF] focus:shadow-[0_0_10px_rgba(0,229,255,.3)] transition-all duration-200 placeholder-[#64748B];}.table-row-item{@apply border-b border-[rgba(255,255,255,.05)] hover:bg-[rgba(0,229,255,.03)] hover:border-[rgba(0,229,255,.1)] transition-colors duration-200;}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0a0f1f}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00e5ff}.text-glow{text-shadow:0 0 10px rgba(0,229,255,.5)}.border-glow{box-shadow:0 0 10px #00e5ff4d inset}
