@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--color-bg: #050505;--color-panel: #0a0a0a;--color-border: rgba(255, 255, 255, .05);--color-border-hover: rgba(255, 255, 255, .1);--color-accent: #00f2ff;--color-accent-dim: rgba(0, 242, 255, .05);--color-health: #10b981;--color-warning: #f59e0b;--color-anomaly: #ef4444;--font-main: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}@layer base{body{@apply bg-[#050505] text-white selection:bg-cyan-500/30 selection:text-white antialiased;font-family:var(--font-main)}h1,h2,h3,h4,h5,h6{@apply tracking-tight font-bold;}}@layer components{.op-panel{@apply bg-[#0a0a0a]/80 backdrop-blur-md border border-white/5 rounded-xl;}.op-panel-hover{@apply hover:border-white/10 hover:bg-[#0c0c0c] transition-all duration-200;}.text-mono{font-family:var(--font-mono)}.text-metadata{@apply text-[10px] font-bold uppercase tracking-widest text-neutral-500;}.status-pulse{@apply relative flex h-2 w-2;}.status-pulse-dot{@apply absolute inline-flex h-full w-full rounded-full opacity-75 animate-ping;}.status-pulse-inner{@apply relative inline-flex rounded-full h-2 w-2;}}.grid-bg{background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:32px 32px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-slow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse-slow{animation:pulse-slow 8s ease-in-out infinite}.animate-marquee{animation:marquee 30s linear infinite}.reveal-hidden{opacity:0;transform:translateY(30px);transition:all 1.2s cubic-bezier(.16,1,.3,1)}.reveal-visible{opacity:1;transform:translateY(0)}.living-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;background:radial-gradient(circle at 50% 50%,#0a0a0a,#050505)}.living-bg:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(0,242,255,.05),transparent);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#050505}::-webkit-scrollbar-thumb{background:#1a1a1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#00f2ff}@layer utilities{@keyframes slide-right{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes scan-line{0%{transform:translateY(-100%) rotate(-45deg)}to{transform:translateY(100%) rotate(-45deg)}}@keyframes aurora{0%,to{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:.3}50%{transform:translate(-45%,-55%) scale(1.1) rotate(5deg);opacity:.5}}@keyframes slow-pan{0%{transform:scale(1.05) translate(0)}50%{transform:scale(1.1) translate(-2%)}to{transform:scale(1.05) translate(0)}}@keyframes float{0%,to{transform:translateY(0) translate(0);opacity:.2}50%{transform:translateY(-20px) translate(10px);opacity:.4}}.animate-slow-pan{animation:slow-pan 6s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-slide-right{animation:slide-right 2s linear infinite}.animate-spin-slow{animation:spin-slow 6s linear infinite}.animate-gradient-shift{animation:gradient-shift 4s ease infinite}.animate-scan-line{animation:scan-line 2s linear infinite}.animate-aurora{animation:aurora 4s ease-in-out infinite}}