@media (min-width:1201px){
  .sidebar{width:220px}
  main{margin-left:220px}
}

.card.white{background:#f8fbfe;color:#132438;border-color:#c7d9e6}
.card.white .card-head{border-bottom:1px solid #d8e4ed;padding-bottom:9px}
.card.white .key-item{background:#fff;border-color:#d7e3ec;color:#172a3e}
.card.white .key-item small,.card.white .legend,.card.white .bar-group label,.card.white .donut-center small,.card.white .donut-legend small,.card.white .axis-x,.card.white .axis-y,.card.white .quadrant{color:#61788e}
.card.white .key-item i{background:#e8f1f7}
.card.white .donut:after{background:#f8fbfe}
.card.white .track{background:#dbe7ef}
.card.white .data-table th,.card.white .score-table th{background:#0f5084;color:#fff}
.card.white .data-table td,.card.white .score-table td{color:#1c3348;border-color:#dce6ee}
.card.white .data-table tr:hover td,.card.white .score-table tr:hover td{background:#e9f4fb}
.card.white .insight{background:#eaf4fa;color:#17314a}
.card.white .detail-row{border-color:#d9e5ed;color:#1a3045}
.card.white .matrix{border-color:#b9cedd}
.card.white .wf-col span,.card.white .wf-col b{color:#526c82}
.report-box .chart{height:155px}
.upload-month-field{display:grid;gap:7px;margin:0 0 12px;padding:14px;border:1px solid #3c698c;border-radius:10px;background:#102b45}
.upload-month-field label{font-weight:800;color:#edf7ff}
.upload-month-field label strong{margin-left:6px;color:#ffd07a;font-size:11px}
.upload-month-field input{width:min(220px,100%);padding:10px 12px;color:#fff;background:#071d33;border:1px solid #5e86a8;border-radius:8px;color-scheme:dark}
.upload-month-field small{color:#a8bed3;line-height:1.5}
.toast{position:fixed;z-index:70;left:50%;bottom:24px;max-width:min(92vw,760px);padding:12px 18px;border:1px solid #5b829f;border-radius:10px;background:#102b45;color:#fff;box-shadow:0 15px 40px #0008;line-height:1.5;opacity:0;pointer-events:none;transform:translate(-50%,15px);transition:opacity .2s,transform .2s}
.toast.show{opacity:1;transform:translate(-50%,0)}
.upload-queue{margin-top:12px;border:1px solid #3c698c;border-radius:10px;background:#0d253e;padding:12px}
.upload-queue[hidden]{display:none}
.upload-queue-head{display:grid;gap:4px;margin-bottom:8px}
.upload-queue-head small,.upload-queue-row small{color:#a8bed3}
.upload-queue-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #28445e;padding:10px 0}
.upload-queue-row>div{min-width:0;overflow-wrap:anywhere}
.upload-queue-row b,.upload-queue-row small{display:block}
.upload-queue-row label{flex:none;display:grid;gap:3px;font-size:11px;color:#a8bed3}
.upload-queue-row input{color:#fff;background:#071d33;border:1px solid #5e86a8;border-radius:6px;padding:7px;color-scheme:dark}
.upload-queue-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}
@media(max-width:640px){.upload-queue-row{align-items:stretch;flex-direction:column}.upload-queue-row label{width:100%}}
@media (min-width:1500px){
  .kpi-grid{grid-template-columns:repeat(8,minmax(0,1fr))}
  .kpi{min-height:96px;padding:12px 13px}
  .kpi strong{font-size:20px;margin:7px 0 4px}
}