:root{--blue: #2563eb;--blue-dark: #1d4ed8;--blue-light: #eff6ff;--ink: #1f2937;--muted: #6b7280;--faint: #9ca3af;--border: #d1d5db;--divider: #e5e7eb;--light: #f3f4f6;--head: #f9fafb;--page: #eef1f5;--amber-t: #854d0e;--amber-b: #fefce8;--red: #dc2626}*{box-sizing:border-box}body{margin:0;padding:22px;color:var(--ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.45}#app{max-width:1400px;margin:0 auto}.ws-top{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.ws-top h1{font-size:22px;font-weight:700;margin:0}.ws-top .spacer{margin-left:auto}.hint{font-size:12px;color:var(--muted)}select,input,textarea{border:1px solid var(--border);border-radius:6px;padding:8px 10px;font-size:13px;font-family:inherit;color:var(--ink);background:#fff}select:focus,input:focus,textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #2563eb26}.btn{background:var(--blue);color:#fff;border:0;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:600;cursor:pointer}.btn:hover{background:var(--blue-dark)}.btn:disabled{background:var(--faint);cursor:not-allowed}.btn-sec{background:#fff;color:#374151;border:1px solid var(--border);border-radius:6px;padding:7px 13px;font-size:13px;font-weight:500;cursor:pointer}.btn-sec:hover{background:var(--light)}.btn-sec:disabled{color:var(--faint);cursor:not-allowed}.btn-danger{background:var(--red)}.btn-danger:hover{background:#b91c1c}.pill{font-size:12px;font-weight:600;padding:3px 11px;border-radius:20px}.pill.open{background:var(--blue-light);color:var(--blue)}.pill.closed{background:var(--light);color:var(--muted)}.tag{font-size:10px;font-weight:600;padding:1px 7px;border-radius:10px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;margin-left:4px}.tag.nb{background:var(--light);color:var(--muted)}.tag.cf{background:var(--amber-b);color:var(--amber-t)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:6px}.kpi{border:1px solid var(--divider);border-radius:10px;padding:13px 15px}.kpi .v{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums}.kpi .l{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600;margin-top:2px}.kpi.cf .v{color:var(--amber-t)}h2{font-size:14px;font-weight:600;margin:22px 0 8px;padding-bottom:6px;border-bottom:1px solid var(--divider)}.wk{font-size:12px;color:var(--muted);font-weight:600;margin:15px 0 3px}table{width:100%;border-collapse:collapse;font-size:13px}th{background:var(--head);color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em;text-align:left;padding:7px 8px}td{padding:7px 8px;border-bottom:1px solid var(--light);vertical-align:middle}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.mat{font-weight:500}.muted{color:var(--faint)}.acts{text-align:right;white-space:nowrap}.acts button{display:inline-flex;align-items:center;gap:5px;background:none;border:0;padding:3px 6px;margin-left:8px;cursor:pointer;color:var(--muted);font-size:12px;font-weight:500;vertical-align:middle;border-radius:6px}.acts button:hover{color:var(--ink);background:var(--light)}.acts button.de:hover{color:var(--red)}.acts button.cfa{color:#f59e0b}.billed{font-size:11px;color:var(--faint);font-style:italic}th.cfcol,td.cfcol{text-align:center}.cfbox{width:16px;height:16px;margin:0;cursor:pointer;accent-color:var(--blue);vertical-align:middle}.cfbox:disabled{cursor:not-allowed;opacity:.4}.card{border:1px solid var(--divider);border-radius:10px;padding:14px 16px;margin-top:16px}.modal-overlay{position:absolute;top:0;left:0;width:100%;background:#11182773;z-index:50}.modal{position:absolute;left:50%;transform:translate(-50%);width:calc(100% - 48px);max-width:520px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 40px #0000002e}.modal-head{background:linear-gradient(90deg,#4a7fe6,#3f74e0);color:#fff;padding:14px 18px;display:flex;align-items:center;font-size:15px;font-weight:600}.modal-x{margin-left:auto;background:none;border:0;color:#fff;cursor:pointer;opacity:.9;display:flex}.modal-body{padding:18px}.modal-err{background:#fef2f2;color:#991b1b;font-size:13px;padding:8px 18px}.modal-foot{background:#fafbfd;border-top:1px solid var(--page);padding:12px 18px;display:flex;justify-content:flex-end;gap:10px}.modal-msg{font-size:14px;color:var(--ink);margin:0;line-height:1.5}.dur{display:flex;flex-direction:column;gap:3px}.dur-readout{font-size:11px;min-height:14px;color:var(--muted)}.dur-readout.warn{color:var(--red)}.fld{display:flex;flex-direction:column;gap:5px;margin-bottom:13px}.fld label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.fld select,.fld input,.fld textarea{width:100%}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.seg{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:14px}.seg button{border:0;background:#fff;color:var(--muted);font-size:13px;font-weight:600;padding:7px 14px;cursor:pointer}.seg button.on{background:var(--blue);color:#fff}.ref{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;font-weight:600;color:var(--blue);background:var(--light);border-radius:4px;padding:1px 6px}.mline{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.cli{color:var(--faint);font-size:12px;margin-top:2px}.combo-list{list-style:none;margin:4px 0 0;padding:4px;background:#fff;border:1px solid var(--border);border-radius:8px;max-height:200px;overflow-y:auto}.combo-item{padding:7px 9px;font-size:13px;border-radius:6px;cursor:pointer}.combo-item:hover,.combo-item.active{background:var(--blue-light)}