:root{--bg:#f5f6f8;--surface:#fff;--text:#1d2d3e;--muted:#5b6b7b;--border:#d9dee4;--brand:#0a6ed1;--brand-dark:#0854a0;--brand-soft:#e8f2fc;--green:#107e3e;--green-soft:#e6f4ea;--red:#b00;--red-soft:#fdecec;--amber:#8a5300;--amber-soft:#fff4de;--radius:8px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);font-family:Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif;font-size:14px}*{box-sizing:border-box}body{background:var(--bg);margin:0}h2,h3{margin:0}h2{font-size:20px}h3{margin:18px 0 8px;font-size:15px}.muted{color:var(--muted)}.small{font-size:12px}.strong{font-weight:600}.mono{font-family:Consolas,Cascadia Mono,monospace}.error-text{color:var(--red)}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{color:#fff;background:#1d2d3e;justify-content:space-between;align-items:center;gap:16px;padding:10px 20px;display:flex}.brand{align-items:center;gap:12px;display:flex}.logo{background:var(--brand);border-radius:6px;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.title{font-size:16px;font-weight:600}.subtitle{opacity:.75;font-size:12px}.topbar-right{align-items:center;gap:12px;display:flex}.topbar .muted{color:#c7d0d9}.tabs{background:var(--surface);border-bottom:1px solid var(--border);gap:4px;padding:0 20px;display:flex;overflow-x:auto}.tab{font:inherit;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;padding:12px 14px}.tab:hover{color:var(--text)}.tab.active{color:var(--brand);border-bottom-color:var(--brand);font-weight:600}.count{background:var(--bg);text-align:center;border-radius:10px;min-width:22px;margin-left:4px;padding:1px 7px;font-size:12px;display:inline-block}.tab.active .count{background:var(--brand-soft)}.content{flex:1;padding:16px 20px 32px}.split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:16px;display:grid}@media (width<=1000px){.split{grid-template-columns:minmax(0,1fr)}}.pane{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:0}.detail-pane{padding:18px}.pane-intro{border-bottom:1px solid var(--border);margin:0;padding:12px 14px}.empty{text-align:center;color:var(--muted);padding:40px 20px}.banner{border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;margin:12px 20px 0;padding:10px 14px;display:flex}.pane .banner,.form .banner{margin:12px 0 0}.banner-error{background:var(--red-soft);color:var(--red);border:1px solid #f3b9b9}.banner-success{background:var(--green-soft);color:var(--green);border:1px solid #b5dcc1}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:9px 12px}.table th{color:var(--muted);white-space:nowrap;background:#fafbfc;font-size:12px;font-weight:600}.table tbody tr:last-child td{border-bottom:0}.table .num{text-align:right;white-space:nowrap}.table.clickable tbody tr{cursor:pointer}.table.clickable tbody tr:hover{background:#f7f9fb}.table.clickable tbody tr.selected{background:var(--brand-soft);box-shadow:inset 3px 0 0 var(--brand)}.table.clickable tbody tr:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.row-error{background:var(--red-soft)}.detail-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.facts{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px 20px;margin:16px 0 4px;display:grid}.facts .wide{grid-column:1/-1}.facts dt{color:var(--muted);font-size:12px}.facts dd{margin:2px 0 0}.actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.outcome{border-radius:var(--radius);border:1px solid var(--border);margin-top:18px;padding:14px}.outcome-billed{border-left:4px solid var(--green)}.outcome-rejected{border-left:4px solid var(--red)}.outcome-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.outcome-head h3{margin:0}.totals{justify-content:flex-end;gap:28px;margin:12px 0 0;display:flex}.totals dt{color:var(--muted);text-align:right;font-size:12px}.totals dd{text-align:right;margin:2px 0 0}.totals .net dd{font-size:18px;font-weight:700}.pill{white-space:nowrap;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.pill-blue{background:var(--brand-soft);color:var(--brand-dark)}.pill-green{background:var(--green-soft);color:var(--green)}.pill-red{background:var(--red-soft);color:var(--red)}.pill-amber{background:var(--amber-soft);color:var(--amber)}.refused{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.refused-reason{color:var(--red);max-width:360px}.form h3{margin-top:18px}.form-row{flex-wrap:wrap;gap:16px;margin-bottom:12px;display:flex}.field{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.field span{color:var(--muted);font-size:12px}input,select,textarea{font:inherit;color:inherit;border:1px solid var(--border);background:#fff;border-radius:6px;padding:6px 8px}input:focus,select:focus,textarea:focus{outline:2px solid var(--brand);outline-offset:-1px;border-color:var(--brand)}textarea{resize:vertical;width:100%}.input-num{text-align:right;width:72px}.input-num.narrow{width:58px}.input-text{width:130px}.bill-table td{vertical-align:middle}.btn{font:inherit;border:1px solid var(--border);color:var(--text);cursor:pointer;background:#fff;border-radius:6px;padding:8px 16px}.btn:hover:not(:disabled){background:#f2f4f6}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-dark)}.btn-danger{border-color:var(--red);color:var(--red);background:#fff}.btn-danger:hover:not(:disabled){background:var(--red-soft)}.btn-small{padding:3px 10px;font-size:12px}