:root{--bg-dark: #0f172a;--glass-panel: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1);--accent-primary: #3b82f6;--accent-success: #10b981;--accent-danger: #ef4444;--text-main: #f8fafc;--text-muted: #94a3b8;--font-family: "Inter", system-ui, sans-serif}*{box-sizing:border-box}img,canvas{max-width:100%;height:auto}#root{width:100%}body{margin:0;padding:0;font-family:var(--font-family);background-color:var(--bg-dark);color:var(--text-main);background-image:radial-gradient(circle at 10% 20%,rgba(59,130,246,.1) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(16,185,129,.1) 0%,transparent 20%);min-height:100vh;overflow-x:hidden;width:100%;position:relative}.glass-panel{background:var(--glass-panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;padding:2.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.glass-panel-sub{padding:2rem;background:#0f172a4d;border-radius:12px;border:1px solid var(--glass-border)}.glass-input{background:#0f172a80;border:1px solid var(--glass-border);color:var(--text-main);padding:12px 16px;border-radius:8px;width:100%;font-size:1rem;transition:all .2s;box-sizing:border-box}.glass-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #3b82f633}.btn-primary{background:var(--accent-primary);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{filter:brightness(110%);transform:translateY(-1px)}.slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:#ffffff1a;border-radius:3px;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--accent-primary);border-radius:50%;cursor:pointer;transition:.2s}.slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 10px var(--accent-primary)}.container{max-width:1200px;margin:0 auto;padding:1.5rem}.grid-2{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:1024px){.container{padding:3rem 2rem}.grid-2{grid-template-columns:1fr 1fr;gap:3rem}}.flex-between{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.flex-between:last-child{margin-bottom:0}@media(max-width:640px){.flex-between:not(.no-stack){flex-direction:column;align-items:stretch;gap:1rem}.flex-between:not(.no-stack)>*{width:100%}.flex-between.no-stack{flex-direction:row;align-items:center}}@media(max-width:640px){.glass-panel{padding:1.5rem!important}.glass-panel-sub{padding:1.25rem}h1{font-size:1.5rem!important}h2{font-size:1.25rem!important}.btn-primary{padding:10px 16px;font-size:.9rem;width:100%}.stat-value{font-size:1.25rem}}.stat-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}@media(max-width:600px){.stat-card-grid{grid-template-columns:1fr}}.stat-label{color:var(--text-muted);font-size:.85rem;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.75rem;font-weight:800;line-height:1.2}.text-success{color:var(--accent-success)}.text-danger{color:var(--accent-danger)}h1,h2,h3{margin-top:0}.chart-container{height:250px;display:flex;justify-content:center;width:100%;max-width:100%;margin-top:2.5rem}.app-header{margin-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1.5rem;padding-top:1rem}.app-footer{margin-top:5rem;text-align:center;color:var(--text-muted);font-size:.8rem;padding-bottom:3rem}@media(max-width:640px){.app-header{margin-bottom:1.5rem;padding-bottom:1rem}.app-footer{margin-top:3rem}}@media(max-width:640px){.chart-container{height:200px}}