*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--danger:#dc2626;--success:#16a34a;--warning:#d97706;--bg:#f1f5f9;--surface:#fff;--border:#e2e8f0;--text:#1e293b;--muted:#64748b;--radius:8px;--shadow:0 1px 3px #0000001a}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,sans-serif;font-size:15px}a{color:var(--primary);text-decoration:none}button{cursor:pointer;border-radius:var(--radius);border:none;padding:8px 16px;font-size:14px;font-weight:500;transition:opacity .15s}button:disabled{opacity:.5;cursor:not-allowed}button:hover:not(:disabled){opacity:.85}.btn-primary{background:var(--primary);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{border:1px solid var(--border);color:var(--text);background:0 0}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text);outline:none;padding:8px 12px;font-family:Helvetica,Arial,sans-serif;font-size:14px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary)}textarea{resize:vertical;min-height:80px}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--muted);font-size:13px;font-weight:500}.invoice-form .form-group label{color:#1e3a8a;font-weight:600}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-body{padding:20px}.badge{text-transform:capitalize;border-radius:99px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-new{color:#1d4ed8;background:#dbeafe}.badge-in_progress{color:#92400e;background:#fef3c7}.badge-completed{color:#15803d;background:#dcfce7}.badge-invoiced{color:#1d4ed8;background:#dbeafe}.badge-closed{color:#6d28d9;background:#ede9fe}.badge-cancelled{color:#64748b;background:#f1f5f9}.badge-low{color:#15803d;background:#f0fdf4}.badge-medium{color:#854d0e;background:#fefce8}.badge-high{color:#9a3412;background:#fff7ed}.badge-emergency{color:#991b1b;background:#fef2f2}.page{max-width:1100px;margin:0 auto;padding:24px 16px}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header h1{font-size:22px;font-weight:700}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:12px 14px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;font-size:12px;font-weight:600}tr:hover td{background:#f8fafc}.error-msg{color:var(--danger);border-radius:var(--radius);background:#fef2f2;padding:8px 12px;font-size:13px}.filters{flex-wrap:wrap;gap:10px;display:flex}.filters select{width:auto}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{text-align:center;padding:20px}.stat-card .num{color:var(--primary);font-size:36px;font-weight:700}.stat-card .lbl{color:var(--muted);margin-top:4px;font-size:13px}