@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-sm:.25rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.static{position:static}.table-row{display:table-row}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2f4f8;--surface:#fff;--surface-2:#f6f8fb;--line:#e5e9f1;--line-strong:#ccd5e2;--ink:#101d31;--text:#36445e;--muted:#67758d;--faint:#96a2b6;--navy:#0b1f3a;--navy-2:#132f52;--gold:#c9973c;--primary:#1f5be0;--primary-hover:#1848b8;--primary-soft:#e9effc;--primary-ring:#1f5be029;--green:#0f9d6e;--green-soft:#e0f4ec;--amber:#b45309;--amber-soft:#fcf0dd;--amber-line:#eed9b4;--red:#d24040;--red-soft:#fdebeb;--cyan:#0e9bb5;--cyan-soft:#dff3f7;--violet:#7048d8;--violet-soft:#eee8fb;--topbar-bg:#ffffffe0;--radius:14px;--radius-sm:9px;--shadow-sm:0 1px 2px #101d310f;--shadow:0 10px 30px #101d3117;--shadow-lg:0 18px 50px #101d3129}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1320;--surface:#151d2e;--surface-2:#1a2438;--line:#242f47;--line-strong:#33405c;--ink:#e9eef7;--text:#bac5d9;--muted:#8290aa;--faint:#5f6d88;--gold:#d9ad5e;--primary:#5b8bf5;--primary-hover:#7aa1f7;--primary-soft:#5b8bf524;--primary-ring:#5b8bf547;--green:#2fbd8b;--green-soft:#2fbd8b26;--amber:#e0a04c;--amber-soft:#e0a04c21;--amber-line:#e0a04c52;--red:#e46a6a;--red-soft:#e46a6a24;--cyan:#3cc1da;--cyan-soft:#3cc1da24;--violet:#9b7bf0;--violet-soft:#9b7bf029;--topbar-bg:#0d1320d9;--shadow-sm:0 1px 2px #00000059;--shadow:0 10px 30px #00000073;--shadow-lg:0 18px 50px #0000008c}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Segoe UI Variable Text,Inter,Segoe UI,Microsoft YaHei,PingFang SC,system-ui,sans-serif;font-size:14px;line-height:1.5}body{transition:background .25s,color .25s}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%}::selection{background:var(--primary-ring)}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-strong);background-clip:content-box;border:3px solid #0000;border-radius:8px}::-webkit-scrollbar-track{background:0 0}:focus-visible{outline:none}button:focus-visible,label.secondary:focus-within{box-shadow:0 0 0 3px var(--primary-ring)}.app-shell{grid-template-columns:238px 1fr;min-height:100vh;display:grid}.sidebar{background:radial-gradient(120% 60% at 100% 0%, #174a728c 0%, transparent 60%), linear-gradient(178deg, var(--navy) 0%, var(--navy-2) 100%);color:#fff;z-index:5;flex-direction:column;height:100vh;padding:26px 16px 18px;display:flex;position:sticky;top:0}.brand{color:#fff;text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:0 8px 26px;display:flex}.brand img{object-fit:contain;background:#fff;border-radius:11px;width:42px;height:42px;padding:3px;box-shadow:0 4px 14px #00000059}.brand span{flex-direction:column;display:flex}.brand b{letter-spacing:.2px;font-size:17px}.brand small{letter-spacing:2.2px;color:#8fa9c8;margin-top:3px;font-size:8px}.sidebar nav{flex-direction:column;gap:4px;display:flex}.sidebar nav button{color:#a3b8d2;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:11px 13px;font-size:13.5px;font-weight:550;transition:background .18s,color .18s;display:flex}.sidebar nav button svg{opacity:.85;flex:none}.sidebar nav button:hover{color:#e9f0f8;background:#ffffff0f}.sidebar nav button.active{color:#fff;background:linear-gradient(92deg,#ffffff29,#ffffff12);box-shadow:inset 0 0 0 1px #ffffff1a,0 4px 12px #00000038}.sidebar nav button.active svg{opacity:1;color:var(--gold)}.sidebar-foot{border-top:1px solid #ffffff17;align-items:center;gap:10px;margin-top:auto;padding:12px 10px;display:flex}.sidebar-foot b{font-size:12.5px;display:block}.sidebar-foot small{color:#8fa9c8;font-size:11px}.status-dot{background:#34d399;border-radius:50%;flex:none;width:9px;height:9px;animation:2.6s ease-in-out infinite pulse;box-shadow:0 0 0 3px #34d39933}@keyframes pulse{50%{opacity:.5}}.workspace{flex-direction:column;min-width:0;display:flex}.topbar{z-index:4;background:var(--topbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:13px 28px;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:-.2px;margin:0;font-size:19px;font-weight:680}.eyebrow{letter-spacing:1.8px;color:var(--faint);margin:0 0 2px;font-size:10px;font-weight:680}.top-actions{align-items:center;gap:12px;display:flex}.phone{letter-spacing:1px;color:var(--muted);font-size:12px;font-weight:600}.theme-toggle{border:1px solid var(--line-strong);border-radius:10px;width:34px;height:34px}.page{align-content:start;gap:18px;padding:24px 28px 44px;animation:.3s both page-in;display:grid}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px;transition:background .25s,border-color .25s}.panel-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.panel-head h3{letter-spacing:-.15px;margin:0;font-size:15.5px;font-weight:680}.panel-head.inner{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.text-button{color:var(--primary);background:0 0;border:0;border-radius:7px;padding:3px 6px;font-size:13px;font-weight:620;transition:background .15s}.text-button:hover{background:var(--primary-soft)}.autosave{color:var(--green);font-size:11.5px;font-weight:620}button.primary,button.secondary,label.secondary{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:7px;padding:9px 16px;font-size:13.5px;font-weight:620;transition:background .16s,border-color .16s,color .16s,transform .12s,box-shadow .16s;display:inline-flex}button.primary{background:linear-gradient(180deg, var(--primary), var(--primary-hover));color:#fff;box-shadow:0 2px 8px var(--primary-ring);border:1px solid #0000}button.primary:hover{filter:brightness(1.06);box-shadow:0 4px 14px var(--primary-ring)}button.primary:active{transform:translateY(1px)}button.secondary,label.secondary{border:1px solid var(--line-strong);background:var(--surface);color:var(--text);cursor:pointer}button.secondary:hover,label.secondary:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}button.wide{width:100%;margin-top:4px}.icon-button{width:30px;height:30px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:9px;flex:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.icon-button:hover{background:var(--primary-soft);color:var(--primary)}.icon-button.danger:hover{background:var(--red-soft);color:var(--red)}.row-actions{flex:none;align-items:center;gap:2px;display:flex}form label,.composer label{color:var(--muted);flex-direction:column;gap:6px;margin-bottom:12px;font-size:12.5px;font-weight:620;display:flex}input,textarea,select{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--ink);outline:none;padding:9px 11px;font-weight:450;transition:border-color .15s,box-shadow .15s,background .25s}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}textarea{resize:vertical;min-height:72px}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field-row.three{grid-template-columns:1.4fr 1fr .8fr}.field-row.customer-row{grid-template-columns:2fr 1fr}.section-label{letter-spacing:1.5px;color:var(--faint);border-top:1px solid var(--line);margin:6px 0 10px;padding-top:14px;font-size:10.5px;font-weight:720}.composer>.section-label:first-of-type{border-top:0;padding-top:0}.section-hint{color:var(--muted);margin:-4px 0 14px;font-size:12px;line-height:1.55}.search-box{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--faint);align-items:center;gap:7px;min-width:200px;padding:0 10px;transition:border-color .15s,box-shadow .15s;display:flex}.search-box input{background:0 0;border:0;padding:8px 0;box-shadow:none!important}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.doc-badge{background:var(--primary-soft);width:36px;height:36px;color:var(--primary);letter-spacing:.3px;border-radius:10px;flex:none;place-items:center;font-size:12px;font-weight:720;display:grid}.doc-badge.t-qt{background:var(--primary-soft);color:var(--primary)}.doc-badge.t-pi{background:var(--cyan-soft);color:var(--cyan)}.doc-badge.t-sc{background:var(--violet-soft);color:var(--violet)}.doc-badge.t-ci{background:var(--green-soft);color:var(--green)}.doc-badge.t-pl{background:var(--amber-soft);color:var(--amber)}.tag{background:var(--amber-soft);color:var(--amber);border-radius:20px;flex:none;padding:3px 10px;font-size:11.5px;font-weight:680}.tag.confirmed{background:var(--green-soft);color:var(--green)}.amount{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.empty-state{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:36px 12px;display:flex}.empty-state svg{color:var(--faint)}.empty-state b{color:var(--text)}.empty-state p{margin:0;font-size:12.5px}.empty-state.compact{padding:20px}.hero-card{background:radial-gradient(90% 150% at 100% 0%, #206dc580 0%, transparent 55%), linear-gradient(115deg, var(--navy) 0%, var(--navy-2) 66%, #17486e 100%);color:#fff;box-shadow:var(--shadow);border-radius:18px;justify-content:space-between;align-items:center;gap:24px;padding:34px 38px;display:flex;position:relative;overflow:hidden}.hero-card:after{content:"";background:linear-gradient(90deg, var(--gold), transparent 65%);opacity:.85;height:3px;position:absolute;inset:0 0 auto}.hero-kicker{letter-spacing:2.4px;color:#e3b96b;font-size:10.5px;font-weight:680}.hero-card h2{letter-spacing:-.3px;margin:12px 0 10px;font-size:26px;font-weight:680;line-height:1.35}.hero-card p{color:#b9cbdf;max-width:460px;margin:0 0 22px}.hero-cta{color:var(--navy);background:#fff;border:0;border-radius:11px;align-items:center;gap:9px;padding:11px 20px;font-size:14px;font-weight:680;transition:transform .16s,box-shadow .16s;display:inline-flex}.hero-cta:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0000004d}.hero-mark{background:#ffffff1a;border:1px solid #ffffff29;border-radius:26px;flex:none;place-items:center;width:108px;height:108px;display:grid}.hero-mark img{object-fit:contain;background:#fff;border-radius:15px;width:64px;height:64px;padding:6px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.metric-grid article{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:15px;padding:18px 20px;transition:transform .18s,box-shadow .18s,background .25s;display:flex}.metric-grid article:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.metric-icon{border-radius:13px;flex:none;place-items:center;width:44px;height:44px;display:grid}.metric-icon.blue{background:var(--primary-soft);color:var(--primary)}.metric-icon.cyan{background:var(--cyan-soft);color:var(--cyan)}.metric-icon.amber{background:var(--amber-soft);color:var(--amber)}.metric-icon.violet{background:var(--violet-soft);color:var(--violet)}.metric-grid small{color:var(--muted);font-size:12px;font-weight:620}.metric-grid strong{font-variant-numeric:tabular-nums;letter-spacing:-.4px;font-size:24px;font-weight:740;line-height:1.2;display:block}.metric-grid p{color:var(--faint);margin:2px 0 0;font-size:12px}.split-grid{grid-template-columns:1.05fr 1fr;align-items:start;gap:16px;display:grid}.quick-grid{gap:9px;display:grid}.quick-grid button{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:11px;align-items:center;gap:14px;padding:12px 14px;transition:border-color .16s,background .16s,transform .16s;display:flex}.quick-grid button:hover{border-color:var(--primary);background:var(--primary-soft);transform:translate(2px)}.quick-grid b{background:linear-gradient(160deg, var(--navy), var(--navy-2));color:#fff;letter-spacing:.5px;border-radius:11px;flex:none;place-items:center;width:40px;height:40px;font-size:12.5px;display:grid}.quick-grid span{flex-direction:column;flex:1;gap:1px;font-weight:620;display:flex}.quick-grid span small{color:var(--faint);font-size:11.5px;font-weight:500}.quick-grid svg{color:var(--faint)}.recent-list{flex-direction:column;display:flex}.recent-row{text-align:left;border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:8px;align-items:center;gap:12px;width:100%;padding:11px 8px;transition:background .15s;display:flex}.recent-row:hover{background:var(--surface-2)}.recent-row:last-child{border-bottom:0}.recent-row>div{flex:1;min-width:0}.recent-row b{font-size:13px;display:block}.recent-row small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.two-column{grid-template-columns:380px 1fr;align-items:start}.card-list{flex-direction:column;gap:9px;display:flex}.card-list article{border:1px solid var(--line);border-radius:11px;align-items:center;gap:13px;padding:12px 14px;transition:border-color .16s,background .16s;display:flex}.card-list article:hover{border-color:var(--line-strong);background:var(--surface-2)}.card-list article.editing{border-color:var(--primary);background:var(--primary-soft)}.avatar{background:linear-gradient(160deg, var(--navy), var(--navy-2));color:#fff;border-radius:11px;flex:none;place-items:center;width:40px;height:40px;font-size:13px;font-weight:680;display:grid}.card-main{flex:1;min-width:0}.card-main b{font-size:13.5px;display:block}.card-main p{color:var(--muted);margin:1px 0;font-size:12.5px}.card-main small{color:var(--faint);font-size:12px}.product-table{flex-direction:column;display:flex}.table-head,.table-row{grid-template-columns:1.2fr 1.4fr .8fr 76px;align-items:center;gap:12px;padding:10px 8px;display:grid}.table-head{letter-spacing:.8px;color:var(--faint);border-bottom:1px solid var(--line);font-size:11px;font-weight:680}.table-row{border-bottom:1px solid var(--line);border-radius:8px;transition:background .15s}.table-row:hover{background:var(--surface-2)}.table-row:last-child{border-bottom:0}.table-row.editing{background:var(--primary-soft)}.table-row b{font-size:13px;display:block}.table-row small{color:var(--muted);font-size:12px}.table-row .spec{color:var(--muted);font-size:12.5px}.document-page{grid-template-columns:minmax(460px,560px) 1fr;align-items:start}.document-left{gap:18px;min-width:0;display:grid}.editing-banner{background:var(--amber-soft);border:1px solid var(--amber-line);color:var(--amber);border-radius:var(--radius-sm);margin-bottom:14px;padding:9px 13px;font-size:12.5px}.doc-type-tabs{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:16px;padding:4px;display:grid}.doc-type-tabs button{color:var(--text);background:0 0;border:0;border-radius:9px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;font-size:12.5px;font-weight:720;transition:background .16s,color .16s,box-shadow .16s;display:flex}.doc-type-tabs button small{color:var(--faint);letter-spacing:.2px;font-size:8.5px;font-weight:550}.doc-type-tabs button:hover{background:var(--surface)}.doc-type-tabs button.active{background:linear-gradient(180deg, var(--primary), var(--primary-hover));color:#fff;box-shadow:0 3px 10px var(--primary-ring)}.doc-type-tabs button.active small{color:#ffffffbf}.doc-type-tabs button:disabled{opacity:.4;cursor:not-allowed}.doc-type-tabs button:disabled:hover{background:0 0}.line-editor{border:1px solid var(--line);border-radius:var(--radius-sm);margin-bottom:10px;overflow:hidden}.line-head,.line-row{grid-template-columns:1fr 1.3fr 64px 52px 46px 76px 30px;align-items:center;gap:5px;padding:7px 8px;display:grid}.line-head{background:var(--surface-2);border-bottom:1px solid var(--line);letter-spacing:.6px;color:var(--faint);font-size:10.5px;font-weight:680}.line-row{border-bottom:1px solid var(--line)}.line-row:last-child{border-bottom:0}.line-row input,.line-row select{border-radius:7px;padding:7px 8px;font-size:12.5px}.line-editor.packing{border:0;gap:10px;margin-bottom:10px;display:grid;overflow:visible}.packing-line{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:10px}.packing-top{grid-template-columns:1fr 1.4fr 34px;align-items:center;gap:6px;margin-bottom:8px;display:grid}.packing-top select,.packing-top input{border-radius:7px;padding:7px 8px;font-size:12.5px}.packing-nums{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.packing-nums label{color:var(--faint);gap:3px;margin:0;font-size:10.5px;font-weight:620}.packing-nums input{border-radius:7px;padding:6px 7px;font-size:12.5px}.add-line{border:1px dashed var(--line-strong);color:var(--muted);border-radius:var(--radius-sm);background:0 0;align-items:center;gap:7px;margin-bottom:14px;padding:8px 14px;font-size:12.5px;font-weight:620;transition:border-color .16s,color .16s;display:inline-flex}.add-line:hover{border-color:var(--primary);color:var(--primary)}.composer-total{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:14px;padding:11px 15px;font-weight:620;display:flex}.composer-total b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:17px}.composer-actions{flex-wrap:wrap;gap:9px;display:flex}.composer-actions .primary{margin-left:auto}.flow-box{margin-top:4px}.flow-row{flex-wrap:wrap;gap:7px;margin-bottom:8px;display:flex}.flow-row button{border:1px solid var(--line-strong);background:var(--surface);color:var(--text);border-radius:20px;align-items:center;gap:6px;padding:6px 13px;font-size:12.5px;font-weight:620;transition:border-color .16s,color .16s,background .16s;display:inline-flex}.flow-row button:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.flow-box small{color:var(--faint);font-size:11.5px}.history-toolbar{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.history-toolbar select{width:auto;padding:8px 10px;font-size:12.5px}.history-toolbar .search-box{flex:1;min-width:180px}.document-history{flex-direction:column;display:flex}.document-history article{border-bottom:1px solid var(--line);border-radius:8px;align-items:center;gap:12px;padding:11px 8px;transition:background .15s;display:flex}.document-history article:hover{background:var(--surface-2)}.document-history article:last-child{border-bottom:0}.document-history article.editing{background:var(--primary-soft)}.doc-info{flex:1;min-width:0}.doc-info b{font-size:13px;display:block}.doc-info small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.document-preview,.letterhead-sample{--ink:#101d31;--text:#36445e;--muted:#67758d;--faint:#96a2b6;--line:#e5e9f1;--line-strong:#ccd5e2;--surface:#fff;--surface-2:#f6f8fb}.document-preview{border:1px solid var(--line);box-shadow:var(--shadow);color:#17253b;background:#fff;border-radius:8px;min-width:0;padding:44px 48px;font-size:13px}[data-theme=dark] .document-preview{box-shadow:var(--shadow-lg);border-color:#0000}.doc-letterhead{border-bottom:3px solid var(--navy);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:18px;display:flex;position:relative}.doc-letterhead:after{content:"";background:#c9973c;width:64px;height:2px;position:absolute;bottom:-6px;left:0}.doc-brand{align-items:center;gap:12px;display:flex}.doc-brand img{object-fit:contain;width:46px;height:46px}.doc-brand b{letter-spacing:.4px;color:var(--ink);font-size:19px;display:block}.doc-brand span{color:var(--muted);font-size:11.5px}.doc-contact{color:var(--muted);flex-direction:column;align-items:flex-end;gap:2px;font-size:11.5px;display:flex}.doc-title{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px 18px;margin:22px 0 18px;display:flex}.doc-title h2{letter-spacing:2.5px;color:var(--navy);margin:0;font-size:24px;font-weight:720}.doc-title-cn{letter-spacing:6px;color:var(--muted);margin:2px 0 0;font-size:13px;font-weight:620}.doc-meta{flex-wrap:wrap;gap:10px 24px;display:flex}.doc-meta small,.party small,.doc-trade small,.doc-bank small,.doc-notes small{letter-spacing:1.2px;color:var(--faint);margin-bottom:2px;font-size:9.5px;font-weight:680;display:block}.doc-meta b{color:var(--ink);font-size:12.5px}.party{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;display:grid}.party>div{border:1px solid var(--line);border-radius:8px;padding:12px 14px}.party small{margin-bottom:5px}.party b{color:var(--ink);font-size:13.5px}.party p{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.55}.doc-trade{border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;padding:11px 14px;display:grid}.doc-trade b{color:var(--ink);font-size:12.5px}.doc-table{border-collapse:collapse;width:100%;margin-bottom:0}.doc-table th{background:var(--navy);color:#fff;letter-spacing:1px;text-align:left;padding:8px 10px;font-size:10px;font-weight:680;line-height:1.3}.doc-table th:first-child{width:34px}.doc-table th:nth-child(n+3),.doc-table td:nth-child(n+3){text-align:right}.doc-table td:nth-child(n+3){white-space:nowrap}.doc-table td{border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink);padding:9px 10px;font-size:12.5px}.doc-table tbody tr:nth-child(2n) td{background:#f8fafc}.doc-table tfoot td{border-bottom:2px solid var(--navy);background:#eef2f7;font-size:12.5px;font-weight:720}.doc-table.packing th,.doc-table.packing td{padding:7px 6px;font-size:11.5px}.doc-table.packing th{white-space:normal}.hs-cell{font-variant-numeric:tabular-nums}.preview-placeholder{color:var(--faint);text-align:center!important;padding:26px 10px!important}.doc-total{border-bottom:3px double var(--navy);justify-content:flex-end;align-items:center;gap:22px;padding:13px 10px;display:flex}.doc-total span{letter-spacing:1.4px;color:var(--muted);font-size:10.5px;font-weight:680}.doc-total b{color:var(--navy);font-variant-numeric:tabular-nums;font-size:17px}.doc-words{color:var(--text);letter-spacing:.3px;margin:10px 0 0;font-size:11.5px;font-style:italic}.doc-bank{border:1px solid var(--line);border-left:3px solid var(--navy);border-radius:6px;margin-top:18px;padding:10px 14px}.doc-bank small{margin-bottom:4px}.doc-bank p{color:var(--text);margin:0;font-size:12px;line-height:1.65}.doc-notes{margin-top:18px}.doc-notes small{margin-bottom:4px}.doc-notes p{color:var(--text);white-space:pre-wrap;margin:0;font-size:12px;line-height:1.6}.signature{grid-template-columns:1fr 1fr;gap:40px;margin-top:52px;display:grid}.signature span{border-top:1px solid var(--line-strong);color:var(--muted);text-align:center;padding-top:7px;font-size:11px}.signature .stamp-spot{position:relative}.signature .stamp{object-fit:contain;opacity:.92;mix-blend-mode:multiply;pointer-events:none;width:108px;max-height:108px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)rotate(-8deg)}.signature .stamp.draggable{pointer-events:auto;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.signature .stamp.draggable:active{cursor:grabbing}.document-preview footer{border-top:1px solid var(--line);color:var(--faint);letter-spacing:.4px;justify-content:space-between;margin-top:30px;padding-top:10px;font-size:10.5px;display:flex}@media (min-width:1241px){.document-preview{max-height:calc(100vh - 100px);position:sticky;top:76px;overflow-y:auto}}.settings-page{grid-template-columns:460px 1fr;align-items:start}.letterhead-sample{border:1px solid var(--line);color:#17253b;background:#fff;border-radius:8px;padding:20px}.letterhead-sample .doc-letterhead{padding-bottom:14px}.settings-tips{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);margin-top:18px;padding:14px 18px}.settings-tips p{margin:0 0 6px;font-size:12.5px;font-weight:680}.settings-tips ul{color:var(--muted);gap:4px;margin:0;padding-left:18px;font-size:12.5px;display:grid}.stamp-row{align-items:center;gap:16px;margin-bottom:16px;display:flex}.stamp-preview{border:1px dashed var(--line-strong);background:#fff;border-radius:11px;flex:none;place-items:center;width:110px;height:110px;display:grid;overflow:hidden}.stamp-preview img{object-fit:contain;max-width:96px;max-height:96px}.stamp-preview span{color:#96a2b6;font-size:12px}.stamp-actions{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.backup-hero{align-items:center;gap:26px;padding:30px 34px;display:flex}.backup-art{background:var(--primary-soft);width:74px;height:74px;color:var(--primary);border-radius:22px;flex:none;place-items:center;display:grid}.backup-hero h2{margin:6px 0 8px;font-size:21px;font-weight:680}.backup-hero p{color:var(--muted);max-width:560px;margin:0 0 18px}.backup-actions{flex-wrap:wrap;gap:10px;display:flex}.file-button{position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.backup-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.backup-grid article span{background:linear-gradient(160deg, var(--navy), var(--navy-2));color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;margin-bottom:10px;font-size:12.5px;font-weight:720;display:inline-grid}.backup-grid h3{margin:0 0 5px;font-size:15px}.backup-grid p{color:var(--muted);margin:0;font-size:12.5px}.toast{background:var(--navy);color:#fff;box-shadow:var(--shadow-lg);z-index:50;border:1px solid #ffffff1f;border-radius:30px;padding:10px 22px;font-size:13px;font-weight:620;animation:.24s cubic-bezier(.2,.9,.3,1.2) toast-in;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)scale(.97)}to{opacity:1;transform:translate(-50%)scale(1)}}@media (max-width:1240px){.document-page{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1020px){.two-column,.split-grid,.settings-page,.backup-grid{grid-template-columns:1fr}.hero-mark{display:none}.packing-nums{grid-template-columns:repeat(3,1fr)}}@media (max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;gap:8px;height:auto;padding:12px 14px;position:static}.brand{width:auto;padding:0 10px 0 0}.brand span{display:none}.sidebar nav{flex-flow:wrap;gap:2px}.sidebar nav button{padding:8px 10px;font-size:12.5px}.sidebar-foot{display:none}.topbar,.page{padding-left:16px;padding-right:16px}.metric-grid{grid-template-columns:1fr}.document-preview{padding:26px 20px}}@media print{body{background:#fff}.sidebar,.topbar,.no-print,.toast{display:none!important}.app-shell{display:block}.page{padding:0;animation:none;display:block}.document-page{grid-template-columns:1fr}.document-preview{max-height:none;box-shadow:none;border:0;border-radius:0;width:100%;padding:0;position:static;overflow:visible}.doc-table th{-webkit-print-color-adjust:exact;print-color-adjust:exact}.doc-table{break-inside:auto}.doc-table thead{display:table-header-group}.doc-table tfoot{break-inside:avoid}.doc-table tr,.party,.doc-trade,.doc-total,.doc-words,.doc-bank,.doc-notes,.signature,.document-preview footer{break-inside:avoid;page-break-inside:avoid}}@page{margin:14mm}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}