body{margin:0;font-family:Inter,sans-serif;background-color:#fff;color:#000}h1,h2,h3,h4,h5,h6{color:#1b68a0;margin:.5rem 0}button{background-color:#1b68a0;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:background-color .2s}button:hover{background-color:#1b68a0}input,select{padding:.4rem .6rem;margin:0 .5rem 0 0;border-radius:4px;border:1px solid #ccc}label{margin-right:1rem}form{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.main-layout{display:flex;flex-direction:column;min-height:100vh;background-color:#fff;color:#1b68a0;font-family:Arial,sans-serif}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#e4f0ed;color:#fff}.logo{height:50px}.nav a{margin-left:1rem;color:#03989e;text-decoration:none;font-weight:700}.btn{margin-right:1rem;margin-left:1rem;background-color:#03989e;font-weight:700}.nav a:hover{text-decoration:underline}.content{flex:1;padding:2rem}.footer{text-align:center;padding:1rem;background-color:#e4f0ed;color:#1b68a0}:root{--color-primary: #1b68a0;--color-accent: #03989e;--color-bg: #ffffff;--color-panel: #f6fafb;--color-border: #dfe7ea;--color-text: #0b1b2b;--color-text-subtle: #4a6b84;--radius: 14px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 8px 24px rgba(0, 0, 0, .08)}:root .label{margin-right:1rem;color:var(--color-text-subtle);font-size:.9rem}:root .input-group{position:relative;display:flex;align-items:center}:root .input-prefix{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);display:inline-flex;opacity:.7}:root .input-control{width:100%;padding:.6rem .75rem .6rem 2.1rem;border-radius:10px;border:1px solid var(--color-border);background:#fff;font:inherit}:root .select-control{width:100%;padding:.6rem .75rem;border-radius:10px;border:1px solid var(--color-border);background:#fff;font:inherit}:root .input-control:focus,:root .select-control:focus{outline:2px solid rgba(27,104,160,.15);border-color:var(--color-primary)}:root .container{max-width:1200px;margin:0 auto;padding:1.25rem}:root .grid{display:grid;gap:1rem}:root .grid-responsive{display:grid;gap:1rem;grid-template-columns:repeat(12,1fr)}:root .card{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}:root .card-body{padding:1rem}:root .card-header{padding:.9rem 1rem .5rem;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}:root .card-title{font-weight:600;color:var(--color-primary)}:root .card-subtitle{color:var(--color-text-subtle);font-size:.9rem}:root .kpi{display:flex;align-items:center;justify-content:space-between}:root .kpi .card-value{font-size:1.8rem;line-height:1.1}:root .kpi .hint{color:var(--color-text-subtle);font-size:.85rem}:root .kpi .accent{width:6px;height:44px;border-radius:8px;background:var(--color-accent);margin-right:.75rem}:root .dashboard-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:.75rem}:root .dashboard-title{display:flex;flex-direction:column}:root .dashboard-title small{color:var(--color-text-subtle)}:root .filters-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}:root .filters-card{padding:.75rem 1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;align-items:end}:root .quick-range{display:flex;gap:.5rem;align-items:center}:root .chip{border:1px solid var(--color-border);background:#fff;padding:.35rem .6rem;border-radius:999px;cursor:pointer;font-size:.85rem}:root .chip.active{border-color:var(--color-accent);color:var(--color-accent)}:root .body-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}:root .charts-grid{display:grid;gap:1rem;grid-template-columns:1.2fr 1fr}@media (max-width: 1024px){:root .charts-grid{grid-template-columns:1fr}}:root .header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;background:#e4f0ed}:root .header .logo{height:48px}:root .header .nav{display:flex;gap:.5rem}:root .header .btn{background:var(--color-accent);font-weight:600}:root .footer{text-align:center;padding:.75rem;background:#e4f0ed;color:var(--color-primary)}:root .alert{background:#fff;border:1px solid var(--color-border);border-radius:12px;padding:.9rem 1rem}:root .alert.error{border-color:#f3c0c0;color:#b40000}