@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--font-ui: "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--navy: #0f1e35;--navy-light: #1a2e4a;--slate: #374151;--slate-mid: #6b7280;--slate-light: #9ca3af;--border: #e5e7eb;--border-strong: #d1d5db;--bg-page: #f3f4f6;--bg-card: #ffffff;--bg-input: #f9fafb;--bg-muted: #f3f4f6;--indigo: #4f46e5;--indigo-dark: #3730a3;--indigo-light: #eef2ff;--amber: #d97706;--amber-light: #fef3c7;--green: #059669;--green-light: #d1fae5;--red: #dc2626;--red-light: #fee2e2;--text-primary: #111827;--text-secondary: #374151;--text-muted: #6b7280;--text-hint: #9ca3af;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-ui);color:var(--text-primary);background:var(--bg-page);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.app-shell{max-width:1720px;margin:0 auto;padding:14px 16px}.top-bar{display:flex;align-items:center;flex-wrap:wrap;background:var(--navy);color:#fff;border-radius:var(--radius-lg);padding:10px 18px;margin-bottom:14px;gap:8px 12px}.top-bar-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.top-bar-brand{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#ffffff8c;white-space:nowrap;flex-shrink:0}.top-bar-identity{display:flex;align-items:center;gap:8px;font-size:13px;min-width:0;overflow:hidden}.top-bar-sep{color:#fff3;flex-shrink:0}.top-bar-terminal{font-weight:600;color:#fff;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-bar-port{color:#fff9;white-space:nowrap;flex-shrink:0}.top-bar-right{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px;flex-shrink:0;margin-left:auto}.top-bar-signout{font-family:var(--font-ui);font-size:12px;font-weight:500;background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-sm);padding:4px 10px;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s,color .12s}.top-bar-signout:hover{background:#ffffff1f;border-color:#fff6;color:#fff}.top-bar-signout:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}.status-pill{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:4px 11px;border-radius:20px}.status-pill--live{background:#10b9812e;color:#6ee7b7}.status-pill--error{background:#ef44442e;color:#fca5a5}.status-pill--loading{background:#ffffff1a;color:#ffffff80}.status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-dot--live{background:#10b981}.status-dot--error{background:#ef4444}.status-dot--loading{background:#ffffff59}.blocker-chip{font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px;background:#ef444433;color:#fca5a5}.layout{display:grid;grid-template-columns:380px 1fr;gap:14px;align-items:start}.left-column,.right-column{display:flex;flex-direction:column;gap:10px}.right-column{position:sticky;top:14px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:visible}.card-header{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--bg-card);border-bottom:1px solid transparent;transition:background .12s;border-radius:var(--radius-md) var(--radius-md) 0 0}.card-header:last-child{border-radius:var(--radius-md)}.card-header:hover{background:var(--bg-muted)}.card-header--open{border-bottom-color:var(--border)}.card-title{font-size:13px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.card-icon{width:22px;height:22px;border-radius:var(--radius-sm);background:var(--indigo-light);display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.chevron{color:var(--text-hint);font-size:12px;transition:transform .15s}.chevron--open{transform:rotate(90deg)}.card-body{padding:14px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-grid--single{grid-template-columns:1fr}.field{display:flex;flex-direction:column;gap:4px}.field-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.field input,.field select{width:100%;height:34px;padding:0 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:13px;color:var(--text-primary);background:var(--bg-card);transition:border-color .12s,box-shadow .12s;outline:none}.field input:focus,.field select:focus{border-color:var(--indigo);box-shadow:0 0 0 3px #4f46e51f}.field input:disabled{background:var(--bg-muted);color:var(--text-hint);cursor:not-allowed}.field input[type=number]{font-family:var(--font-mono);font-size:12px}.field-hint{font-size:11px;color:var(--text-hint)}.field-check{flex-direction:row;align-items:center;gap:8px;padding-top:20px;font-size:13px;color:var(--text-secondary);font-weight:500;cursor:pointer}.field-check input[type=checkbox]{width:15px;height:15px;accent-color:var(--indigo);cursor:pointer;flex-shrink:0}.combobox-wrap{position:relative}.combobox-wrap input{width:100%;height:34px;padding:0 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:13px;color:var(--text-primary);background:var(--bg-card);outline:none;transition:border-color .12s,box-shadow .12s}.combobox-wrap input:focus{border-color:var(--indigo);box-shadow:0 0 0 3px #4f46e51f}.combobox-list{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:300;background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:0 8px 24px #0000001f;max-height:240px;overflow-y:auto;list-style:none;padding:4px 0}.combobox-list li{padding:8px 12px;font-size:13px;cursor:pointer;color:var(--text-primary);transition:background .08s}.combobox-list li:hover,.combobox-list li.active{background:var(--indigo-light);color:var(--indigo)}.badge-mandatory{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 7px;border-radius:20px;background:var(--amber-light);color:var(--amber)}.badge-override-warn{font-size:11px;color:var(--amber);font-weight:500;padding:6px 0 0;display:block}.derived-list{list-style:none;display:flex;flex-direction:column;gap:8px}.derived-list li{display:flex;align-items:baseline;justify-content:space-between;font-size:13px;color:var(--text-secondary);padding-bottom:7px;border-bottom:1px solid var(--border)}.derived-list li:last-child{border-bottom:none;padding-bottom:0}.derived-key{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.derived-val{font-weight:500;font-family:var(--font-mono);font-size:12px;color:var(--text-primary)}.derived-alert{margin-top:10px;padding:8px 12px;border-radius:var(--radius-sm);background:var(--amber-light);color:var(--amber);font-size:12px;font-weight:500;border-left:3px solid var(--amber)}.error-msg{margin-top:10px;padding:8px 12px;border-radius:var(--radius-sm);background:var(--red-light);color:var(--red);font-size:12px;border-left:3px solid var(--red)}.ladder-header{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.6fr) 90px;gap:8px;padding:8px 14px;background:var(--bg-muted);border-bottom:1px solid var(--border)}.ladder-header span{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.ladder-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.6fr) 90px;gap:8px;padding:7px 14px;border-bottom:1px solid var(--border);align-items:start;transition:background .08s}.ladder-row:hover{background:var(--bg-muted)}.ladder-row:last-child{border-bottom:none}.ladder-label{font-size:12.5px;color:var(--text-secondary);font-weight:500;overflow-wrap:break-word}.ladder-detail{font-size:11.5px;color:var(--text-muted);overflow-wrap:break-word}.ladder-amount{text-align:right;font-family:var(--font-mono);font-size:12px;color:var(--text-primary);font-weight:500;white-space:nowrap}.ladder-row--suppressed .ladder-label,.ladder-row--suppressed .ladder-detail,.ladder-row--suppressed .ladder-amount{color:var(--text-hint);font-style:italic}.ladder-row--subtotal{background:var(--bg-muted);border-top:1px solid var(--border-strong)}.ladder-row--subtotal .ladder-label{font-weight:700;color:var(--text-primary)}.ladder-row--subtotal .ladder-amount{font-weight:700}.ladder-row--tax .ladder-label{color:var(--text-muted);font-size:12px}.ladder-row--tax .ladder-amount{color:var(--text-muted)}.ladder-row--total{background:var(--navy);border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.ladder-row--total .ladder-label{color:#fff;font-weight:700;font-size:13px}.ladder-row--total .ladder-detail{color:#ffffff73}.ladder-row--total .ladder-amount{color:#fbbf24;font-size:13px;font-weight:700}.actions-row{display:flex;gap:10px;justify-content:flex-end}.btn{height:36px;padding:0 18px;border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:13px;font-weight:600;cursor:pointer;border:none;transition:background .12s,opacity .12s}.btn-secondary{background:var(--bg-muted);color:var(--text-secondary);border:1px solid var(--border-strong)}.btn-secondary:hover{background:var(--border)}.btn-primary{background:var(--indigo);color:#fff}.btn-primary:hover:not(:disabled){background:var(--indigo-dark)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-sm{padding:4px 10px;font-size:12px}.extra-lines-section{grid-column:1 / -1;margin-top:8px;display:flex;flex-direction:column;gap:6px}.extra-lines-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.extra-line-row{display:flex;align-items:center;gap:6px;cursor:grab}.extra-line-row:active{cursor:grabbing}.drag-handle{color:var(--text-hint);font-size:16px;line-height:1;flex-shrink:0;-webkit-user-select:none;user-select:none}.extra-input{border:1px solid var(--border);border-radius:6px;padding:5px 7px;font-size:12px;background:var(--bg-card);color:var(--text-primary);min-width:0}.extra-input-label,.extra-input-detail{flex:2}.extra-input-amount{flex:1;min-width:70px;max-width:90px}.extra-vat-label{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.btn-remove{background:none;border:none;color:var(--text-hint);font-size:18px;line-height:1;cursor:pointer;padding:0 2px;flex-shrink:0}.btn-remove:hover{color:#dc2626}.ladder-row--custom{background:#f8faff;border-left:2px solid var(--indigo)}.remarks-textarea{width:100%;padding:10px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:11.5px;color:var(--text-secondary);background:var(--bg-input);resize:vertical;line-height:1.6;outline:none;transition:border-color .12s,box-shadow .12s}.remarks-textarea:focus{border-color:var(--indigo);box-shadow:0 0 0 3px #4f46e51f}@media (max-width: 1100px){.layout{grid-template-columns:1fr}.right-column{position:static}}