:root{--bg:#f6f5f1;--surface:#fff;--surface-2:#faf9f6;--border:#e5e2da;--border-strong:#d3cec3;--text:#1b1d1a;--text-2:#4d514b;--muted:#767a72;--pine:#173b2d;--pine-2:#1f5c43;--pine-3:#2e7a59;--amber:#e2a04a;--accent:#1f6b4c;--accent-hover:#185a3f;--accent-soft:#e6f1eb;--blue:#2c5ea8;--blue-soft:#e8eff9;--red:#b3372d;--red-soft:#fbecea;--amber-soft:#fbf1df;--amber-ink:#8a5a14;--violet:#6246b0;--violet-soft:#efebfa;--radius:10px;--shadow:0 1px 2px #1418120d, 0 1px 1px #14181208;--shadow-lg:0 12px 40px #1418122e;--font:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11", "ss01";margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}.num{font-variant-numeric:tabular-nums}.mono{font-family:var(--mono);letter-spacing:-.01em;font-size:12px}.muted{color:var(--muted)}.right{text-align:right}.nowrap{white-space:nowrap}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.shell{grid-template-columns:232px minmax(0,1fr);min-height:100%;display:grid}.sidebar{background:var(--pine);color:#e8efe9;flex-direction:column;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0}.brand{color:#fff;letter-spacing:-.01em;align-items:center;gap:10px;padding:4px 8px 18px;font-size:17px;font-weight:700;display:flex}.brand svg{flex:none}.brand small{color:#9fb8aa;letter-spacing:0;font-size:11.5px;font-weight:500;display:block}.nav{flex-direction:column;gap:2px;display:flex}.nav a{color:#c9d8cf;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-weight:500;text-decoration:none;display:flex}.nav a svg{opacity:.85;width:17px;height:17px}.nav a:hover{color:#fff;background:#ffffff0f}.nav a.active{color:#fff;background:#ffffff1c}.nav a .count{background:var(--amber);color:#3b2604;border-radius:99px;margin-left:auto;padding:0 7px;font-size:11.5px;font-weight:600}.sidebar-foot{flex-direction:column;gap:10px;margin-top:auto;display:flex}.whoami{background:#ffffff0f;border-radius:10px;padding:10px}.whoami label{text-transform:uppercase;letter-spacing:.06em;color:#9fb8aa;margin-bottom:6px;font-size:11px;display:block}.whoami select{color:#fff;background:#0f271e;border:1px solid #2c5645;border-radius:7px;width:100%;padding:7px 8px}.demo-note{color:#9fb8aa;padding:0 4px;font-size:12px;line-height:1.45}.demo-note a{color:#e8efe9;text-underline-offset:2px;text-decoration:underline}.linkish{color:#e8efe9;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.main{min-width:0;padding:26px 32px 60px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.page-head h1{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:650}.page-head .sub{color:var(--muted);margin-top:3px}.crumbs{color:var(--muted);margin-bottom:6px;font-size:13px}.crumbs a{color:var(--muted)}.btn{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;white-space:nowrap;height:36px;color:var(--text);box-shadow:var(--shadow);border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-weight:550;display:inline-flex}.btn:hover{background:var(--surface-2);text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-hover)}.btn.danger{color:var(--red)}.btn.ghost{box-shadow:none;background:0 0;border-color:#0000}.btn.ghost:hover{background:#0000000a}.btn.sm{height:30px;padding:0 10px;font-size:13px}.btn svg{width:16px;height:16px}.input,.select,textarea.input{border:1px solid var(--border-strong);background:var(--surface);border-radius:8px;outline:none;width:100%;height:36px;padding:0 11px}textarea.input{resize:vertical;height:auto;line-height:1.55;font-family:var(--mono);padding:10px 12px;font-size:13px}.input:focus,.select:focus{border-color:var(--pine-3);box-shadow:0 0 0 3px #2e7a5929}.input.qty{text-align:right;width:84px;height:32px;padding:0 8px}.input.pct{text-align:right;width:64px;height:32px;padding:0 8px}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field>span{font-size:13px;font-weight:550}.tabs{background:#eceae3;border-radius:9px;flex-wrap:wrap;gap:4px;padding:3px;display:flex}.tabs button{color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6px 11px;font-weight:550}.tabs button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.tabs button .n{color:var(--muted);margin-left:5px;font-weight:500}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.toolbar .search{max-width:280px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.card-head h2{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:650}.card-body{padding:16px}.table-wrap{overflow-x:auto}table.data{border-collapse:collapse;width:100%}table.data th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);background:var(--surface-2);white-space:nowrap;padding:10px 12px;font-size:12px;font-weight:550}table.data td{vertical-align:middle;border-bottom:1px solid #efece5;padding:10px 12px}table.data tr:last-child td{border-bottom:0}table.data tr.link{cursor:pointer}table.data tr.link:hover td{background:#fbfaf7}table.data .strong{font-weight:600}table.data th.right,table.data td.right{text-align:right}.item-name{font-weight:550}.item-sub{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:2px;font-size:12px;display:flex}.item-sub .mono,td.mono{white-space:nowrap}.item-col{min-width:230px}.item-sub .raw{text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-style:italic;overflow:hidden}.strike{color:var(--muted);font-size:12px;text-decoration:line-through}.chip{white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:2px 9px 2px 8px;font-size:12px;font-weight:600;display:inline-flex}.chip:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.chip.draft{color:#5f625b;background:#efede7}.chip.sent{background:var(--blue-soft);color:var(--blue)}.chip.accepted{background:var(--accent-soft);color:var(--accent)}.chip.declined{background:var(--red-soft);color:var(--red)}.chip.ordered{background:var(--violet-soft);color:var(--violet)}.chip.high{background:var(--accent-soft);color:var(--accent)}.chip.medium{background:var(--amber-soft);color:var(--amber-ink)}.chip.low,.chip.none{background:var(--red-soft);color:var(--red)}.chip.plain:before{display:none}.tier{text-transform:uppercase;letter-spacing:.05em;color:var(--text-2);background:#eceae3;border-radius:5px;padding:1px 7px;font-size:11px;font-weight:650;display:inline-block}.tier.pro{color:#f4e7c8;background:#2d2a22}.tier.contractor{color:var(--pine-2);background:#e3ece6}.banner{border:1px solid;border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:14px;padding:12px 14px;display:flex}.banner.warn{background:var(--amber-soft);color:#5d3d0b;border-color:#f0d7aa}.banner.error{background:var(--red-soft);color:#6e1e17;border-color:#f2c8c3}.banner.info{background:var(--blue-soft);color:#1d3f72;border-color:#cbdaf0}.banner.ok{background:var(--accent-soft);color:#14432f;border-color:#c5ddcf}.banner .grow{flex:1}.banner strong{margin-bottom:2px;display:block}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.kpi{padding:16px}.kpi .label{color:var(--muted);font-size:12.5px;font-weight:550}.kpi .value{letter-spacing:-.02em;margin-top:6px;font-size:27px;font-weight:650}.kpi .foot{color:var(--muted);margin-top:2px;font-size:12.5px}.grid-2{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px;display:grid}.tour ol{color:var(--text-2);gap:8px;margin:0;padding-left:20px;display:grid}.tour li b{color:var(--text)}.bars{align-items:flex-end;gap:6px;height:150px;padding:8px 4px 0;display:flex}.bars .col{flex-direction:column;flex:1;align-items:center;gap:6px;height:100%;display:flex}.bars .pair{border-bottom:1px solid var(--border);flex:1;justify-content:center;align-items:flex-end;gap:3px;width:100%;display:flex}.bars .bar{border-radius:3px 3px 0 0;width:42%;max-width:12px}.bars .bar.created{background:#cfdcd4}.bars .bar.won{background:var(--pine-3)}.bars .day{color:var(--muted);font-size:10.5px}.legend{color:var(--muted);gap:14px;font-size:12px;display:flex}.legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:5px;display:inline-block}.editor{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:18px;display:grid}.editor>*,.stack>*,.grid-2>*{min-width:0}.stack{gap:16px;display:grid}.side{gap:14px;display:grid;position:sticky;top:18px}.totals{padding:16px}.totals .row{color:var(--text-2);justify-content:space-between;padding:5px 0;display:flex}.totals .row.total{border-top:1px solid var(--border);color:var(--text);margin-top:6px;padding-top:10px;font-size:18px;font-weight:650}.actions{gap:8px;padding:16px;display:grid}.timeline{gap:12px;max-height:360px;margin:0;padding:12px 16px;list-style:none;display:grid;overflow:auto}.timeline li{grid-template-columns:10px 1fr;gap:10px;font-size:13px;display:grid}.timeline .dot{background:var(--border-strong);border-radius:50%;width:8px;height:8px;margin-top:6px}.timeline .dot.accepted,.timeline .dot.ordered{background:var(--pine-3)}.timeline .dot.sent,.timeline .dot.viewed{background:var(--blue)}.timeline .dot.declined{background:var(--red)}.timeline .dot.approved{background:var(--amber)}.timeline .when{color:var(--muted);font-size:12px}.live{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.live:before{content:"";background:#3fb27f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #3fb27f2e}.flash{animation:1.6s ease-out flash}@keyframes flash{0%{background:#fff4d6}to{background:0 0}}.paste-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.stock-low{color:var(--red);font-weight:600}.icon-btn{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:4px}.icon-btn:hover{color:var(--red);background:#0000000d}.empty{text-align:center;color:var(--muted);padding:36px 16px}.empty h3{color:var(--text);margin:0 0 6px;font-size:15px}.overlay{z-index:50;background:#1016126b;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);width:min(520px,100%);box-shadow:var(--shadow-lg);border-radius:14px}.modal .card-body{padding:18px}.modal-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:14px 18px;display:flex}.copy-row{gap:8px;display:flex}.toasts{z-index:60;gap:8px;display:grid;position:fixed;bottom:18px;right:18px}.toast{color:#eef4f0;box-shadow:var(--shadow-lg);background:#17231d;border-radius:10px;max-width:360px;padding:10px 14px;font-size:13.5px}.toast.error{background:#5b1a14}.customer{max-width:880px;margin:0 auto;padding:32px 20px 60px}.letterhead{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.letterhead .brand{color:var(--pine);padding:0}.letterhead .brand small{color:var(--muted)}.doc{padding:26px}.doc h1{letter-spacing:-.02em;margin:0 0 4px;font-size:26px}.meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 20px;display:grid}.meta div span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:12px;display:block}.accept-box{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-top:18px;display:flex}.accept-box .field{flex:1;min-width:200px;margin:0}.boot{background:var(--pine);color:#e8efe9;place-items:center;min-height:100%;padding:24px;display:grid}.boot-card{text-align:center;width:min(440px,100%)}.boot-card h1{color:#fff;margin:16px 0 6px;font-size:22px}.boot-card p{color:#a9c0b3;margin:0}.spinner{border:3px solid #ffffff2e;border-top-color:var(--amber);border-radius:50%;width:34px;height:34px;margin:0 auto;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login{place-items:center;min-height:100%;padding:24px;display:grid}.login .card{width:min(380px,100%)}@media (max-width:1320px){.hide-md{display:none}}@media (max-width:1100px){.editor{grid-template-columns:minmax(0,1fr)}.side{position:static}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{flex-flow:wrap;align-items:center;gap:10px;height:auto;padding:10px 12px;position:static}.brand{padding:0}.brand small{display:none}.nav{flex-direction:row;overflow-x:auto}.nav a{padding:7px 9px}.nav a span.label{display:none}.sidebar-foot{flex-direction:row;width:100%;margin:0}.whoami{flex:1;padding:6px 8px}.whoami label,.demo-note{display:none}.main{padding:18px 16px 48px}.meta{grid-template-columns:1fr 1fr}.doc{padding:18px}.hide-sm{display:none}}@media print{body{background:#fff}.sidebar,.no-print,.toasts{display:none!important}.shell{display:block}.main,.customer{padding:0}.card{box-shadow:none;border:0}}