:root{--bg-color: #f8fafc;--card-bg: #ffffff;--card-border: #e2e8f0;--primary: #2563eb;--primary-hover: #1d4ed8;--success: #16a34a;--warning: #ca8a04;--danger: #dc2626;--text-main: #0f172a;--text-muted: #64748b;--accent: #7c3aed;--font-family: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-family);-webkit-font-smoothing:antialiased;min-height:100vh}.app-container{max-width:1400px;margin:0 auto;padding:2rem}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:1px solid var(--card-border);padding-bottom:1.5rem}h1{font-size:2.25rem;font-weight:800;color:var(--text-main);letter-spacing:-.025em}.glass-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;transition:all .2s ease}.glass-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;border-color:#cbd5e1}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{display:flex;flex-direction:column;gap:.5rem}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.stat-value{font-size:2rem;font-weight:800;color:var(--text-main)}.stat-value.success{color:var(--success)}.stat-value.warning{color:var(--warning)}.stat-value.danger{color:var(--danger)}.charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2rem}.data-section{margin-bottom:2rem}table{width:100%;border-collapse:collapse;margin-top:1rem}th{text-align:left;padding:1rem;color:var(--text-muted);font-weight:700;border-bottom:2px solid var(--card-border);font-size:.875rem}td{padding:1rem;border-bottom:1px solid var(--card-border);font-size:.9375rem}input[type=number],input[type=text],select{background:#f1f5f9;border:1px solid #e2e8f0;color:var(--text-main);padding:.5rem .75rem;border-radius:.375rem;width:100%;font-size:.875rem;transition:border-color .2s}input[type=number]:focus,input[type=text]:focus{outline:none;border-color:var(--primary);background:#fff}.slider-container{display:flex;align-items:center;gap:1rem}input[type=range]{flex:1;accent-color:var(--primary)}.btn{padding:.625rem 1.25rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid transparent;font-size:.875rem}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700}.badge-success{background:#dcfce7;color:var(--success)}.badge-warning{background:#fef9c3;color:var(--warning)}.badge-danger{background:#fee2e2;color:var(--danger)}@media(max-width:1024px){.charts-grid{grid-template-columns:1fr}}