.dashboard{background:#f4f8fb;padding:32px 20px 70px}.dash-container{max-width:1240px;margin:auto}.dash-note{display:flex;gap:13px;align-items:flex-start;background:#fff7e8;border:1px solid #edc978;border-radius:14px;padding:15px 18px;color:#694710;margin-bottom:22px}.dash-note strong{display:block}.dash-note p{margin:2px 0}.quarter-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.quarter-tab{border:1px solid #cddce5;background:#fff;color:#516779;border-radius:99px;padding:10px 17px;font-weight:800;cursor:pointer}.quarter-tab.active{background:#064b86;border-color:#064b86;color:#fff}.dash-grid{display:grid;gap:18px}.kpis{grid-template-columns:repeat(3,1fr)}.dash-card{background:#fff;border:1px solid #dce7ef;border-radius:18px;padding:22px;box-shadow:0 12px 35px rgba(6,75,134,.08)}.kpi-top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.kpi-name{font-size:13px;color:#607080;font-weight:750}.kpi-value{font-size:36px;line-height:1;color:#15324a;font-weight:850;margin:10px 0 7px}.kpi-meta{font-size:12px;color:#718291}.percent-badge{border-radius:99px;padding:5px 9px;font-size:11px;font-weight:850;background:#edf3f6;color:#526877}.percent-badge.good{background:#e7f7ef;color:#197049}.percent-badge.warn{background:#fff2da;color:#915d00}.percent-badge.low{background:#fdebec;color:#a7353c}.progress{height:8px;background:#edf2f5;border-radius:99px;overflow:hidden;margin-top:15px}.progress span{height:100%;display:block;border-radius:99px;min-width:2px}.dash-two{grid-template-columns:1.2fr .8fr;margin-top:18px}.dash-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.dash-title-row h2{font-size:20px;margin:2px 0;color:#064b86}.dash-title-row p{margin:0;color:#607080;font-size:13px}.dash-select{border:1px solid #ccd9e2;border-radius:9px;padding:9px 12px;background:#fff;color:#15324a;max-width:240px}.quarter-bars{display:grid;gap:17px}.quarter-row{display:grid;grid-template-columns:150px 1fr 76px;gap:13px;align-items:center;font-size:13px}.quarter-track{height:12px;border-radius:99px;background:#edf2f5;overflow:hidden}.quarter-fill{height:100%;border-radius:99px}.quarter-number{text-align:right;font-weight:850}.monthly-chart{height:285px;display:flex;gap:13px;align-items:end;padding:20px 8px 0;border-bottom:1px solid #ccd9e2}.month-col{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;min-width:40px}.month-value{font-size:11px;font-weight:800;color:#40566a}.month-bar{width:min(48px,75%);min-height:2px;border-radius:7px 7px 0 0;background:linear-gradient(#f36b21,#ff9a52);transition:height .4s ease}.month-label{font-size:11px;color:#607080;padding:8px 0}.month-col.inactive .month-bar{background:#cfd8de}.month-col.inactive .month-label{font-weight:800;color:#9a6c1a}.chart-footnote{font-size:12px;color:#607080;margin:14px 0 0}.annual-table-wrap{overflow:auto}.annual-table{width:100%;border-collapse:collapse;font-size:13px}.annual-table th{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#647688;background:#f5f8fa}.annual-table th,.annual-table td{padding:12px 14px;border-bottom:1px solid #e2e9ee;text-align:right;white-space:nowrap}.annual-table th:first-child,.annual-table td:first-child{text-align:left}.annual-table strong{color:#064b86}.regional-list{display:grid;gap:13px}.region-row{display:grid;grid-template-columns:105px 1fr 65px;gap:12px;align-items:center;font-size:12px}.region-track{height:10px;background:#edf2f5;border-radius:99px;overflow:hidden}.region-fill{height:100%;background:linear-gradient(90deg,#0879bd,#20a8d8);border-radius:99px}.region-value{text-align:right;font-weight:850}.source-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.source-link{display:flex;justify-content:space-between;gap:20px;padding:15px;border:1px solid #dce7ef;border-radius:12px;text-decoration:none;color:#064b86;font-weight:750}.source-link:hover{border-color:#0879bd;background:#f6fbff}.method-list{margin:0;padding-left:20px;color:#52687a}.method-list li{margin:9px 0}.method-alert{color:#8b4c0a;background:#fff7e8;padding:12px 14px;border-radius:10px;margin-top:14px;font-size:12px}
@media(max-width:950px){.kpis{grid-template-columns:repeat(2,1fr)}.dash-two{grid-template-columns:1fr}.source-list{grid-template-columns:1fr}}
@media(max-width:600px){.dashboard{padding:22px 12px 50px}.kpis{grid-template-columns:1fr}.dash-card{padding:17px}.dash-title-row{display:block}.dash-select{margin-top:12px;width:100%;max-width:none}.quarter-row{grid-template-columns:105px 1fr 55px}.monthly-chart{gap:5px;height:230px}.month-value{font-size:9px}.month-label{font-size:9px}.region-row{grid-template-columns:75px 1fr 50px}}
.dash-filter-group{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.dash-filter-group .dash-select{max-width:220px}@media(max-width:600px){.dash-filter-group{display:grid;grid-template-columns:1fr;margin-top:12px}.dash-filter-group .dash-select{margin:0;max-width:none}}
.dashboard-picker{display:grid;grid-template-columns:1fr 1fr;gap:22px}.dashboard-option{display:grid;grid-template-columns:92px 1fr;gap:22px;align-items:center;background:#fff;border:1px solid #dce7ef;border-radius:20px;padding:28px;text-decoration:none;box-shadow:0 14px 40px rgba(6,75,134,.09);transition:transform .2s,border-color .2s}.dashboard-option:hover{transform:translateY(-3px);border-color:#0879bd}.dashboard-symbol{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:18px;background:#e7f3fb;color:#064b86}.dashboard-option.trans .dashboard-symbol{background:#fff0e7;color:#d9520d;font-size:13px}.dashboard-option p{margin:0;color:#607080;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.dashboard-option h2{color:#064b86;font-size:24px;line-height:1.15;margin:7px 0}.dashboard-option span:not(.dashboard-symbol){display:block;color:#607080}.dashboard-option strong{display:block;margin-top:16px;color:#0879bd}.trans-hero{background:linear-gradient(120deg,#7b2583,#c9447d 68%,#f36b21)}@media(max-width:800px){.dashboard-picker{grid-template-columns:1fr}}@media(max-width:520px){.dashboard-option{grid-template-columns:1fr}.dashboard-symbol{width:70px;height:70px}}