body{margin:0;font:16px/1.5 system-ui;background:#0b1020;color:#e5e7eb}.container{max-width:1100px;margin:24px auto;padding:24px}.card{background:#121a34;border:1px solid #243055;border-radius:16px;padding:18px 20px;margin-bottom:16px}.hdr{display:flex;gap:10px;align-items:center;justify-content:space-between}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.col-12{grid-column:span 12}.col-6{grid-column:span 6}.col-4{grid-column:span 4}.col-3{grid-column:span 3}.label{display:block;margin-bottom:6px;color:#cbd5e1}.input,select{width:100%;padding:10px;border-radius:10px;border:1px solid #2a355e;background:#0c1530;color:#e5e7eb}.btn{background:#4f46e5;color:#fff;border:none;padding:10px 14px;border-radius:10px}.badge{background:#1f2937;color:#cbd5e1;border-radius:999px;padding:2px 8px;margin-left:8px}.kpi{font-weight:700;font-size:24px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:8px;border-bottom:1px solid #223055;text-align:right}.table th:first-child,.table td:first-child{text-align:left}.chart{background:#0d1736;border:1px solid #223055;border-radius:12px;padding:12px;margin-top:12px}svg{max-width:100%}.note{background:#0d2b36;border:1px solid #1b4760;color:#cfeaff;padding:10px;border-radius:10px;margin-top:8px}.legend{display:flex;gap:12px;margin-top:8px}.legend .item{display:flex;align-items:center;gap:6px;color:#cbd5e1}.legend .swatch{width:12px;height:12px;border-radius:3px;display:inline-block}.swatch-need{background:#3b82f6}.swatch-inc{background:#10b981}.swatch-gap{background:#ef4444}