@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-card: #1e293b;--bg-sidebar: #0f172a;--bg-header: #0f172a;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-disabled: #64748b;--accent-blue: #3b82f6;--accent-orange: #f59e0b;--accent-teal: #14b8a6;--accent-green: #22c55e;--accent-red: #ef4444;--accent-purple: #a855f7;--accent-pink: #ec4899;--accent-cyan: #06b6d4;--status-online: #22c55e;--status-warning: #eab308;--status-error: #ef4444;--status-offline: #94a3b8;--border-color: #334155;--border-radius: .5rem;--shadow-glow: 0 0 10px rgba(59, 130, 246, .5);--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .5);--font-primary: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@layer utilities{.glow-blue{box-shadow:0 0 15px #3b82f666}.glow-orange{box-shadow:0 0 15px #f59e0b66}.glow-teal{box-shadow:0 0 15px #14b8a666}.glow-green{box-shadow:0 0 15px #22c55e66}.glow-red{box-shadow:0 0 15px #ef444466}.glow-purple{box-shadow:0 0 15px #a855f766}.glow-pink{box-shadow:0 0 15px #ec489966}.glow-cyan{box-shadow:0 0 15px #06b6d466}.text-glow{text-shadow:0 0 10px currentColor}.font-mono-custom{font-family:var(--font-mono)}.pulse-status{animation:pulse-status 2s ease-in-out infinite}.glitch-text{position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{animation:glitch-1 .3s linear infinite;color:#ef4444;z-index:-1}.glitch-text:after{animation:glitch-2 .3s linear infinite;color:#06b6d4;z-index:-2}}@keyframes pulse-status{0%,to{opacity:1}50%{opacity:.5}}@keyframes glitch-1{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}@keyframes glitch-2{0%,to{transform:translate(0)}20%{transform:translate(2px,-2px)}40%{transform:translate(2px,2px)}60%{transform:translate(-2px,-2px)}80%{transform:translate(-2px,2px)}}@keyframes data-flow{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.module-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.module-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.pipeline-stage{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem;transition:all var(--transition-normal)}.pipeline-stage.running{border-color:var(--accent-blue);box-shadow:var(--shadow-glow)}.pipeline-stage.completed{border-color:var(--status-online)}.pipeline-stage.failed{border-color:var(--status-error)}.agent-cell{width:12px;height:12px;border-radius:2px;transition:background-color var(--transition-fast)}.agent-cell.online{background-color:var(--status-online)}.agent-cell.offline{background-color:var(--status-offline)}.agent-cell.warning{background-color:var(--status-warning)}.agent-cell.busy{background-color:var(--accent-blue)}.honeypot-active{border-color:var(--accent-pink);box-shadow:0 0 10px #ec48994d}.honeypot-inactive{opacity:.5;filter:grayscale(100%)}.chat-bubble-ai{background:linear-gradient(135deg,#06b6d41a,#a855f71a);border:1px solid rgba(6,182,212,.3);border-radius:var(--border-radius);padding:.75rem 1rem}.chat-bubble-user{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.75rem 1rem}.progress-bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:4px;transition:width var(--transition-slow)}.data-flow-arrow{stroke-dasharray:5,5;animation:data-flow 2s linear infinite}@media (max-width: 768px){:root{--border-radius: .375rem}.module-card{padding:1rem}.pipeline-stage{padding:.75rem}}::selection{background-color:#3b82f64d;color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}button{cursor:pointer;transition:all var(--transition-fast)}button:disabled{cursor:not-allowed;opacity:.5}
