:root{--primary: #013369;--primary-hover: #013063;--secondary: #f6f6f6;--surface: #ffffff;--text-primary: #1b1b1b;--text-secondary: #575757;--text-muted: #919191;--success: #228b22;--warning: #ffa500;--danger: #dc3545;--border: rgba(72, 110, 179, .3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Lato,arial,sans-serif;font-size:16px;color:var(--text-primary);background:var(--secondary)}h1,h2,h3{font-family:Cabin,arial,sans-serif}.nav{background:var(--primary);color:#fff;padding:0 24px;height:64px;display:flex;align-items:center;gap:24px}.nav a{color:#fff;text-decoration:none;font-size:14px;letter-spacing:1px;text-transform:uppercase}.nav a:hover{opacity:.8}.nav h1{font-size:18px;margin-right:auto}.container{max-width:1200px;margin:24px auto;padding:0 24px}.card{background:var(--surface);border-radius:4px;padding:24px;margin-bottom:16px}.btn{display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;border:2px solid var(--primary);color:var(--primary);background:transparent;font-family:Cabin,sans-serif;font-size:12px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .3s}.btn:hover{background:var(--primary);color:#fff}.bar{height:24px;border-radius:2px;transition:width .3s}.bar--good{background:var(--primary)}.bar--optimal{background:var(--success)}.bar--over{background:var(--danger)}.bar--under{background:var(--warning)}input,select{padding:8px 12px;border:1px solid var(--border);border-radius:4px;font-size:14px;width:100%}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:4px;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.kpi{text-align:center}.kpi-value{font-size:32px;font-family:Cabin,sans-serif;font-weight:700;color:var(--primary)}.kpi-label{font-size:12px;color:var(--text-muted);text-transform:uppercase}