@tailwind base;@tailwind components;@tailwind utilities;@layer base{*{box-sizing:border-box}html{scroll-behavior:smooth}body{@apply bg-abyss-dark text-white font-sans overflow-x-hidden;background:radial-gradient(ellipse at top,#062035,#020b18,#010810);min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{@apply bg-ocean-950;}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00f5ff44,#0080ff44);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#00f5ff88,#0080ff88)}}@layer components{.glass-card{@apply bg-card-gradient backdrop-blur-md border border-white/5 rounded-2xl;box-shadow:0 4px 24px #0006,inset 0 1px #ffffff0d}.glass-card-hover{@apply glass-card transition-all duration-300;}.glass-card-hover:hover{@apply border-biolum-cyan/20;box-shadow:0 8px 40px #00000080,0 0 20px #00f5ff14,inset 0 1px #ffffff14;transform:translateY(-2px)}.biolum-text{background:linear-gradient(135deg,#00f5ff,#0080ff,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.biolum-border{border:1px solid transparent;background:linear-gradient(#062035,#062035) padding-box,linear-gradient(135deg,#00f5ff44,#0080ff44,#8b5cf644) border-box}.status-dot{@apply w-2 h-2 rounded-full inline-block;}.status-running{@apply bg-biolum-green shadow-[0_0_8px_#00ff88];}.status-stopped{@apply bg-red-500 shadow-[0_0_8px_#ef4444];}.status-starting{@apply bg-yellow-400 shadow-[0_0_8px_#facc15] animate-pulse;}.status-stopping{@apply bg-orange-400 shadow-[0_0_8px_#fb923c] animate-pulse;}.status-offline{@apply bg-gray-500;}.btn-primary{@apply px-4 py-2 rounded-xl font-medium text-sm transition-all duration-200 relative overflow-hidden;background:linear-gradient(135deg,#0080ff,#00f5ff);box-shadow:0 4px 15px #0080ff4d}.btn-primary:hover{box-shadow:0 6px 25px #00f5ff66;transform:translateY(-1px)}.btn-ghost{@apply px-4 py-2 rounded-xl font-medium text-sm transition-all duration-200 text-ocean-200 hover:text-white hover:bg-white/5;}.btn-danger{@apply px-4 py-2 rounded-xl font-medium text-sm transition-all duration-200;background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 4px 15px #dc26264d}.input-ocean{@apply w-full bg-ocean-900/50 border border-white/10 rounded-xl px-4 py-2.5 text-white placeholder-ocean-300/50 text-sm transition-all duration-200 outline-none;}.input-ocean:focus{@apply border-biolum-cyan/40;box-shadow:0 0 0 3px #00f5ff14}.progress-bar{@apply h-1.5 rounded-full overflow-hidden bg-ocean-800;}.progress-fill{@apply h-full rounded-full transition-all duration-700;background:linear-gradient(90deg,#0080ff,#00f5ff);box-shadow:0 0 8px #00f5ff80}.progress-fill.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 0 8px #fbbf2480}.progress-fill.danger{background:linear-gradient(90deg,#dc2626,#ef4444);box-shadow:0 0 8px #ef444480}}@layer utilities{.text-shadow-glow{text-shadow:0 0 20px currentColor}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}}