:root{--paper:#f7efe2;--paper-2:#fdf9f1;--card:#fffdf8;--espresso:#160b07;--espresso-2:#24120b;--brown:#6d4b2d;--gold:#d8a64e;--gold-soft:#e8c37d;--gold-dim:#d8a64e2e;--ink:#2a1a10;--ink-soft:#6b5544;--line:#6d4b2d38;--line-soft:#6d4b2d1f;--danger:#b3261e;--ok:#2f6b3d;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:26px;--sh-1:0 1px 2px #160b070f, 0 1px 3px #160b070d;--sh-2:0 4px 14px #160b0717;--sh-3:0 18px 44px #160b0729;--bar-1:#160b07;--bar-2:#24120b;--surface:#fff;--surface-2:#fff5f4;--font:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--font-doc:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:var(--font);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}img{max-width:100%}[hidden]{display:none!important}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{font-size:16px}button{cursor:pointer}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:6px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#6d4b2d40;border-radius:99px}::-webkit-scrollbar-track{background:0 0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#14100c;--paper-2:#1b1510;--card:#1f1812;--espresso:#f3e7d5;--espresso-2:#e8d9c2;--brown:#d8a64e;--ink:#f0e5d6;--ink-soft:#b09a80;--line:#d8a64e47;--line-soft:#d8a64e29;--gold-dim:#d8a64e24;--sh-1:0 1px 2px #0006;--sh-2:0 4px 14px #00000080;--sh-3:0 18px 44px #0009;--surface:#171209;--surface-2:#2a1512}:root:not([data-theme=light]) input,:root:not([data-theme=light]) select,:root:not([data-theme=light]) textarea{color:var(--ink);background:#171209}}:root[data-theme=dark]{--paper:#14100c;--paper-2:#1b1510;--card:#1f1812;--espresso:#f3e7d5;--espresso-2:#e8d9c2;--brown:#d8a64e;--ink:#f0e5d6;--ink-soft:#b09a80;--line:#d8a64e47;--line-soft:#d8a64e29;--gold-dim:#d8a64e24;--sh-1:0 1px 2px #0006;--sh-2:0 4px 14px #00000080;--sh-3:0 18px 44px #0009;--surface:#171209;--surface-2:#2a1512}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{color:var(--ink);background:#171209}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:40;padding:calc(var(--safe-t) + 10px) 16px 10px;background:linear-gradient(180deg, var(--bar-1) 0%, var(--bar-2) 100%);color:#fff;align-items:center;gap:12px;display:flex;position:sticky;top:0;box-shadow:0 2px 14px #160b0738}.topbar-logo{object-fit:contain;flex:none;width:34px;height:34px}.topbar-title{letter-spacing:.4px;font-size:14px;font-weight:800;line-height:1.15}.topbar-sub{letter-spacing:1.7px;color:var(--gold-soft);text-transform:uppercase;margin-top:2px;font-size:9.5px}.topbar-spacer{flex:1}.icon-btn{appearance:none;color:#fff;white-space:nowrap;background:#ffffff0f;border:1px solid #e8c37d6b;border-radius:999px;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:700;transition:background .16s,border-color .16s;display:inline-flex}.icon-btn:hover{border-color:var(--gold);background:#e8c37d2e}.icon-btn.ghost{background:0 0;border-color:#0000}.page{width:100%;max-width:1400px;padding:20px 16px calc(28px + var(--safe-b));flex:1;margin:0 auto}.hero{text-align:center;padding:28px 8px 8px}.hero-logo{object-fit:contain;width:120px;height:120px;margin-bottom:6px}.hero h1{letter-spacing:-.5px;color:var(--espresso);margin:4px 0 0;font-size:clamp(26px,6vw,40px);font-weight:800}.hero p{letter-spacing:3px;text-transform:uppercase;color:var(--brown);margin:8px 0 0;font-size:11px;font-weight:700}.hero .desk{letter-spacing:0;text-transform:none;color:var(--ink-soft);margin-top:14px;font-size:14px;font-weight:500}.choice-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;max-width:860px;margin:26px auto 0;display:grid}.choice{text-align:left;border:1px solid var(--line);background:var(--card);border-radius:var(--r-xl);box-shadow:var(--sh-1);flex-direction:column;gap:10px;padding:24px 22px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.choice:before{content:"";background:linear-gradient(90deg, var(--gold), var(--gold-soft));height:4px;position:absolute;inset:0 0 auto}.choice.po:before{background:linear-gradient(90deg, var(--espresso), var(--brown))}.choice:hover{box-shadow:var(--sh-3);border-color:var(--gold);transform:translateY(-3px)}.choice:active{transform:translateY(-1px)}.choice-ico{font-size:30px;line-height:1}.choice h2{color:var(--espresso);margin:0;font-size:19px;font-weight:800}.choice p{color:var(--ink-soft);margin:0;font-size:13.5px;line-height:1.55}.choice .go{color:var(--brown);margin-top:4px;font-size:13px;font-weight:800}.quick-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;max-width:860px;margin:22px auto 0;display:grid}.quick{border:1px solid var(--line-soft);background:var(--card);border-radius:var(--r-md);text-align:center;color:var(--ink);padding:14px;font-size:13.5px;font-weight:700;transition:background .15s,border-color .15s}.quick:hover{background:var(--paper-2);border-color:var(--gold)}.quick .n{color:var(--brown);margin-bottom:2px;font-size:20px;font-weight:800;display:block}.editor{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}@media (width>=1100px){.editor{grid-template-columns:minmax(430px,520px) minmax(0,1fr);align-items:start}}.pane-preview{position:sticky;top:84px}@media (width<=1099px){.pane-preview{position:static}}.tabbar{display:none}@media (width<=1099px){.tabbar{top:calc(var(--safe-t) + 60px);z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#6d4b2d1a;border-radius:999px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:14px;padding:5px;display:grid;position:sticky}.tabbar button{appearance:none;color:var(--ink-soft);background:0 0;border:0;border-radius:999px;padding:11px;font-size:14px;font-weight:800}.tabbar button[data-on=true]{background:var(--card);color:var(--espresso);box-shadow:var(--sh-1)}}.card{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--r-lg);box-shadow:var(--sh-1);overflow:hidden}.card+.card{margin-top:14px}.card-head{text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:16px 18px;display:flex}.card-head .step{background:var(--espresso);width:27px;height:27px;color:var(--gold-soft);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:800;display:grid}.card-head h3{color:var(--espresso);flex:1;margin:0;font-size:15.5px;font-weight:800}.card-head .chev{color:var(--brown);font-size:13px;transition:transform .2s}.card-head[aria-expanded=true] .chev{transform:rotate(180deg)}.card-head .badge{background:var(--gold-dim);color:var(--brown);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800}.card-body{padding:0 18px 18px}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (width<=560px){.grid3{grid-template-columns:1fr 1fr}}.span2{grid-column:1/-1}.field{flex-direction:column;gap:5px;min-width:0;display:flex}.field>label{color:var(--ink-soft);letter-spacing:.3px;text-transform:uppercase;font-size:11.5px;font-weight:800}.field>label .req{color:var(--danger);margin-left:2px}.field input,.field select,.field textarea{border-radius:var(--r-sm);border:1.5px solid var(--line);background:var(--surface);width:100%;color:var(--ink);padding:12px 13px;transition:border-color .15s,box-shadow .15s}.field textarea{resize:vertical;min-height:66px;line-height:1.5}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim);outline:none}.field input[aria-invalid=true],.field select[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 3px #b3261e1a}.field .hint{color:var(--ink-soft);font-size:11.5px}.field .err{color:var(--danger);font-size:12px;font-weight:700}.switch{border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--surface);align-items:center;gap:10px;padding:12px 13px;display:flex}.switch input{width:20px;height:20px;accent-color:var(--brown);flex:none;margin:0}.switch span{font-size:14px;font-weight:600}.item-card{border:1.5px solid var(--line);border-radius:var(--r-md);background:var(--paper-2);overflow:hidden}.item-card+.item-card{margin-top:12px}.item-bar{border-bottom:1px solid var(--line-soft);background:#6d4b2d12;align-items:center;gap:10px;padding:11px 13px;display:flex}.item-bar .n{background:var(--brown);color:#fff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:11.5px;font-weight:800;display:grid}.item-bar .nm{color:var(--espresso);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:700;overflow:hidden}.item-bar .amt{color:var(--brown);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13.5px;font-weight:800}.item-body{flex-direction:column;gap:12px;padding:14px 13px;display:flex}.mini-btn{appearance:none;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;flex:none;place-items:center;width:34px;height:34px;font-size:14px;transition:all .15s;display:grid}.mini-btn:hover{border-color:var(--brown);background:var(--paper)}.mini-btn.danger:hover{border-color:var(--danger);color:var(--danger);background:var(--surface-2)}.add-btn{appearance:none;border:2px dashed var(--line);border-radius:var(--r-md);width:100%;color:var(--brown);background:0 0;margin-top:12px;padding:15px;font-size:14.5px;font-weight:800;transition:all .16s}.add-btn:hover{border-color:var(--gold);background:var(--gold-dim)}.img-strip{flex-wrap:wrap;align-items:flex-start;gap:9px;display:flex}.img-tile{border:1.5px solid var(--line);background:var(--surface);border-radius:9px;flex:none;width:74px;height:74px;position:relative;overflow:hidden}.img-tile img{object-fit:cover;width:100%;height:100%;display:block}.img-tile .x{color:#fff;background:#160b07d1;border:0;border-radius:50%;place-items:center;width:21px;height:21px;font-size:12px;line-height:1;display:grid;position:absolute;top:3px;right:3px}.img-add{border:2px dashed var(--line);width:74px;height:74px;color:var(--brown);background:0 0;border-radius:9px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:3px;font-size:10.5px;font-weight:800;display:flex}.img-add:hover{border-color:var(--gold);background:var(--gold-dim)}.img-add .plus{font-size:19px;line-height:1}.summary{background:linear-gradient(160deg, var(--espresso) 0%, var(--espresso-2) 100%);color:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-2);padding:18px}.summary .row{justify-content:space-between;align-items:baseline;padding:6px 0;font-size:14px;display:flex}.summary .row+.row{border-top:1px solid #ffffff1a}.summary .row.grand{color:var(--gold-soft);border-top:1px solid #e8c37d59;margin-top:5px;padding-top:11px;font-size:17px;font-weight:800}.summary .split{grid-template-columns:1fr 1fr;gap:10px;margin-top:13px;display:grid}.summary .split div{border-radius:var(--r-sm);text-align:center;background:#ffffff12;padding:11px}.summary .split .l{text-transform:uppercase;letter-spacing:.8px;color:var(--gold-soft);font-size:10.5px;font-weight:700}.summary .split .v{font-variant-numeric:tabular-nums;margin-top:3px;font-size:17px;font-weight:800}.actionbar{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:10px;margin-top:16px;display:grid}.btn{appearance:none;border-radius:var(--r-md);border:0;justify-content:center;align-items:center;gap:8px;padding:15px 16px;font-size:14.5px;font-weight:800;transition:transform .12s,filter .15s;display:inline-flex}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.55;pointer-events:none}.btn-primary{background:linear-gradient(135deg, var(--gold) 0%, #c9913c 100%);color:#21120a;box-shadow:var(--sh-2)}.btn-primary:hover{filter:brightness(1.06)}.btn-dark{background:var(--espresso);color:#fff}.btn-dark:hover{filter:brightness(1.22)}.btn-outline{background:var(--surface);color:var(--ink);border:1.5px solid var(--line)}.btn-outline:hover{border-color:var(--brown)}.btn-danger{background:var(--surface);color:var(--danger);border:1.5px solid #b3261e59}.preview-wrap{border-radius:var(--r-lg);background:#6d4b2d1a;max-height:calc(100dvh - 120px);padding:16px;overflow:auto}@media (width<=1099px){.preview-wrap{max-height:none;padding:10px}}.preview-scaler{transform-origin:top;justify-content:center;display:flex}.seg{background:#6d4b2d1a;border-radius:999px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.seg button{appearance:none;color:var(--ink-soft);background:0 0;border:0;border-radius:999px;padding:9px 16px;font-size:13.5px;font-weight:700}.seg button[data-on=true]{background:var(--card);color:var(--espresso);box-shadow:var(--sh-1)}.search{border:1.5px solid var(--line);background:var(--surface);border-radius:999px;width:100%;margin:14px 0;padding:13px 15px}.search:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim);outline:none}.doc-row{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--r-md);align-items:center;gap:13px;padding:15px 16px;display:flex}.doc-row+.doc-row{margin-top:10px}.doc-row .tag{text-transform:uppercase;letter-spacing:.6px;border-radius:999px;flex:none;padding:4px 9px;font-size:10px;font-weight:800}.tag.quotation{background:var(--gold-dim);color:#86601f}.tag.po{color:var(--espresso);background:#160b071a}.tag.draft{color:var(--danger);background:#b3261e1a}.tag.final{color:var(--ok);background:#2f6b3d1f}.doc-row .main{flex:1;min-width:0}.doc-row .t{color:var(--espresso);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.doc-row .s{color:var(--ink-soft);margin-top:3px;font-size:12.5px}.doc-row .acts{flex:none;gap:6px;display:flex}@media (width<=640px){.doc-row{flex-wrap:wrap}.doc-row .main{flex-basis:100%;order:2}.doc-row .acts{flex-basis:100%;order:3}.doc-row .acts .mini-btn{flex:1}}.empty{text-align:center;color:var(--ink-soft);padding:50px 20px}.empty .ico{opacity:.4;margin-bottom:10px;font-size:40px}.toast-wrap{left:50%;bottom:calc(20px + var(--safe-b));z-index:200;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(92vw,460px);display:flex;position:fixed;transform:translate(-50%)}.toast{background:var(--espresso);color:#fff;border-radius:var(--r-md);box-shadow:var(--sh-3);width:100%;padding:13px 18px;font-size:14px;font-weight:600;animation:.22s pop}.toast.err{background:var(--danger)}.toast.ok{background:#27502f}@keyframes pop{0%{opacity:0;transform:translateY(10px)}}.overlay{z-index:300;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#160b079e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--card);border-radius:var(--r-lg);width:100%;max-width:420px;box-shadow:var(--sh-3);padding:24px}.modal h3{color:var(--espresso);margin:0 0 10px;font-size:18px}.modal p{color:var(--ink-soft);margin:0 0 18px;font-size:14px;line-height:1.6}.modal .row{gap:10px;display:flex}.modal .row .btn{flex:1}.spinner{border:2.5px solid #ffffff4d;border-top-color:currentColor;border-radius:50%;width:17px;height:17px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pdf-stage{pointer-events:none;opacity:1;z-index:-1;width:210mm;position:fixed;top:0;left:-10000px}@media (width<=1099px){.pane-form[data-show=false],.pane-preview[data-show=false]{display:none}}@media (width>=1100px){.pane-form,.pane-preview{display:block!important}.only-mobile{display:none!important}}@media (width<=1099px){.mini-btn{width:44px;height:44px;font-size:16px}.icon-btn{padding:12px 16px}.item-bar{gap:8px;padding:10px}.item-bar .amt{font-size:12.5px}}.link-row{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:12px;max-width:860px;margin:22px auto 0;display:grid}.linkcard{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--r-md);color:inherit;box-shadow:var(--sh-1);align-items:center;gap:13px;padding:15px 16px;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex}.linkcard:hover{box-shadow:var(--sh-2);border-color:var(--gold);transform:translateY(-2px)}.linkcard:active{transform:translateY(0)}.linkcard .ico{flex:none;font-size:25px;line-height:1}.linkcard .txt{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.linkcard strong{color:var(--espresso);font-size:14.5px;font-weight:800}.linkcard small{color:var(--ink-soft);font-size:12.5px;line-height:1.4}.linkcard .arrow{color:var(--brown);flex:none;font-size:15px;font-weight:800}.save-status{color:var(--ink-soft);align-items:center;gap:8px;margin-top:16px;font-size:13px;font-weight:700;display:flex}.save-status .dot{background:var(--gold);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite pulse}.save-status .dot.ok{background:var(--ok);animation:none}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}.sig-modal{max-width:560px}.sig-wrap{border:1.5px solid var(--line);border-radius:var(--r-md);background:#fffdf8;height:200px;margin-bottom:14px;position:relative;overflow:hidden}.sig-canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}.sig-baseline{background:repeating-linear-gradient(90deg, var(--line) 0 7px, transparent 7px 13px);pointer-events:none;height:1px;position:absolute;bottom:52px;left:24px;right:24px}.sig-hint{color:var(--ink-soft);opacity:.55;pointer-events:none;letter-spacing:.4px;font-size:13px;position:absolute;bottom:26px;left:28px}.sig-actions{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.sig-actions .btn{padding:13px 8px;font-size:13.5px}@media (width<=520px){.sig-actions{grid-template-columns:1fr 1fr}.sig-wrap{height:175px}}.sig-preview{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sig-preview img{object-fit:contain;border:1.5px solid var(--line);background:#fff;border-radius:8px;max-width:220px;height:56px;padding:5px 9px}.btn-wa{color:#06331a;background:#25d366}.btn-wa:hover{filter:brightness(1.06)}.actionbar.secondary{margin-top:8px}.actionbar.secondary .btn{padding:12px 14px;font-size:13.5px}.lock{min-height:100dvh;padding:calc(20px + var(--safe-t)) 18px calc(20px + var(--safe-b));background:radial-gradient(circle at 50% 8%,#6b432d 0,#2b170f 38%,#100805 100%);place-items:center;display:grid}.lock-card{background:var(--card);border-radius:var(--r-xl);text-align:center;width:min(92vw,380px);box-shadow:var(--sh-3);border:1px solid #e8c37d59;padding:32px 26px 26px}.lock-logo{object-fit:contain;width:88px;height:88px}.lock-card h1{color:var(--espresso);letter-spacing:-.2px;margin:10px 0 2px;font-size:21px;font-weight:800}.lock-sub{letter-spacing:2.6px;text-transform:uppercase;color:var(--brown);margin:0;font-size:10.5px;font-weight:700}.lock-note{color:var(--ink-soft);margin:16px 0 18px;font-size:13.5px;line-height:1.55}.lock-input{border-radius:var(--r-md);text-align:center;border:1.5px solid var(--line);background:var(--surface);letter-spacing:3px;width:100%;padding:14px 16px}.lock-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim);outline:none}.lock-input[aria-invalid=true]{border-color:var(--danger)}.lock-err{color:var(--danger);margin-top:10px;font-size:13px;font-weight:700}.lock-btn{width:100%;margin-top:14px}.lock-links{justify-content:center;gap:16px;margin-top:20px;font-size:12.5px;display:flex}.lock-links a{color:var(--brown);border-bottom:1px solid var(--line);padding-bottom:2px;text-decoration:none}.lock-links a:hover{color:var(--espresso);border-color:var(--gold)}@media (prefers-reduced-motion:no-preference){.item-card{animation:.26s cubic-bezier(.2,.8,.3,1) itemIn}@keyframes itemIn{0%{opacity:0;transform:translateY(-6px)scale(.985)}to{opacity:1;transform:none}}.choice,.linkcard,.quick{will-change:transform}.card{animation:.3s cubic-bezier(.2,.8,.3,1) backwards fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.doc-row{animation:.24s cubic-bezier(.2,.8,.3,1) backwards fadeUp}.btn,.mini-btn,.icon-btn{transition:transform .12s cubic-bezier(.2,.8,.3,1),filter .15s,background .15s,border-color .15s}.btn:active,.mini-btn:active{transform:scale(.955)}.overlay{animation:.18s fadeIn}.modal{animation:.24s cubic-bezier(.2,.9,.3,1) modalIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}.item-bar .amt{transition:color .2s}}.theme-btn{padding:9px 12px;font-size:15px;line-height:1}.lock-inline{background:0 0;min-height:auto;padding:24px 0}.lock-inline .lock-card{border:1px solid var(--line)}.lockpill{background:var(--gold-dim);border-radius:999px;padding:6px 8px;font-size:13px;line-height:1;position:absolute;top:14px;right:14px}@media (width<=380px){.topbar{gap:8px;padding-left:12px;padding-right:12px}.topbar>div:not(.topbar-spacer){min-width:0}.topbar-title,.topbar-sub{text-overflow:ellipsis;white-space:nowrap;max-width:46vw;overflow:hidden}.icon-btn{padding:10px 11px;font-size:12px}.theme-btn{padding:10px}}.doc-stack{flex-direction:column;align-items:center;gap:16px;display:flex}.doc-page{color:#000;width:210mm;height:297mm;font-family:var(--font-doc);box-shadow:var(--sh-3);background:#fff;flex-direction:column;flex:none;padding:12mm 14mm 14mm;font-size:9.6pt;line-height:1.45;display:flex;position:relative;overflow:hidden}.doc-page.branded{color:#221208;background:#fdfaf3}.doc-page.branded .doc-topband{background:linear-gradient(90deg,#d8a64e,#f0d79a 45%,#d8a64e)}.doc-page.branded .doc-title{color:#7a5320}.doc-page.branded .tbl thead th{color:#3a2310;background:#f3e6cd;border-color:#d9c49a}.doc-page.branded .tbl td{border-color:#e3d5bb}.doc-page.branded .tbl tbody tr:nth-child(2n) td{background:#faf3e6}.doc-page.branded .panel{background:#faf3e6;border-color:#e3d5bb}.doc-page.branded .rule{background:#d8a64e}.doc-page.branded .doc-footer{color:#6b5030;border-color:#e3d5bb}.doc-page.branded .total-row.grand{color:#fff;background:#3a2310}.doc-page.branded .sign-box{border-color:#d9c49a}.doc-page.branded .kv-label{color:#7a5b33}.doc-page.plain{color:#000;background:#fff}.doc-page.plain .doc-topband{background:#000}.doc-page.plain .doc-title{color:#000}.doc-page.plain .tbl thead th{color:#000;background:#eee;border-color:#999}.doc-page.plain .tbl td{border-color:#bbb}.doc-page.plain .panel{background:#f6f6f6;border-color:#ccc}.doc-page.plain .rule{background:#000}.doc-page.plain .doc-footer{color:#444;border-color:#ccc}.doc-page.plain .total-row.grand{color:#fff;background:#000}.doc-page.plain .sign-box{border-color:#999}.doc-page.plain .kv-label{color:#555}.doc-topband{flex:none;height:3mm;margin:-12mm -14mm 6mm}.doc-page.plain .doc-topband{height:2mm}.doc-head{flex:none;align-items:flex-start;gap:6mm;display:flex}.doc-logo{object-fit:contain;flex:none;width:22mm;height:22mm}.doc-page.plain .doc-logo{width:19mm;height:19mm}.doc-ident{flex:1;min-width:0}.doc-company{letter-spacing:.3px;font-size:16pt;font-weight:800;line-height:1.1}.doc-page.plain .doc-company{font-size:14pt}.doc-slogan{letter-spacing:1.6px;text-transform:uppercase;opacity:.78;margin-top:1mm;font-size:7.6pt}.doc-contact{opacity:.85;white-space:pre-line;margin-top:2mm;font-size:7.6pt;line-height:1.5}.doc-meta{text-align:right;flex:none;min-width:46mm}.doc-title{letter-spacing:2.4px;text-transform:uppercase;font-size:15pt;font-weight:800}.doc-page.plain .doc-title{letter-spacing:2px;font-size:13pt}.doc-metagrid{grid-template-columns:auto auto;justify-content:end;gap:.8mm 3mm;margin-top:2.5mm;font-size:8pt;display:grid}.doc-metagrid dt{opacity:.7;text-align:right}.doc-metagrid dd{text-align:right;margin:0;font-weight:700}.rule{opacity:.85;flex:none;height:.4mm;margin:4mm 0}.doc-page.plain .rule{height:.25mm}.doc-body{flex-direction:column;flex:1;gap:3.5mm;min-height:0;display:flex}.sec-title{letter-spacing:1.4px;text-transform:uppercase;opacity:.72;margin-bottom:1.5mm;font-size:8pt;font-weight:800}.panel{border:.3mm solid;border-radius:1.5mm;padding:3mm 3.5mm}.kv{grid-template-columns:26mm 1fr;gap:1mm 3mm;font-size:8.6pt;display:grid}.kv-label{font-weight:600}.kv-val{word-break:break-word;font-weight:600}.two-col{grid-template-columns:1fr 1fr;gap:4mm;display:grid}.tbl{border-collapse:collapse;table-layout:fixed;width:100%;font-size:8.4pt}.tbl thead th{text-align:left;letter-spacing:.5px;text-transform:uppercase;border:.3mm solid;padding:2mm;font-size:7.6pt;font-weight:800}.tbl td{vertical-align:top;word-break:break-word;border:.25mm solid;padding:2mm}.tbl .num{text-align:right;font-variant-numeric:tabular-nums}.tbl .ctr{text-align:center}.item-name{font-size:8.8pt;font-weight:700}.item-sub{opacity:.78;margin-top:.6mm;font-size:7.4pt;line-height:1.4}.item-note{opacity:.8;margin-top:.8mm;font-size:7.4pt;font-style:italic}.item-thumb{object-fit:cover;border:.25mm solid #0003;border-radius:1mm;width:20mm;height:15mm;display:block}.thumb-row{flex-wrap:wrap;gap:1.5mm;display:flex}.totals{width:72mm;margin-left:auto;font-size:8.8pt}.total-row{justify-content:space-between;padding:1.6mm 2.5mm;display:flex}.total-row+.total-row{border-top:.25mm solid #0000001f}.total-row.grand{border-top:none;border-radius:1.5mm;margin-top:1mm;font-size:10pt;font-weight:800}.pay-split{grid-template-columns:1fr 1fr;gap:3mm;margin-top:3mm;display:grid}.pay-box{text-align:center;border:.3mm solid #0000002e;border-radius:1.5mm;padding:2.5mm}.pay-box .lbl{text-transform:uppercase;letter-spacing:.8px;opacity:.72;font-size:7.4pt}.pay-box .amt{font-variant-numeric:tabular-nums;margin-top:.8mm;font-size:12pt;font-weight:800}.terms{margin:0;padding-left:4mm;font-size:8pt;line-height:1.6}.terms li{margin-bottom:.8mm}.sign-grid{grid-template-columns:1fr 1fr;gap:5mm;display:grid}.sign-box{border:.3mm solid;border-radius:1.5mm;padding:3mm}.sign-head{text-transform:uppercase;letter-spacing:.8px;margin-bottom:2.5mm;font-size:8pt;font-weight:800}.sign-line{margin-bottom:3.5mm;font-size:8pt}.sign-line .fill{border-bottom:.25mm solid #0006;min-width:30mm;margin-left:1.5mm;display:inline-block}.ack{text-align:center;opacity:.82;margin-top:2.5mm;font-size:7.6pt;font-style:italic}.doc-footer{letter-spacing:.3px;border-top:.25mm solid;flex:none;justify-content:space-between;align-items:flex-end;margin-top:auto;padding-top:2.5mm;font-size:7.2pt;display:flex}.doc-footer .tagline{letter-spacing:1.2px;text-transform:uppercase;font-weight:700}@media print{@page{size:A4 portrait;margin:0}html,body{background:#fff!important}body *{visibility:hidden!important}#print-root,#print-root *{visibility:visible!important}#print-root{margin:0;padding:0;position:absolute;inset:0}.doc-stack{gap:0;display:block}.doc-page{page-break-after:always;break-after:page;box-shadow:none!important;margin:0!important}.doc-page:last-child{page-break-after:auto;break-after:auto}.no-print{display:none!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.sign-line.sig-row{margin-top:7mm;margin-bottom:4mm}.sign-line.sig-row .fill{min-width:42mm;position:relative}.sign-line.sig-row .sig-ink{object-fit:contain;object-position:left bottom;width:auto;max-width:40mm;height:8mm;position:absolute;bottom:.3mm;left:1mm}