:root{--primary:#0f4c81;--primary-light:#e6f0fa;--danger:#d93025;--success:#1e8e3e;--bg-gradient:#f8f9fa;--card-bg:#fff;--border-color:#e2e8f0;--text-main:#202124;--text-muted:#5f6368}body{background:var(--bg-gradient);color:var(--text-main);min-height:100vh;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.app-container{max-width:1800px;margin:0 auto;padding:20px 40px}.logo{align-items:center;gap:15px;display:flex}.logo-circle{background:var(--primary);border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.logo-circle:after{content:"📊";font-size:18px}.logo h1{letter-spacing:-.3px;color:var(--text-main);margin:0;font-size:22px;font-weight:700}.header-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.section-title{color:var(--text-main);align-items:center;gap:10px;margin:40px 0 20px;font-size:18px;font-weight:700;display:flex}.section-title:before{content:"";background:var(--primary);border-radius:4px;width:4px;height:18px;display:block}.card{background:var(--card-bg);border:1px solid var(--border-color);box-sizing:border-box;border-radius:12px;height:100%;padding:24px;transition:box-shadow .2s,border-color .2s;box-shadow:0 2px 6px #00000005}.card:hover{border-color:#cbd5e1;box-shadow:0 8px 24px #0000000f}.metrics-grid{gap:20px;margin-bottom:20px;display:grid}.metrics-grid.five-cols{grid-template-columns:repeat(5,1fr)}.metrics-grid.three-cols{grid-template-columns:repeat(3,1fr)}.metric-card{flex-direction:column;display:flex}.metric-card h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:14px;font-weight:600}.metric-card .value{color:var(--text-main);letter-spacing:-1px;margin-bottom:auto;font-size:34px;font-weight:700}.trend{border-radius:6px;align-items:center;gap:4px;width:max-content;margin-top:15px;padding:6px 10px;font-size:13px;font-weight:600;display:inline-flex}.trend.positive{color:var(--success);background:#e6f4ea}.trend.negative{color:var(--danger);background:#fce8e6}.trend.neutral{color:var(--text-muted);background:#f1f3f4}.warning-card{background:snow;border-color:#fdd}.warning-card h3,.warning-card .value{color:var(--danger)}.charts-grid{gap:20px;margin-bottom:20px;display:grid}.charts-grid.two-cols{grid-template-columns:2fr 1fr}.charts-grid.three-cols{grid-template-columns:1fr 1fr 1fr}.chart-container{flex-direction:column;height:380px;display:flex}.chart-container h2{color:var(--text-main);margin:0 0 20px;font-size:16px;font-weight:600}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:1000;background:#ffffffe6;justify-content:space-between;align-items:center;margin-bottom:30px;padding:12px 20px;display:flex;position:sticky;top:0;box-shadow:0 4px 15px #0000000a}.header h1{color:var(--primary);margin:0;font-size:20px}@media (max-width:768px){.app-container{padding:10px 15px}.header{flex-direction:column;align-items:stretch;gap:10px;padding:12px 15px}.header h1{text-align:center;font-size:18px}.metrics-grid.five-cols,.metrics-grid.three-cols,.charts-grid.two-cols,.charts-grid.three-cols{grid-template-columns:1fr}}