@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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-lg: .5rem;--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;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{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}: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,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-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]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media(width>=40rem){.container{max-width:40rem}}@media(width>=48rem){.container{max-width:48rem}}@media(width>=64rem){.container{max-width:64rem}}@media(width>=80rem){.container{max-width:80rem}}@media(width>=96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.ordinal{--tw-ordinal: ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.ring{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.select-all{-webkit-user-select:all;user-select:all}}:root{--ink: #17242f;--ink-soft: #35485a;--muted: #667786;--muted-2: #7c8b99;--line: #d8e1e8;--line-soft: #e7edf2;--bg: #f4f7fa;--surface: #fff;--surface-alt: #eaf0f5;--border: #d8e1e8;--primary: #173753;--primary-hover: #204b70;--primary-active: #10283e;--primary-soft: #e8eef3;--secondary: #2f6f9f;--accent: #24a6a1;--danger: #c74343;--danger-line: #f0d2d2;--danger-bg: #fdf4f4;--success: #21875a;--success-bg: #e8f4ee;--warning: #d89414;--warning-bg: #fdf1de;--info: #2878ae;--text-primary: #17242f;--text-secondary: #667786;--text-on-primary: #fff;--sidebar-bg: #173753;--sidebar-hover: #204b70;--sidebar-active: #2f6f9f;--shadow: 0 4px 14px rgba(23, 55, 83, .12);--radius: 9px;--radius-lg: 13px}.ds-page{min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}.ds-page *{box-sizing:border-box}.page-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 28px;background:#e2dc9af5;border-bottom:1px solid var(--line);border-radius:9px;box-shadow:0 4px 18px #1723380a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.eyebrow,.panel-kicker{color:#758195;font-size:10px;font-weight:800;letter-spacing:.12em}.title-row{display:flex;align-items:center;gap:12px;margin-top:3px}.title-block h1{margin:0;font-size:25px;line-height:1.2;letter-spacing:-.02em}.title-block p{margin:5px 0 0;color:var(--muted);font-size:13px}.mode-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:var(--success-bg);color:var(--success);font-size:11px;font-weight:800}.mode-badge.edit-mode{background:var(--warning-bg);color:var(--warning)}.mode-badge[data-status=O]{background:var(--primary-soft);color:var(--secondary)}.mode-badge[data-status=A]{background:var(--success-bg);color:var(--success)}.mode-badge[data-status=C]{background:#eef1f5;color:#52606f}.cancelled-stamp{display:inline-flex;align-items:center;padding:4px 10px;border:1.5px solid #b91c1c;border-radius:4px;color:#b91c1c;font-size:11px;font-weight:800;letter-spacing:.04em}.header-actions,.bottom-actions{display:flex;align-items:center;gap:9px}.keyboard-hint{font-size:10px;color:#758890;font-weight:750;background:#f5f8f9;border:1px solid #e0e8ea;border-radius:8px;padding:6px 9px;white-space:nowrap}.btn{min-height:39px;border:1px solid #d8dee7;border-radius:var(--radius);padding:0 14px;background:var(--surface);color:#27354b;font:inherit;font-size:12px;font-weight:750;cursor:pointer;transition:.18s ease}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 14px #1f314d14}.btn:disabled{opacity:.52;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 5px 12px #17375340}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-primary:active:not(:disabled){background:var(--primary-active);border-color:var(--primary-active)}.btn-light{background:var(--surface)}.btn-danger-soft{background:var(--danger-bg);border-color:var(--danger-line);color:var(--danger)}.btn-icon{margin-right:4px;font-size:15px}.btn.large{min-width:150px;min-height:44px}.btn.small{min-height:32px;padding:0 10px;font-size:11px}.toast{display:flex;align-items:center;gap:9px;margin:14px 28px 0;padding:10px 13px;border:1px solid #cfe6da;border-radius:var(--radius);background:var(--success-bg);color:var(--success);font-size:12px;font-weight:650}.toast.error{border-color:var(--danger-line);background:var(--danger-bg);color:var(--danger)}.toast.warning{border-color:var(--warning-bg);background:var(--warning-bg);color:var(--warning)}.toast-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.workspace{display:grid;grid-template-columns:286px minmax(0,1fr);gap:18px;padding:18px 28px 34px;max-width:1800px;margin:0 auto}.workspace.no-side-panel{grid-template-columns:minmax(0,1fr)}.side-panel{position:sticky;top:96px;align-self:start;overflow:hidden;background:var(--surface);border:1px solid #e2e7ee;border-radius:var(--radius-lg);box-shadow:0 8px 24px #1b2a420b}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:15px 16px 12px;border-bottom:1px solid var(--line-soft)}.panel-heading h2{margin:2px 0 0;font-size:15px}.count-badge{min-width:26px;padding:4px 7px;border-radius:7px;background:var(--primary-soft);color:var(--primary);text-align:center;font-size:11px;font-weight:800}.search-box{display:flex;align-items:center;gap:7px;padding:11px 12px;background:#fafbfd;border-bottom:1px solid var(--line-soft)}.search-icon{color:#8a96a8;font-size:19px}.search-box input{flex:1;min-width:0;height:36px;padding:0 9px;border:1px solid #dce2ea;border-radius:8px;background:#fff;outline:none;font-size:11px}.search-box input:focus{border-color:var(--secondary);box-shadow:0 0 0 3px #2f6f9f1f}.empty-list{padding:28px 16px;color:#8a94a4;text-align:center;font-size:12px}.product-list{max-height:calc(100vh - 210px);overflow:auto}.product-row{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) 8px;align-items:center;gap:10px;width:100%;border:0;border-bottom:1px solid #f0f2f5;padding:11px 13px;background:var(--surface);color:inherit;text-align:left;cursor:pointer;transition:.15s ease}.product-row:hover{background:#f8fafc}.product-row.selected{background:#eef5fd;box-shadow:inset 3px 0 var(--primary)}.product-row.highlighted{background:#fff6e0;outline:1px solid #e0b949;outline-offset:-1px}.product-row.highlighted.selected{background:#eaf3fc;box-shadow:inset 3px 0 var(--primary);outline:1px solid #e0b949;outline-offset:-1px}.product-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius);background:#edf2f8;color:#315372;font-size:12px;font-weight:850}.product-row.selected .product-avatar{background:#dbeafc;color:var(--primary)}.product-meta{min-width:0;display:flex;flex-direction:column}.product-meta strong{overflow:hidden;color:#223047;font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}.product-meta span{overflow:hidden;margin-top:3px;color:#7d8796;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:50%;background:#37a67e}.status-dot.inactive{background:#c7cdd5}.form-area{min-width:0}.form-area form,form.ds-form{display:grid;gap:14px}.summary-card,.form-card{border-radius:var(--radius-lg)}.summary-card{background:var(--surface);border:1px solid #e2e7ee;box-shadow:0 8px 24px #1b2a420a;display:flex;align-items:center;gap:13px;padding:14px 17px}.summary-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:var(--primary-soft);color:var(--primary);font-size:13px;font-weight:900}.summary-copy{min-width:0;display:flex;flex:1;flex-direction:column}.summary-copy span{color:var(--muted-2);font-size:9px;font-weight:850;letter-spacing:.09em}.summary-copy strong{margin-top:2px;font-size:15px}.summary-copy small{margin-top:2px;color:#7b8697;font-size:10.5px}.form-card{padding:17px 17px 17px 19px;background:linear-gradient(145deg,#eaf1f9,#f8fafc 55%);border:1px solid #d7e3ef;border-left:2px solid var(--primary);box-shadow:0 10px 28px #1737531a}.section-heading{display:flex;align-items:center;gap:11px;margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid var(--line-soft)}.section-heading.compact{margin-bottom:13px}.section-icon{display:grid;place-items:center;flex:0 0 auto;width:31px;height:31px;border-radius:8px;background:#eef3f9;color:#345675;font-size:10px;font-weight:900}.section-heading h2{margin:0;color:#233149;font-size:14px;font-weight:800;letter-spacing:-.01em}.section-heading p{margin:3px 0 0;color:var(--muted-2);font-size:10.5px}.section-tag{margin-left:auto;padding:4px 8px;border:1px solid #d9e6f4;border-radius:6px;background:#f3f8fe;color:#376a9a;font-size:10px;font-weight:850}.section-tag.tag-danger{border-color:var(--danger-line);background:var(--danger-bg);color:var(--danger)}.section-heading-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.section-heading-actions .section-tag{margin-left:0}.section-toggle{flex:0 0 auto;width:26px;height:26px;border:1px solid #d9e0e8;border-radius:7px;background:#fff;color:#52606f;font-size:15px;font-weight:800;line-height:1;cursor:pointer;display:grid;place-items:center;transition:.15s ease}.section-toggle:hover{background:#f4f7fa;border-color:#c6d0da}.section-heading.c1{border-bottom-color:#b9d4ea}.section-heading.c1 .section-icon{background:var(--secondary);color:#fff}.section-heading.c2{border-bottom-color:#a8e0da}.section-heading.c2 .section-icon{background:var(--accent);color:#fff}.section-heading.c3{border-bottom-color:#f3dba8}.section-heading.c3 .section-icon{background:var(--warning);color:#fff}.section-heading.c4{border-bottom-color:#d9c6ec}.section-heading.c4 .section-icon{background:#8355b3;color:#fff}.section-heading.c5{border-bottom-color:#f0c3d6}.section-heading.c5 .section-icon{background:#c1487e;color:#fff}.form-grid{display:grid;gap:12px 13px}.four-cols{grid-template-columns:repeat(4,minmax(0,1fr))}.three-cols{grid-template-columns:repeat(3,minmax(0,1fr))}.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2{grid-column:span 2}.span-all{grid-column:1 / -1}.field{display:flex;min-width:0;flex-direction:column;gap:5px;color:var(--ink-soft);font-size:10.5px;font-weight:720}.field>span b{color:#c6534c}.field input,.field select,.field textarea{width:100%;border:1px solid #d7dee8;border-radius:8px;background:#fff;color:#1e2d43;outline:none;font:inherit;font-size:11.5px;font-weight:520;transition:.16s ease}.field input,.field select{height:38px;padding:0 10px}.field textarea{min-height:88px;padding:10px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#a3acba}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--secondary);box-shadow:0 0 0 3px #2f6f9f1f}.field input:disabled,.field select:disabled{background:#f2f4f7;color:#7d8795;cursor:not-allowed}.field input.invalid,.field select.invalid{border-color:#dc7770;background:snow}.validation{color:#b95650;font-size:9.5px;font-weight:650}.code-field input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:750;letter-spacing:.03em}.toggle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.toggle-option{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:9px;min-width:0;padding:10px;border:1px solid #e4e8ee;border-radius:9px;background:#fbfcfd;cursor:pointer;transition:.15s ease}.toggle-option:hover{border-color:#cdd8e5;background:#f8fafc}.toggle-option input{display:none}.toggle-option>span:last-child{display:flex;min-width:0;flex-direction:column}.toggle-option strong{color:#435168;font-size:10.5px}.toggle-option small{overflow:hidden;margin-top:2px;color:#8c96a5;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.mini-switch{position:relative;width:29px;height:17px;border-radius:999px;background:#cdd4de;transition:.18s}.mini-switch:after{content:"";position:absolute;top:3px;left:3px;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000026;transition:.18s}.toggle-option input:checked+.mini-switch{background:var(--secondary)}.toggle-option input:checked+.mini-switch:after{transform:translate(12px)}.toggle-option.disabled{opacity:.5;pointer-events:none}.toggle-option.highlighted{outline:1px solid #e0b949;outline-offset:-1px;background:#fff6e0}.active-switch{display:flex;flex-direction:row;align-items:center;gap:8px;color:var(--ink-soft);font-size:11px;font-weight:800;cursor:pointer}.active-switch input{display:none}.switch-track{position:relative;width:35px;height:20px;border-radius:999px;background:#ccd3dd;transition:.18s}.switch-thumb{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000002e;transition:.18s}.active-switch input:checked+.switch-track{background:var(--success)}.active-switch input:checked+.switch-track .switch-thumb{transform:translate(15px)}.form-tabs{display:flex;gap:6px;overflow:auto;padding:6px;background:#eef4f6;border:1px solid #dce7ea;border-radius:12px;position:sticky;top:0;z-index:4}.form-tabs button{border:0;background:transparent;padding:9px 14px;border-radius:8px;font-weight:700;color:#53656b;white-space:nowrap;cursor:pointer}.form-tabs button.active{background:#fff;color:#142f39;box-shadow:0 1px 5px #142f391f}.tab-pane{display:none}.tab-pane.active{display:block}.accordion{background:#fff;border:1px solid #dfe8ea;border-radius:12px;margin-top:12px;overflow:hidden}.accordion>summary{cursor:pointer;list-style:none;padding:13px 16px;font-weight:800;color:#17343e;background:#f8fbfc;display:flex;align-items:center;justify-content:space-between}.accordion>summary::-webkit-details-marker{display:none}.accordion>summary:after{content:"+";font-size:18px}.accordion[open]>summary:after{content:"\2212"}.accordion-body{padding:14px 16px;border-top:1px solid #e8eff1}.ds-grid-wrap{overflow-x:auto;border:1px solid #e2e7ee;border-radius:var(--radius-lg);background:var(--surface)}.ds-grid-wrap.scroll-fit{max-height:calc(100vh - 300px);overflow-y:auto}.ds-grid-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--line);background:#fbfcfd}.ds-grid-count{font-size:11px;font-weight:700;color:var(--muted)}.ds-grid-page-size{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:var(--muted)}.ds-grid-page-size select{height:28px;padding:0 8px;border:1px solid #dce2ea;border-radius:6px;background:#fff;font:inherit;font-size:11px;font-weight:650;color:var(--ink);outline:none;cursor:pointer}.ds-grid-page-size select:focus{border-color:var(--secondary);box-shadow:0 0 0 3px #2f6f9f1f}.ds-grid-nav{display:flex;align-items:center;gap:6px}.ds-grid-nav-info{font-size:11px;font-weight:700;color:var(--muted);margin-right:4px;white-space:nowrap}.ds-grid-nav button.btn.small:disabled{opacity:.4}.ds-grid{width:100%;min-width:640px;border-collapse:collapse;font-size:11.5px}.ds-grid thead th{position:sticky;top:0;z-index:1;padding:10px 12px;background:#f7f9fc;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.04em;text-align:left;white-space:nowrap}.ds-grid thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.ds-grid thead th.sortable:hover{color:var(--ink)}.ds-grid thead th .sort-arrow{margin-left:4px;opacity:.5}.ds-grid thead th.align-right,.ds-grid td.align-right{text-align:right}.ds-grid tbody td{padding:9px 12px;border-bottom:1px solid var(--line-soft);color:#223047;white-space:nowrap}.ds-grid .select-col{width:34px;min-width:34px;text-align:center;padding-left:8px;padding-right:8px}.ds-grid tbody tr:last-child td{border-bottom:0}.ds-grid tbody tr:hover{background:#f8fafc}.ds-grid tbody tr.clickable{cursor:pointer}.ds-grid tbody tr.selected{background:#eaf2fc}.ds-grid tbody tr.row-warning{background:#fdecec}.ds-grid tbody tr.row-done{background:#edf7f2}.ds-grid tbody tr.row-error{background:#fdecec}.ds-grid tbody tr.row-locked{opacity:.55}.ds-grid tbody tr.row-has-voucher{background:#e3f6e8}.ds-grid tbody tr.row-exp-short{background:#f1f1f1}.ds-grid tbody tr.row-exp-4-6{background:#eaf7ee}.ds-grid tbody tr.row-exp-6-9{background:#f5f2df}.ds-grid tbody tr.row-exp-9-12{background:#fdf8de}.ds-grid tbody tr.row-exp-long{background:#e9f1fb}.ds-grid tbody td.cell-clickable{color:var(--secondary);font-weight:700;cursor:pointer}.ds-grid tbody td.cell-clickable:hover{text-decoration:underline}.totals-strip{display:flex;gap:22px;margin-bottom:14px;padding:12px 16px;border:1px solid #e2e7ee;border-radius:var(--radius-lg);background:#f7f9fc}.totals-strip span{display:flex;flex-direction:column;gap:3px}.totals-strip small{color:var(--muted-2);font-size:9px;font-weight:850;letter-spacing:.09em}.totals-strip strong{font-size:14px}.ds-grid .grid-empty,.ds-grid .grid-loading{padding:26px 16px;color:#8a94a4;text-align:center;font-size:12px}.ds-grid.resizable{table-layout:fixed}.ds-grid.resizable th,.ds-grid.resizable td{overflow:hidden;text-overflow:ellipsis}.ds-grid .th-label{pointer-events:none}.ds-grid .col-resize-handle{position:absolute;top:0;right:-3px;width:7px;height:100%;cursor:col-resize;z-index:2}.ds-grid .col-resize-handle:hover,.ds-grid .col-resize-handle:active{background:#2f6f9f2e}.ds-grid .filter-row th{padding:6px 8px;background:#fbfcfd;border-bottom:1px solid var(--line)}.ds-grid .col-filter-input{width:100%;height:26px;padding:0 8px;border:1px solid #dce2ea;border-radius:6px;background:#fff;font-size:10.5px;font-weight:520;outline:none}.ds-grid .col-filter-input:focus{border-color:var(--secondary);box-shadow:0 0 0 3px #2f6f9f1f}.ds-grid .col-edit-input{width:100%;height:28px;padding:0 8px;border:1px solid #dce2ea;border-radius:6px;background:#fff;font-size:11.5px;font-weight:600;text-align:right;outline:none}.ds-grid .col-edit-input:focus{border-color:var(--secondary);box-shadow:0 0 0 3px #2f6f9f1f}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.status-pill{display:inline-flex;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.03em;background:#eef1f5;color:#52606f}.status-pill:empty{display:none}.status-pill[data-status=PDC]{background:var(--warning-bg);color:var(--warning)}.status-pill[data-status=CDC]{background:var(--primary-soft);color:var(--secondary)}.status-pill[data-status=Posted]{background:var(--success-bg);color:var(--success)}.status-pill[data-status=Returned],.status-pill[data-status=DisHonored]{background:var(--danger-bg);color:var(--danger)}.status-pill[data-status=Pending]{background:var(--warning-bg);color:var(--warning)}.status-pill[data-status=Approved]{background:var(--success-bg);color:var(--success)}.status-pill[data-status=Rejected]{background:var(--danger-bg);color:var(--danger)}.status-pill[data-status=A]{background:var(--success-bg);color:var(--success)}.status-pill[data-status=B]{background:var(--warning-bg);color:var(--warning)}.status-pill[data-status=C]{background:var(--danger-bg);color:var(--danger)}.status-pill[data-status=Success]{background:var(--success-bg);color:var(--success)}.status-pill[data-status=Failed]{background:var(--danger-bg);color:var(--danger)}.status-pill[data-status=NoLines]{background:var(--warning-bg);color:var(--warning)}.status-pill[data-status=Converted]{background:var(--primary-soft);color:var(--secondary)}.status-pill[data-status=Invoiced]{background:var(--success-bg);color:var(--success)}.status-pill[data-status=NoStock]{background:var(--danger-bg);color:var(--danger)}.status-pill[data-status=active]{background:var(--success-bg);color:var(--success)}.status-pill[data-status=inactive]{background:var(--danger-bg);color:var(--danger)}.status-pill[data-status=Completed]{background:var(--success-bg);color:var(--success)}.status-pill[data-status=NotStarted]{background:#eef1f5;color:#52606f}.status-pill[data-status=NotPrinted]{background:var(--danger-bg);color:var(--danger)}.status-pill[data-status=PrintedPendingConfirm]{background:var(--warning-bg);color:var(--warning)}.status-pill[data-status=Confirmed]{background:var(--success-bg);color:var(--success)}.grid-superscript-flag{color:var(--danger);font-weight:800;margin-left:2px}@media(max-width:1320px){.four-cols,.toggle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1050px){.page-header{position:static;align-items:flex-start;flex-direction:column}.workspace{grid-template-columns:1fr}.side-panel{position:static}.four-cols,.three-cols,.toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.page-header,.workspace{padding-left:13px;padding-right:13px}.header-actions{width:100%;flex-wrap:wrap}.header-actions .btn-primary{flex:1}.toast{margin-left:13px;margin-right:13px}.summary-card{align-items:flex-start;flex-wrap:wrap}.four-cols,.three-cols,.two-cols{grid-template-columns:1fr}.span-2{grid-column:auto}.toggle-grid{grid-template-columns:1fr}.bottom-actions .btn{flex:1}}.ds-dialog-backdrop{position:fixed;inset:0;z-index:2147483001;display:grid;place-items:center;background:#0f172a73;padding:20px}.ds-dialog{width:100%;max-width:420px;background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0f172a40;padding:20px 22px}.ds-dialog h3{margin:0 0 8px;font-size:15px;color:var(--ink)}.ds-dialog p{margin:0 0 18px;font-size:12.5px;color:var(--ink-soft);line-height:1.5;white-space:pre-line}.ds-dialog-actions{display:flex;justify-content:flex-end;gap:8px}@media print{.side-panel,.page-header .header-actions{display:none!important}.workspace{grid-template-columns:1fr!important}.ds-page{padding:0!important}}@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;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-ordinal{syntax: "*"; inherits: false;}@property --tw-slashed-zero{syntax: "*"; inherits: false;}@property --tw-numeric-figure{syntax: "*"; inherits: false;}@property --tw-numeric-spacing{syntax: "*"; inherits: false;}@property --tw-numeric-fraction{syntax: "*"; inherits: false;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@property --tw-backdrop-blur{syntax: "*"; inherits: false;}@property --tw-backdrop-brightness{syntax: "*"; inherits: false;}@property --tw-backdrop-contrast{syntax: "*"; inherits: false;}@property --tw-backdrop-grayscale{syntax: "*"; inherits: false;}@property --tw-backdrop-hue-rotate{syntax: "*"; inherits: false;}@property --tw-backdrop-invert{syntax: "*"; inherits: false;}@property --tw-backdrop-opacity{syntax: "*"; inherits: false;}@property --tw-backdrop-saturate{syntax: "*"; inherits: false;}@property --tw-backdrop-sepia{syntax: "*"; inherits: false;}@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;--tw-border-style: solid;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-backdrop-blur: initial;--tw-backdrop-brightness: initial;--tw-backdrop-contrast: initial;--tw-backdrop-grayscale: initial;--tw-backdrop-hue-rotate: initial;--tw-backdrop-invert: initial;--tw-backdrop-opacity: initial;--tw-backdrop-saturate: initial;--tw-backdrop-sepia: initial}}}.wf-desktop-window{--wf-primary: var(--primary, #173753);--wf-primary-hover: var(--primary-hover, #204b70);--wf-accent: var(--accent, #24a6a1);--wf-secondary: var(--secondary, #2f6f9f);--wf-line: var(--line, #d8e1e8);--wf-radius: var(--radius, 9px)}.wf-page-window{background:#eef1f5;border:1px solid #c3ccd6;box-shadow:0 10px 34px #10243824;border-radius:var(--wf-radius, 9px);overflow:hidden}.wf-window-titlebar{height:31px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background:linear-gradient(135deg,var(--wf-primary, #173753),var(--wf-primary-hover, #204b70));border-bottom:1px solid rgba(0,0,0,.18);color:#eaf2f6;font-size:12px;font-weight:700;letter-spacing:.02em}.wf-window-titlebar strong{text-shadow:0 1px 1px rgba(0,0,0,.15)}.wf-window-titlebar button{width:30px;height:23px;border:0;border-radius:5px;background:#ffffff14;color:#eaf2f6;font-size:18px;line-height:20px;cursor:pointer;transition:.15s ease}.wf-window-titlebar button:hover{background:#d94a4a;color:#fff}.wf-window-body{overflow:auto;max-width:100%;background:#e9eef2}.wf-form-scroll{overflow:auto;max-width:100%;max-height:calc(100vh - 105px);padding:8px;background:#e3eaef}.wf-form-canvas{position:relative;background:#fbfcfd;border:1px solid #ccd5de;border-radius:6px;box-shadow:0 1px #ffffffb3 inset,0 2px 10px #1024380f;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:12px;color:#1f2933;transform-origin:top left;-webkit-font-smoothing:antialiased}.wf-control{position:absolute;box-sizing:border-box;font:inherit;color:#1f2933}.wf-hidden{display:none!important}.wf-text,.wf-number,.wf-date,.wf-select,.wf-textarea,.wf-list{border:1px solid #c3ccd6;background:#fff;padding:2px 4px;border-radius:4px;transition:border-color .15s ease,box-shadow .15s ease}.wf-text:hover,.wf-number:hover,.wf-date:hover,.wf-select:hover,.wf-textarea:hover,.wf-list:hover{border-color:#9fb0bf}.wf-control:focus{outline:none;border-color:var(--secondary, #2f6f9f);box-shadow:0 0 0 3px #2f6f9f2e;position:absolute;z-index:1}.wf-button{border:1px solid var(--wf-primary, #173753);background:linear-gradient(180deg,#fff,#eef2f6);color:#1b2a3a;border-radius:5px;font-weight:700;letter-spacing:.01em;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:.15s ease;box-shadow:0 1px 2px #10243814}.wf-button:hover{background:linear-gradient(180deg,var(--secondary, #2f6f9f),var(--wf-primary, #173753));color:#fff;box-shadow:0 4px 10px #17375340}.wf-button:active{background:var(--wf-primary, #173753);color:#fff;box-shadow:none}.wf-button[id*=Save i],.wf-button[id*=Add i],.wf-button[id*=Ok i],.wf-button[id*=Post i],.wf-button[id*=Approve i],.wf-button[id*=Submit i],.wf-button[id*=Confirm i]{background:linear-gradient(180deg,var(--secondary, #2f6f9f),var(--wf-primary, #173753));border-color:var(--wf-primary, #173753);color:#fff}.wf-button[id*=Save i]:hover,.wf-button[id*=Add i]:hover,.wf-button[id*=Ok i]:hover,.wf-button[id*=Post i]:hover,.wf-button[id*=Approve i]:hover,.wf-button[id*=Submit i]:hover,.wf-button[id*=Confirm i]:hover{background:linear-gradient(180deg,var(--wf-accent, #24a6a1),#1c8277);border-color:var(--wf-accent, #24a6a1)}.wf-button[id*=Delete i],.wf-button[id*=Remove i],.wf-button[id*=Cancel i],.wf-button[id*=Close i]{border-color:#d9b3b0;color:#8a2f2a}.wf-button[id*=Delete i]:hover,.wf-button[id*=Remove i]:hover,.wf-button[id*=Cancel i]:hover,.wf-button[id*=Close i]:hover{background:linear-gradient(180deg,#d9534f,#b93f3b);border-color:#b93f3b;color:#fff}.wf-panel,.wf-split,.wf-tab,.wf-tabs{border:0;background:transparent}.wf-group{border:1px solid #d3dbe3;border-radius:7px;padding:8px 5px 5px;background:#ffffff8c}.wf-group legend{padding:0 6px;font-size:11px;font-weight:800;color:var(--wf-primary, #173753);letter-spacing:.02em}.wf-checkbox,.wf-radio{display:flex!important;align-items:center;gap:4px;background:transparent}.wf-checkbox input,.wf-radio input{margin:0;accent-color:var(--wf-accent, #24a6a1);cursor:pointer}.wf-grid{border-collapse:collapse;width:100%;height:100%;background:#fff;font-size:11px}.wf-grid th{position:sticky;top:0;background:linear-gradient(180deg,#f3f6f9,#e8edf2);border:1px solid #ccd5de;padding:4px 6px;text-align:left;white-space:nowrap;color:#2b3a4a;font-weight:800}.wf-grid td{height:22px;border:1px solid #e3e8ed;padding:0 6px}.wf-grid tbody tr:nth-child(2n) td{background:#f8fafc}.wf-grid tbody tr:hover td{background:#eaf2fc}.wf-tree{border:1px solid #d3dbe3;border-radius:6px;background:#fff;overflow:auto}.wf-picture{display:flex;align-items:center;justify-content:center;border:1px solid #c7d0d9;border-radius:6px;background:linear-gradient(135deg,#f6f9fb,#eef2f6);color:#8d99a5}.wf-picture-mark{font-size:18px}.wf-progress{border:1px solid #c7d0d9;border-radius:6px;background:#e9edf1;overflow:hidden}.wf-progress:after{content:"";display:block;height:100%;width:45%;background:linear-gradient(90deg,var(--wf-secondary, #2f6f9f),var(--wf-accent, #24a6a1))}.wf-status{display:flex;align-items:center;background:linear-gradient(180deg,#f3f6f9,#e6ebef);border-top:1px solid #ccd5de;color:#44535f;font-size:11px;font-weight:650;padding:0 8px}.wf-browser{border:1px solid #c7d0d9;border-radius:6px;background:#fff;overflow:auto}.wf-menu{display:none}.wf-empty-hint{padding:6px;color:#7a8793;font-size:10px}.wf-dialog-backdrop{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:14px;background:#0a14208c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.wf-desktop-dialog{max-width:calc(100vw - 28px);background:#e9edf1;border:1px solid #576676;box-shadow:0 26px 80px #0006;border-radius:8px;overflow:hidden}.wf-desktop-dialog .wf-window-body{max-height:calc(100vh - 61px);overflow:auto}.wf-catalog-page{padding:22px 28px;max-width:1600px;margin:0 auto}.wf-catalog-page>header{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:20px;flex-wrap:wrap}.wf-catalog-page h1{margin:0;font-size:24px;letter-spacing:-.01em;color:var(--ink, #17242f);background:linear-gradient(135deg,var(--wf-primary, #173753),var(--wf-secondary, #2f6f9f));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.wf-catalog-page p{margin:4px 0 0;color:#667587;font-size:13px}.wf-catalog-page input{width:min(360px,45vw);height:38px;padding:5px 12px;border:1px solid #c9d2db;border-radius:9px;background:#fff;font-size:13px;outline:none;box-shadow:0 1px 2px #1024380a;transition:.15s ease}.wf-catalog-page input:focus{border-color:var(--wf-secondary, #2f6f9f);box-shadow:0 0 0 3px #2f6f9f26}.wf-catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.wf-catalog-grid a{position:relative;display:flex;flex-direction:column;gap:3px;padding:14px 15px;border:1px solid #dfe5ec;border-left:3px solid var(--wf-secondary, #2f6f9f);border-radius:10px;background:#fff;color:#263645;text-decoration:none;box-shadow:0 2px 8px #1024380d;transition:.18s ease}.wf-catalog-grid a:hover{border-left-color:var(--wf-accent, #24a6a1);box-shadow:0 10px 24px #17375324;transform:translateY(-2px)}.wf-catalog-grid strong{color:#17242f;font-size:13px}.wf-catalog-grid span{font-size:10.5px;color:#567;font-weight:650}.wf-catalog-grid small{color:#8793a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-catalog-grid em{position:absolute;right:8px;top:8px;font-size:9px;font-style:normal;font-weight:800;background:#eef6fb;color:var(--wf-secondary, #2f6f9f);padding:2px 7px;border-radius:8px}
