:root{--bg:#f6f4ef;--surface:#fff;--surface-2:#faf8f4;--ink:#1d2420;--ink-2:#4a524d;--muted:#7d847f;--line:#e4e0d7;--line-2:#efebe3;--accent:#2f6b4f;--accent-ink:#fff;--accent-soft:#e5efe9;--warn:#b5541c;--warn-soft:#fbece2;--danger:#b42318;--side:#1f2a24;--side-ink:#d9e2dc;--side-active:#2f6b4f;--radius:8px;--shadow:0 1px 2px #1d24200f, 0 4px 16px #1d24200f;--font:ui-sans-serif, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font:14px/1.45 var(--font);margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{letter-spacing:-.01em;margin:0;font-size:22px}h2{margin:0 0 10px;font-size:16px}h3{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 8px;font-size:13px}.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:var(--mono);font-size:12px}.row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.grow{flex:1}.stack>*+*{margin-top:12px}.hidden{display:none!important}.app{grid-template-columns:216px 1fr;height:100%;display:grid}.side{background:var(--side);color:var(--side-ink);flex-direction:column;padding:16px 10px;display:flex}.brand{color:#fff;letter-spacing:.02em;padding:4px 10px 18px;font-size:15px;font-weight:700}.brand small{color:#9fb0a6;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:400;display:block}.nav a{color:var(--side-ink);border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-weight:500;display:flex}.nav a:hover{background:#ffffff0f;text-decoration:none}.nav a.active{background:var(--side-active);color:#fff}.nav .ico{text-align:center;opacity:.85;width:18px}.side-foot{color:#9fb0a6;margin-top:auto;padding:10px;font-size:12px}.side-foot button{margin-top:6px}.main{min-width:0;overflow:auto}.page{max-width:1600px;padding:22px 28px 40px}.page-head{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.page-head .spacer{flex:1}button,.btn{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:7px 12px;font-weight:500;line-height:1.2;display:inline-flex}button:hover{background:var(--surface-2);border-color:#cfc9bd}button:disabled{opacity:.55;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}button.primary:hover{filter:brightness(1.07);background:var(--accent)}button.ghost{background:0 0;border-color:#0000}button.ghost:hover{background:#0000000a}button.danger{color:var(--danger)}button.small{padding:4px 8px;font-size:12px}.side button{color:var(--side-ink);background:0 0;border-color:#ffffff2e}input,select,textarea{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:6px;width:100%;min-width:0;padding:7px 9px}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:1px;border-color:var(--accent)}input.num{text-align:right}textarea{resize:vertical;min-height:60px}label.field{display:block}label.field>span{color:var(--ink-2);margin-bottom:4px;font-size:12px;font-weight:500;display:block}.check{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.check input{width:auto}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.grid4{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.search{max-width:340px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:16px}.tabs{border-bottom:1px solid var(--line);gap:2px;margin-bottom:12px;display:flex;overflow-x:auto}.tabs button{color:var(--ink-2);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:8px 12px}.tabs button.on{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.tabs .count{background:var(--line-2);color:var(--ink-2);border-radius:10px;padding:1px 6px;font-size:11px}.table-wrap{overflow:auto}table.grid{border-collapse:collapse;width:100%}table.grid th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:1px solid var(--line);background:var(--surface-2);z-index:1;white-space:nowrap;padding:9px 10px;font-size:11px;font-weight:600;position:sticky;top:0}table.grid td{border-bottom:1px solid var(--line-2);vertical-align:top;padding:8px 10px}table.grid tr.click{cursor:pointer}table.grid tr.click:hover td{background:#fbfaf6}table.grid tr.sel td{background:var(--accent-soft)}table.grid td.wrap{max-width:280px}.pager{color:var(--ink-2);justify-content:flex-end;align-items:center;gap:8px;padding:10px;font-size:13px;display:flex}.empty{text-align:center;color:var(--muted);padding:40px}.pill{white-space:nowrap;color:#fff;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.tag{background:var(--line-2);color:var(--ink-2);white-space:nowrap;border-radius:4px;margin:0 4px 2px 0;padding:1px 7px;font-size:11px;display:inline-block}.tag.off{color:#5e35b1;background:#ede7f6}.overdue{color:var(--danger);font-weight:600}.panel-shade{z-index:20;background:#1d242040;position:fixed;inset:0}.panel{background:var(--bg);z-index:21;flex-direction:column;width:min(760px,96vw);display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 32px #00000026}.panel-head{background:var(--surface);border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.panel-body{flex:1;padding:16px 20px 40px;overflow:auto}.modal-shade{z-index:30;background:#1d242066;justify-content:center;align-items:flex-start;padding:4vh 16px;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:var(--surface);border-radius:10px;width:min(1180px,100%);box-shadow:0 20px 60px #00000040}.modal-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:16px 20px;display:flex}.modal-body{padding:16px 20px}.modal-foot{border-top:1px solid var(--line);background:var(--surface-2);border-radius:0 0 10px 10px;justify-content:flex-end;align-items:center;gap:8px;padding:12px 20px;display:flex}table.builder td,table.builder th{padding:6px}table.builder input,table.builder select{padding:5px 6px}table.builder td.calc{color:var(--ink-2)}.kind{text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.kind.product{color:#2f6b4f}.kind.decoration{color:#8e4ec6}.kind.additional{color:#b5541c}.summary{background:var(--line);border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(5,1fr);gap:1px;display:grid;overflow:hidden}.summary>div{background:var(--surface-2);padding:10px 12px}.summary b{font-variant-numeric:tabular-nums;font-size:18px;display:block}.summary span{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:11px}.warn{background:var(--warn-soft);color:var(--warn);border-radius:6px;padding:8px 10px;font-size:13px}.error{color:var(--danger);background:#fdecea;border-radius:6px;padding:8px 10px;font-size:13px}.ok{background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:8px 10px;font-size:13px}.editor{grid-template-columns:1fr 300px;align-items:start;gap:16px;display:grid}.totals{width:300px;margin-left:auto}.totals div{justify-content:space-between;padding:4px 0;display:flex}.totals .grand{border-top:1px solid var(--line);margin-top:4px;padding-top:8px;font-size:16px;font-weight:700}table.lines{table-layout:fixed}table.lines td{vertical-align:middle}.settings .check{display:flex}table.lines textarea{min-height:38px}.picker{position:relative}.picker-list{z-index:40;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;max-height:300px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto}.picker-list button{text-align:left;border:none;border-radius:0;width:100%;padding:8px 10px;display:block}.picker-list button:hover,.picker-list button.hi{background:var(--accent-soft)}.login{background:radial-gradient(1200px 600px at 10% -10%, #e2ece5, transparent), var(--bg);place-items:center;min-height:100%;padding:24px;display:grid}.login .card{width:min(400px,100%);padding:28px}.login h1{margin-bottom:4px}@media (width<=860px){.app{grid-template-rows:auto 1fr;grid-template-columns:1fr}.side{flex-direction:row;align-items:center;padding:8px;overflow-x:auto}.brand{padding:0 10px}.brand small,.side-foot{display:none}.nav{display:flex}.page{padding:16px}.editor{grid-template-columns:1fr}.grid3,.grid4,.summary{grid-template-columns:1fr 1fr}}.pq-wrap{background:var(--bg);min-height:100%;padding:32px 16px 48px}.pq-sheet{border:1px solid var(--line);max-width:860px;box-shadow:var(--shadow);background:#fff;border-radius:10px;margin:0 auto;padding:40px 44px}.pq-sheet+.pq-sheet{margin-top:16px}.pq-actions,.pq-banner{justify-content:flex-end;gap:8px;max-width:860px;margin:0 auto 12px;display:flex}.pq-banner{background:var(--warn-soft);color:var(--warn);border-radius:8px;justify-content:center;padding:8px;font-size:13px}.pq-head{border-bottom:2px solid var(--ink);justify-content:space-between;gap:24px;padding-bottom:24px;display:flex}.pq-brand{letter-spacing:.06em;font-size:22px;font-weight:800}.pq-brand span{color:var(--muted);font-weight:400}.pq-org{color:var(--ink-2);margin-top:6px;line-height:1.5}.pq-title{text-align:right}.pq-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:12px}.pq-num{font-size:30px;font-weight:700;line-height:1.1}.pq-accepted{color:#fff;background:#43a047;border-radius:999px;margin-top:6px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-block}.pq-parties{grid-template-columns:1fr 1fr 1fr;gap:20px;padding:22px 0;line-height:1.5;display:grid}.pq-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:4px;font-size:11px;font-weight:700}.pq-lines{border-collapse:collapse;width:100%;margin-top:6px}.pq-lines th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--ink);padding:8px 6px;font-size:11px}.pq-lines td{border-bottom:1px solid var(--line-2);vertical-align:top;padding:12px 6px}.pq-desc{white-space:pre-wrap}.pq-totals{width:300px;margin:16px 0 0 auto}.pq-totals div{font-variant-numeric:tabular-nums;justify-content:space-between;padding:4px 6px;display:flex}.pq-totals .grand{border-top:2px solid var(--ink);margin-top:6px;padding-top:10px;font-size:18px;font-weight:700}.pq-terms{color:var(--ink-2);margin-top:28px}.pq-terms p{margin:4px 0}.pq-accept{background:var(--accent-soft);border-radius:10px;margin-top:28px;padding:18px}.pq-accept.done{color:#1b5e20;background:#e8f5e9}.pq-accept .row{margin-top:6px}.pq-comments h2{font-size:17px}.pq-comment{background:var(--surface-2);border:1px solid var(--line-2);border-radius:8px;margin-top:8px;padding:10px 12px}.pq-comment.staff{background:var(--accent-soft)}.pq-foot{text-align:center;color:var(--muted);margin-top:20px;font-size:12px}@media (width<=640px){.pq-sheet{padding:22px 18px}.pq-parties{grid-template-columns:1fr}.pq-head{flex-direction:column}.pq-title{text-align:left}.pq-totals{width:100%}}@media print{@page{size:A4;margin:14mm}body,.pq-wrap{background:#fff;padding:0}.no-print,.pq-comments{display:none!important}.pq-sheet{box-shadow:none;border:none;max-width:none;padding:0}.pq-lines tr{break-inside:avoid}}.comment{background:var(--surface-2);border:1px solid var(--line-2);border-radius:6px;margin-bottom:6px;padding:8px 10px}.comment.customer{background:var(--warn-soft);border-color:#f3d3bd}.comment.internal{border-style:dashed}