:root{--blue: #0f4c81;--blue-dark: #0b3a63;--ink: #1d2733;--muted: #6b7684;--line: #d9dee5;--bg: #f4f6f9;--card: #ffffff;--ok: #1a7f37;--warn: #b7791f;--bad: #b42318;--focus: #f59e0b;--font: "Segoe UI", system-ui, -apple-system, Arial, sans-serif;--mono: Consolas, "Courier New", monospace}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.35 var(--font)}button,input,select,textarea{font:inherit;color:inherit}input[type=text],input[type=email],input[type=tel],input[type=date],input[type=search],input[type=number],input[type=password],select,textarea{border:1px solid var(--line);border-radius:4px;padding:5px 7px;background:#fff;width:100%;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid var(--focus);outline-offset:0;border-color:var(--focus)}input:disabled,select:disabled,textarea:disabled{background:#f0f2f5;color:#556}input.num{text-align:right;font-variant-numeric:tabular-nums}input.short{width:80px}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.small{font-size:12px}.tiny{font-size:12px;padding:2px 6px}.error{color:var(--bad)}.ok{color:var(--ok)}.bad{color:var(--bad);font-weight:600}.warn{color:var(--warn)}.big{font-size:18px}.link{background:none;border:0;color:var(--blue);cursor:pointer;padding:0;text-decoration:underline}code.big{font-size:20px;letter-spacing:1px}pre{background:#f7f8fa;border:1px solid var(--line);border-radius:4px;padding:8px;white-space:pre-wrap;word-break:break-word;font-family:var(--mono);font-size:12.5px;max-height:320px;overflow:auto}.btn{border:1px solid var(--line);background:#fff;border-radius:4px;padding:6px 12px;cursor:pointer;white-space:nowrap}.btn:hover{background:#f4f6f9}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}.btn-primary:hover{background:var(--blue-dark)}.btn-ghost{border-color:transparent;background:transparent}.btn-ghost:hover{background:#e8edf3}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:18px;padding:6px 14px;background:var(--blue);color:#fff;position:sticky;top:0;z-index:20}.topbar nav{display:flex;gap:4px}.topbar nav a{color:#dbe7f3;text-decoration:none;padding:5px 10px;border-radius:4px}.topbar nav a.active,.topbar nav a:hover{background:#ffffff29;color:#fff}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:10px}.topbar .btn-ghost{color:#fff}.topbar .user small{opacity:.8}.brand{font-weight:700;letter-spacing:.5px;cursor:pointer}.brand span{color:#9ed0ff}.brand.big{font-size:26px;color:var(--blue);margin-bottom:4px}.brand.big span{color:#3b8fd9}.content{flex:1;padding:12px 14px}.footer{padding:6px 14px;color:var(--muted);font-size:12px}.pill{display:inline-block;border-radius:10px;padding:1px 8px;font-size:12px;background:#e8edf3;color:#334;font-weight:500;vertical-align:middle}.pill-ok,.status-approved,.status-submitted{background:#dcf3e3;color:#14532d}.pill-warn,.status-awaiting_review,.status-viewed,.status-partially_approved,.status-pending{background:#fdefd0;color:#7a4d06}.pill-error,.status-error,.status-rejected,.status-expired{background:#fde2e1;color:#7f1d1d}.status-draft{background:#e8edf3}.status-submitting{background:#dbeafe;color:#1e3a8a}.screen{max-width:1600px;margin:0 auto}.screen-head{display:flex;align-items:center;gap:16px;margin-bottom:8px;flex-wrap:wrap}.screen-head h1{font-size:20px;margin:0;display:flex;align-items:center;gap:8px}.save-state{margin-left:auto;color:var(--muted);font-size:12px}.toolbar{display:flex;gap:8px;align-items:center;margin-left:auto;flex-wrap:wrap}.toolbar input[type=search]{width:280px}.toolbar input[type=date]{width:150px}.check{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.banner{background:#eef3f8;border:1px solid #c9d7e6;border-radius:4px;padding:8px 12px;margin-bottom:8px}.banner-error{background:#fdf2f2;border-color:#f2c3c1}.banner pre{margin:6px 0 0}.header-form{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:10px 12px;margin-bottom:8px}.doc-type{display:flex;gap:14px;align-items:center;margin-bottom:8px}.doc-type label{padding:3px 10px;border:1px solid var(--line);border-radius:14px;cursor:pointer}.doc-type label.on{background:var(--blue);color:#fff;border-color:var(--blue)}.doc-type input,.radios input{margin-right:4px}.hint{color:var(--muted);font-size:12px}.grid-form{display:grid;grid-template-columns:130px minmax(0,1fr) 130px minmax(0,1fr);gap:6px 10px;align-items:start}.grid-form>label{padding-top:6px;color:#334;font-weight:600;text-align:right}.grid-form .sub{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-top:2px}.grid-form .sub.warn{color:var(--warn)}.po-available{color:var(--ok)}.po-duplicate{color:var(--bad);font-weight:600}.po-error{color:var(--warn)}.po-checking{color:var(--muted)}.radios{display:flex;gap:6px;flex-wrap:wrap;padding-top:2px}.radios label{padding:3px 9px;border:1px solid var(--line);border-radius:14px;cursor:pointer;white-space:nowrap}.radios label.on{background:#e3eefa;border-color:var(--blue)}.contact-row{display:grid;grid-template-columns:1.3fr 1fr .8fr;gap:6px}@media(max-width:1100px){.grid-form{grid-template-columns:130px minmax(0,1fr)}}.combo{position:relative}.combo-list{position:absolute;z-index:30;left:0;right:0;min-width:320px;max-height:300px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:4px;box-shadow:0 6px 20px #00000024;margin-top:2px}.combo-item{padding:5px 8px;cursor:pointer;display:flex;gap:8px;align-items:baseline;border-bottom:1px solid #f0f2f5}.combo-item b{min-width:80px;font-family:var(--mono)}.combo-item span{flex:1}.combo-item small{color:var(--muted);white-space:nowrap}.combo-item.active{background:#e3eefa}.combo-empty{padding:6px 8px;color:var(--muted)}.cell-product .combo-list{min-width:560px}.cell-qty .combo-list{min-width:160px}.lines{background:var(--card);border:1px solid var(--line);border-radius:6px;overflow:auto;margin-bottom:8px}table.grid{width:100%;border-collapse:collapse}table.grid th{position:sticky;top:0;background:#eef2f6;text-align:left;font-weight:600;padding:6px;border-bottom:1px solid var(--line);white-space:nowrap;z-index:5}table.grid th.num,table.grid td.num{text-align:right;font-variant-numeric:tabular-nums}table.grid td{padding:2px 6px;border-bottom:1px solid #eef0f3;vertical-align:middle;white-space:nowrap}table.grid td.c-desc{white-space:normal;max-width:360px;min-width:200px}table.grid .c-n{width:32px;color:var(--muted);text-align:right}table.grid .c-product{width:150px}table.grid .c-qty{width:96px}table.grid .c-price{width:150px}table.grid .c-goods{width:170px;white-space:nowrap}table.grid .c-x{width:30px}table.grid td.total{font-weight:600}table.grid tr.row-overridden td.c-price{background:#fff7e6}table.grid input.overridden{border-color:var(--warn);font-weight:600}table.grid tr.row-entry td{background:#fbfcfd}.entry-hint{font-size:12px}.price-cell{display:flex;align-items:center;gap:4px;justify-content:flex-end}.price-cell input{width:90px}.tag{display:inline-block;margin-left:6px;font-size:11px;background:#e3eefa;color:var(--blue);border-radius:8px;padding:0 6px}.bottom{display:grid;grid-template-columns:1fr 340px;gap:12px;align-items:start;position:sticky;bottom:0;background:var(--bg);padding-top:4px}.bottom-right{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:10px 12px}.totals div{display:flex;justify-content:space-between;padding:2px 0}.totals div.gross{border-top:1px solid var(--line);margin-top:4px;padding-top:6px;font-size:16px}.totals b{font-variant-numeric:tabular-nums}.actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.problems{margin:8px 0 0;padding-left:18px;color:var(--warn);font-size:12px}.reviews{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:10px 12px}.review-flags{display:flex;gap:18px;align-items:center}.review-flags label{font-weight:600}.review-send{display:grid;grid-template-columns:150px 1fr auto;gap:8px;align-items:center;margin-top:8px}.review-link{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;margin-top:8px}.review-list{margin-top:8px;display:flex;flex-direction:column;gap:4px}.review-row{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;font-size:13px}.review-row small{color:var(--muted)}.audit{margin-top:10px}table.table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:6px}table.table th{text-align:left;padding:7px 8px;background:#eef2f6;border-bottom:1px solid var(--line);position:sticky;top:38px}table.table td{padding:5px 8px;border-bottom:1px solid #eef0f3;vertical-align:middle}table.table th.num,table.table td.num{text-align:right;font-variant-numeric:tabular-nums}table.table tr.clickable{cursor:pointer}table.table tr.clickable:hover{background:#f4f7fb}table.table.small td,table.table.small th{padding:3px 6px;font-size:12.5px}table.table input[type=text],table.table input[type=email],table.table select{padding:3px 6px}tr.detail-row td{background:#fafbfc}table.attempts{margin-top:8px}table.attempts td.wrap{white-space:normal;max-width:520px}.raw-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.raw-pair pre{max-height:260px}.modal-backdrop{position:fixed;inset:0;background:#0f1e3273;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:#fff;border-radius:8px;width:min(560px,94vw);max-height:90vh;overflow:auto;box-shadow:0 20px 60px #0000004d}.modal-wide{width:min(900px,96vw)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:17px}.modal-body{padding:14px}.toasts{position:fixed;right:14px;bottom:14px;display:flex;flex-direction:column;gap:6px;z-index:60}.toast{background:#1d2733;color:#fff;padding:8px 12px;border-radius:6px;box-shadow:0 6px 20px #00000040;max-width:420px;cursor:pointer}.toast-success{background:var(--ok)}.toast-error{background:var(--bad)}.login,.portal{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:60px 16px}.login-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px;width:360px;display:flex;flex-direction:column;gap:10px}.login-card label{display:flex;flex-direction:column;gap:3px;font-weight:600}.portal-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px;width:min(1000px,100%)}.portal-card h1{font-size:20px;margin:4px 0 10px}.portal-meta{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px 14px;margin-bottom:12px}.portal-meta div{display:flex;flex-direction:column}.portal-meta span{color:var(--muted);font-size:12px}.portal-table tr.row-differs td{background:#fff4d6}.line-actions{display:flex;gap:4px;align-items:center}.line-actions input{width:140px}.portal-actions{margin-top:12px;display:flex;flex-direction:column;gap:8px}.form-row{display:flex;gap:8px}.tabs{display:flex;gap:4px;margin-bottom:10px;border-bottom:1px solid var(--line)}.tabs button{border:0;background:none;padding:8px 12px;cursor:pointer;border-bottom:2px solid transparent}.tabs button.on{border-bottom-color:var(--blue);color:var(--blue);font-weight:600}.form{display:flex;flex-direction:column;gap:8px}.form label{display:flex;flex-direction:column;gap:3px;font-weight:600}.form.narrow{max-width:520px}