:root{--bg-dark: #020617;--bg-card: rgba(15, 23, 42, .6);--bg-card-hover: rgba(30, 41, 59, .8);--text-main: #f8fafc;--text-muted: #94a3b8;--accent: #0ea5e9;--accent-glow: rgba(14, 165, 233, .5);--accent-light: #38bdf8;--success: #10b981;--success-glow: rgba(16, 185, 129, .4);--warning: #f59e0b;--warning-glow: rgba(245, 158, 11, .4);--danger: #ef4444;--danger-glow: rgba(239, 68, 68, .4);--border-color: rgba(255, 255, 255, .08);--panel-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-dark);color:var(--text-main);line-height:1.5;background-image:radial-gradient(circle at 15% 50%,rgba(14,165,233,.05),transparent 25%),radial-gradient(circle at 85% 30%,rgba(16,185,129,.05),transparent 25%);background-attachment:fixed;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:var(--panel-shadow);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:#ffffff26;box-shadow:0 8px 32px #00000080}.metric-card{position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.3}.live-console{background:#0009!important;font-family:JetBrains Mono,Fira Code,monospace;font-size:.9rem;position:relative;overflow:hidden;border-left:2px solid var(--accent)}.console-line{display:flex;gap:.75rem;margin-bottom:.5rem;animation:slideIn .3s ease-out forwards;opacity:0}.console-line.new{color:var(--accent-light);text-shadow:0 0 8px var(--accent-glow)}@keyframes slideIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.blinking-cursor:after{content:"█";animation:blink 1s step-end infinite;color:var(--accent);margin-left:4px}@keyframes blink{50%{opacity:0}}@keyframes glow-pulse{0%{box-shadow:0 0 10px var(--accent-glow)}50%{box-shadow:0 0 25px var(--accent-glow)}to{box-shadow:0 0 10px var(--accent-glow)}}.btn-start{background:linear-gradient(135deg,#0ea5e9,#3b82f6);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;position:relative;overflow:hidden;transition:all .3s}.btn-start.running{background:linear-gradient(135deg,#10b981,#059669);animation:glow-pulse 2s infinite}.btn-start:hover{transform:translateY(-2px);filter:brightness(1.1)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.active{background-color:var(--success);box-shadow:0 0 8px var(--success-glow);animation:pulse-ring 2s infinite}.status-dot.idle{background-color:var(--warning);box-shadow:0 0 8px var(--warning-glow)}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.app-container{display:flex;height:100vh;overflow:hidden}.sidebar{width:260px;background:#0f172acc;border-right:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;z-index:10}.main-area{flex:1;display:flex;flex-direction:column;position:relative}.top-bar{height:60px;background:#0f172a66;border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;z-index:10}.scrollable-content{flex:1;padding:2rem;overflow-y:auto}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.grid-1-2{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem}@media (max-width: 1024px){.grid-1-2{grid-template-columns:1fr}}@media (max-width: 768px){.app-container{flex-direction:column}.sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border-color)}.top-bar{padding:1rem;flex-wrap:wrap;height:auto}.scrollable-content{padding:1rem}.grid-2{grid-template-columns:1fr}}