@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700&family=JetBrains+Mono:wght@400;700&family=Inter:wght@400;500;600&display=swap";
@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-core:#050505;--bg-surface:#0a0a0c;--bg-panel:#0f0f1499;--bg-panel-deep:#08080cb3;--accent-cyan:#00f2ff;--accent-magenta:#f0f;--accent-gold:gold;--text-primary:#f0f0f0;--text-secondary:#a0a0b0;--border-subtle:#ffffff0f;--border-strong:#00f2ff4d;--status-green:#22c55e;--status-yellow:#eab308;--status-red:#ef4444;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:2.5rem;--space-3xl:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px}*,:before,:after{box-sizing:border-box}body{background-color:var(--bg-core);color:var(--text-primary);background-image:linear-gradient(#00f2ff08 1px,#0000 1px),linear-gradient(90deg,#00f2ff08 1px,#0000 1px);background-position:50%;background-size:30px 30px;min-height:100vh;margin:0;padding:0;font-family:Inter,sans-serif}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0;font-family:Outfit,sans-serif;font-weight:700}a{color:inherit;text-decoration:none;transition:all .2s}a:hover{text-shadow:0 0 10px var(--accent-cyan)}.terminal-container{max-width:1440px;padding:var(--space-xl)var(--space-xl)var(--space-3xl);margin:0 auto}.dashboard-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}.accounts-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);transition:border-color .3s,box-shadow .3s;box-shadow:0 4px 30px #00000080}.glass-panel:hover{border-color:var(--border-strong);box-shadow:0 0 20px #00f2ff14}.account-card:hover{transform:translateY(-4px);border-color:var(--border-strong)!important;box-shadow:0 0 25px #00f2ff26!important}.cyber-input{border:1px solid var(--border-subtle);color:var(--accent-cyan);padding:var(--space-sm)var(--space-md);border-radius:var(--radius-sm);background:#00000080;outline:none;width:100%;font-family:JetBrains Mono,monospace;font-size:.875rem;transition:all .3s}.cyber-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 15px #00f2ff33}.cyber-button{color:var(--text-primary);border:1px solid var(--accent-cyan);padding:var(--space-sm)var(--space-lg);text-transform:uppercase;letter-spacing:1.5px;border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:var(--space-xs);background:0 0;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:600;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.cyber-button:before{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#00f2ff33,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.cyber-button:hover{color:var(--accent-cyan);background:#00f2ff1a;box-shadow:0 0 20px #00f2ff4d}.cyber-button:hover:before{left:100%}.cyber-button:active{transform:translateY(2px)}.cyber-button:disabled{opacity:.5;cursor:not-allowed}.font-heading{font-family:Outfit,sans-serif}.font-body{font-family:Inter,sans-serif}.font-mono{font-family:JetBrains Mono,monospace}.neon-text{color:var(--text-primary);text-transform:uppercase;letter-spacing:2px}.glow-cyan{text-shadow:0 0 10px #00f2ff80,0 0 20px #00f2ff4d}.glow-magenta{text-shadow:0 0 10px #ff00ff80,0 0 20px #ff00ff4d}.terminal-prompt{color:var(--accent-cyan);text-shadow:0 0 5px #00f2ff80;font-family:JetBrains Mono,monospace}.data-value{font-family:JetBrains Mono,monospace}.text-secondary{color:var(--text-secondary)}.section-stack{gap:var(--space-xl);flex-direction:column;display:flex}.section-stack-tight{gap:var(--space-lg);flex-direction:column;display:flex}.metric-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.metric-card{background:var(--bg-panel-deep);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);gap:var(--space-xs);flex-direction:column;transition:border-color .3s;display:flex}.metric-card:hover{border-color:var(--border-strong)}.metric-card .metric-label{text-transform:uppercase;letter-spacing:2px;color:var(--text-secondary);font-family:Outfit,sans-serif;font-size:.625rem}.metric-card .metric-value{font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:700;line-height:1.2}@keyframes pulse-red-border{0%,to{border-color:#ef444466;box-shadow:0 0 8px #ef44441a}50%{border-color:#ef4444e6;box-shadow:0 0 20px #ef44444d}}.alert-row-red{animation:2s ease-in-out infinite pulse-red-border}@keyframes pulseGlow{0%{opacity:.6}50%{opacity:1;box-shadow:0 0 15px}to{opacity:.6}}.status-indicator.animate-pulse{animation:2s ease-in-out infinite pulseGlow}.slide-up-fade{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUpFade;transform:translateY(20px)}@keyframes slideUpFade{to{opacity:1;transform:translateY(0)}}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-core)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}@media (max-width:768px){.terminal-container{padding:var(--space-md)}.dashboard-grid,.metric-grid{grid-template-columns:repeat(2,1fr)}}