.content-area{padding:0}.alert-banner{background:var(--warning);color:#000;border-radius:10px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1.25rem;font-size:.9rem;display:none}.alert-banner a{color:#000;font-weight:600;text-decoration:underline}.chart-canvas-wrap{height:280px;position:relative}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.85rem}th,td{text-align:left;border-bottom:1px solid var(--border-color);padding:.65rem .85rem}th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;font-size:.75rem;font-weight:600}td{color:var(--text-primary)}tr:hover td{background:var(--hover-bg)}.text-right{text-align:right}tr.wo-model-row{background:#1a7f5f0f}tr.wo-model-row td:first-child{border-left:3px solid var(--primary-color)}[data-theme=dark] tr.wo-model-row{background:#1a7f5f1f}.badge{letter-spacing:.3px;vertical-align:middle;border-radius:6px;margin-left:.5rem;padding:.15rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.badge-wo{background:var(--primary-color);color:#fff}.badge-invoice{color:#fff;background:#8b5cf6}.badge-extra1{color:#fff;background:#f59e0b}.badge-extra2{color:#fff;background:#ef4444}.badge-other{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.cost-na{color:var(--text-secondary);font-size:.85rem}.chart-legend-inline{color:var(--text-secondary);align-items:center;gap:1rem;margin-left:auto;font-size:.75rem;display:flex}.chart-legend-dot{border-radius:3px;width:10px;height:10px;margin-right:4px;display:inline-block}.loading-overlay{min-height:160px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:.9rem;display:flex}.chart-loading-overlay{background:var(--card-bg);color:var(--text-secondary);z-index:5;border-radius:8px;justify-content:center;align-items:center;font-size:.9rem;display:flex;position:absolute;inset:0}.chart-loading-overlay.hidden{display:none}.spinner{border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;margin-right:.6rem;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:900px){.chart-row{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.content-area{padding:0}.summary-grid{grid-template-columns:1fr}}