@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-color:#0b0f19;--panel-bg:#161c2d99;--panel-border:#ffffff14;--text-primary:#f8fafc;--text-secondary:#94a3b8;--brand-primary:#0de0d9;--brand-secondary:#8b5cf6;--accent-green:#10b981;--accent-red:#ef4444;--accent-orange:#f59e0b;--gradient-brand:linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));--shadow-glow:0 0 20px #0de0d94d;--shadow-panel:0 8px 32px 0 #0000005e;--font-main:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15%,#0de0d91f,#0000 25%),radial-gradient(circle at 85% 30%,#8b5cf61f,#0000 25%);background-attachment:fixed;min-height:100vh;line-height:1.5}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:600}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);box-shadow:var(--shadow-panel);border-radius:16px}.text-gradient{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}input[type=range]{-webkit-appearance:none;background:0 0;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--brand-primary);cursor:pointer;width:20px;height:20px;box-shadow:var(--shadow-glow);border-radius:50%;margin-top:-8px}input[type=range]::-webkit-slider-runnable-track{cursor:pointer;background:#ffffff1a;border-radius:2px;width:100%;height:4px}input[type=number],input[type=text],select{border:1px solid var(--panel-border);color:var(--text-primary);background:#0003;border-radius:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:.95rem;transition:all .2s}input[type=number]:focus,input[type=text]:focus,select:focus{border-color:var(--brand-primary);outline:none;box-shadow:0 0 0 2px #0de0d933}button{background:var(--gradient-brand);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-family:inherit;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}button:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.app-container{flex-direction:column;gap:1rem;max-width:1600px;height:100vh;margin:0 auto;padding:1rem;display:flex;overflow:hidden}.header{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;display:flex}.dashboard-grid{flex:1;grid-template-columns:320px 1fr;gap:1.5rem;min-height:0;display:grid}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr;overflow-y:auto}}.controls-sidebar{flex-direction:column;gap:1rem;display:flex;overflow-y:auto}.control-group{flex-direction:column;gap:.25rem;display:flex}.control-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:500}.main-content{flex-direction:column;gap:1rem;min-height:0;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.stat-card{flex-direction:column;gap:.25rem;padding:1rem;display:flex}.stat-value{color:var(--text-primary);font-size:1.75rem;font-weight:700}.stat-label{color:var(--text-secondary);font-size:.85rem}.chart-container{flex-direction:column;flex:1;min-height:0;padding:1rem;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0b0f19d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{flex-direction:column;gap:2rem;width:100%;max-width:600px;padding:3rem;display:flex}