.eyebrow{display:block;color:var(--orange);font-size:11px;font-weight:800;letter-spacing:.12em;margin-bottom:4px}
.subtle{color:var(--muted)}
.year-filter{background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 12px}
.year-filter label{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}
.year-filter select{margin:0;min-width:90px;font-weight:800;color:var(--green);border:0;padding:6px}
.analytics-kpis{margin-top:4px}
.metric.executive{min-height:132px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.metric.executive:after{content:"";position:absolute;width:62px;height:62px;border-radius:50%;right:-22px;top:-22px;background:#e7f0e9}
.metric.executive strong{font-size:25px;margin:7px 0 2px}
.metric.executive small{color:var(--muted)}
.metric.executive .trend-up{color:var(--red)}
.metric.executive .trend-down{color:var(--green2)}
.analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.analytics-grid .panel{margin-top:0}
.analytics-grid .wide{grid-column:1/-1}
.analytics-kpis+.analytics-grid{margin-top:18px}
.chart-panel .panel-head h2{margin:0 0 2px}
.chart-panel .panel-head span{font-size:12px;color:var(--muted)}
.chart-panel .panel-head>b{color:var(--green);font-size:18px}
.chart-box{height:310px;padding:18px;position:relative}
.chart-box canvas{width:100%;height:100%}
.donut-box{height:245px;padding-bottom:4px}
.empty-chart{display:none;place-items:center;height:100%;color:var(--muted)}
.chart-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;padding:4px 20px 20px}
.chart-legend span{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:7px;font-size:12px;color:var(--muted)}
.chart-legend i{width:9px;height:9px;border-radius:3px}
.chart-legend b{color:var(--ink)}
.ranking{padding:4px 18px 18px}
.rank-row{display:grid;grid-template-columns:30px minmax(140px,1.1fr) minmax(120px,2fr) 120px;gap:13px;align-items:center;padding:12px 0;border-bottom:1px solid #edf1ee}
.rank-row:last-child{border-bottom:0}
.rank-no{font-size:11px;color:var(--muted);font-weight:800}
.rank-car{display:flex;flex-direction:column}
.rank-car small{color:var(--muted)}
.rank-bar{height:8px;border-radius:99px;background:#edf2ee;overflow:hidden}
.rank-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--green2),#55a872);border-radius:99px}
.rank-row>strong{text-align:right}
.empty-state{text-align:center;color:var(--muted);padding:30px}
.backup-notice{padding:20px 22px;border-left:4px solid var(--orange)}
.backup-notice p{margin:6px 0 0;color:var(--muted)}
.analytics-lock{max-width:520px;margin:70px auto;text-align:center;padding:34px}
.analytics-lock .lock-icon{font-size:36px}
.analytics-lock p,.analytics-lock small{color:var(--muted)}
.analytics-lock label{text-align:left;display:block;margin-top:22px}
@media(max-width:900px){.analytics-grid{grid-template-columns:1fr}.analytics-grid .wide{grid-column:auto}.chart-box{height:280px}.chart-legend{grid-template-columns:1fr}}
@media(max-width:560px){.analytics-title{align-items:flex-start;flex-direction:column}.year-filter{width:100%}.year-filter label{justify-content:space-between}.analytics-kpis{grid-template-columns:1fr 1fr}.metric.executive{min-height:118px}.metric.executive strong{font-size:21px}.chart-box{height:235px;padding:12px 6px}.rank-row{grid-template-columns:26px 1fr auto}.rank-bar{display:none}.rank-row>strong{font-size:12px}}