:root{--font-sans: "Onest", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--fs-label: 12px;--fs-sm: 13px;--fs-md: 14px;--fs-lg: 15px;--fs-h3: 16px;--fs-h2: 20px;--fs-h1: 28px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 14px;--radius-pill: 999px;--h-control: 42px;--h-control-touch: 48px;--h-btn-lg: 44px;--h-btn-md: 36px;--h-btn-sm: 28px;--h-row: 44px;--h-row-dense: 36px;--h-topbar: 72px;--w-sidebar: 240px;--w-sidebar-collapsed: 64px;--w-drawer: 440px}[data-theme=dark]{color-scheme:dark;--color-bg: #0d1220;--color-surface: #1b2230;--color-sidebar: #151b27;--color-surface-hover: #222a3a;--color-surface-selected: #283143;--color-input-bg: #141a26;--color-border: #2b3446;--color-border-strong: #3a4558;--color-input-border: #2f3a4d;--color-input-border-hover: #4a5670;--color-text-primary: #f4f6fa;--color-text-body: #e8ecf3;--color-text-secondary: #9aa4b5;--color-text-muted: #8b95a7;--color-text-disabled: #5a6478;--color-accent: #c21d2b;--color-accent-hover: #d2202f;--color-accent-active: #a81825;--color-accent-soft: rgba(194,29,43,.16);--color-accent-text: #f2737b;--color-on-accent: #ffffff;--color-focus: #e5484d;--color-btn-secondary-bg: #232c3c;--color-btn-secondary-hover: #2c3649;--color-draft: #e8c54f;--color-draft-bg: rgba(232,197,79,.14);--color-posted: #4cc38a;--color-posted-bg: rgba(76,195,138,.14);--color-reversed: #a3acbb;--color-reversed-bg: rgba(163,172,187,.14);--color-error: #ff7a6b;--color-error-bg: rgba(255,122,107,.13);--color-warning: #f0a14a;--color-warning-bg: rgba(240,161,74,.14);--color-info: #6aa8f0;--color-info-bg: rgba(106,168,240,.14);--color-mp-wb: #c06bff;--color-mp-ozon: #5b8fff;--color-mp-ym: #ffcc33;--color-overlay: rgba(5,8,15,.64);--color-skeleton: #252e3f;--shadow-overlay: 0 16px 48px rgba(0,0,0,.45)}[data-theme=light]{color-scheme:light;--color-bg: #f2f4f7;--color-surface: #ffffff;--color-sidebar: #ffffff;--color-surface-hover: #f3f5f8;--color-surface-selected: #e9edf3;--color-input-bg: #ffffff;--color-border: #e1e5eb;--color-border-strong: #c9d0da;--color-input-border: #c3cad5;--color-input-border-hover: #8b95a7;--color-text-primary: #0f1729;--color-text-body: #1d2636;--color-text-secondary: #4b5567;--color-text-muted: #5f6a7d;--color-text-disabled: #a3abb8;--color-accent: #c21d2b;--color-accent-hover: #a81825;--color-accent-active: #8f1420;--color-accent-soft: #fbe9eb;--color-accent-text: #b01826;--color-on-accent: #ffffff;--color-focus: #c21d2b;--color-btn-secondary-bg: #ffffff;--color-btn-secondary-hover: #f3f5f8;--color-draft: #7a5c00;--color-draft-bg: #fbf0c7;--color-posted: #18794e;--color-posted-bg: #dcf2e6;--color-reversed: #5b6577;--color-reversed-bg: #eceff3;--color-error: #c8361d;--color-error-bg: #fde8e4;--color-warning: #9a4d00;--color-warning-bg: #fdecd8;--color-info: #1f5fae;--color-info-bg: #e2edfb;--color-mp-wb: #8b2fd6;--color-mp-ozon: #005bff;--color-mp-ym: #b38300;--color-overlay: rgba(15,23,41,.4);--color-skeleton: #e6e9ef;--shadow-overlay: 0 16px 48px rgba(15,23,41,.16)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans, "Onest", system-ui, sans-serif);font-size:var(--fs-md);line-height:20px;background:var(--color-bg, #0d1220);color:var(--color-text-body, #e8ecf3);-webkit-font-smoothing:antialiased}button{font-family:inherit}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}::placeholder{color:var(--color-text-muted)}h1,h2,h3{margin:0}a{color:var(--color-accent-text)}.mono{font-family:var(--font-mono);font-size:13px}.strong{color:var(--color-text-primary);font-weight:500}.secondary{color:var(--color-text-secondary)}.muted{color:var(--color-text-muted)}.muted-sm{font-size:12px;line-height:16px;color:var(--color-text-muted)}.muted-md{font-size:14px;color:var(--color-text-secondary)}.nowrap{white-space:nowrap}.ellipsis{max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pad{padding:24px}.pad-20{padding:20px}.pad-24{padding:24px}.pt-8{padding-top:8px}.grow{flex:1 1 160px;min-width:140px}.grow2{flex:2 1 240px;min-width:200px}.block{width:100%}.self-start{align-self:flex-start}.minw0{min-width:0}.stack-2{display:flex;flex-direction:column;gap:2px}.stack-10{display:flex;flex-direction:column;gap:10px}.stack-14{display:flex;flex-direction:column;gap:14px}.stack-16{display:flex;flex-direction:column;gap:16px}.stack-20{display:flex;flex-direction:column;gap:20px}.error-text{color:var(--color-error);display:inline-flex;align-items:center;gap:6px;font-size:13px}.ok-text{color:var(--color-posted);display:inline-flex;align-items:center;gap:6px}.caps,.caps-sm{font-family:var(--font-mono);font-weight:500;text-transform:uppercase;color:var(--color-text-secondary)}.caps{font-size:var(--fs-label);letter-spacing:.2em;line-height:16px}.caps-sm{font-size:11px;letter-spacing:.14em;line-height:16px}.shell{display:flex;height:100%;position:relative;overflow:hidden}.main{flex:1;min-width:0;display:flex;flex-direction:column;height:100%}.sidebar{width:var(--w-sidebar);flex:none;height:100%;display:flex;flex-direction:column;background:var(--color-sidebar);border-right:1px solid var(--color-border);transition:width .18s ease,transform .2s ease;z-index:40}.sidebar.mini{width:var(--w-sidebar-collapsed)}.sidebar.mobile{position:fixed;left:0;top:0;width:min(300px,86vw);transform:translate(-100%);box-shadow:none}.sidebar.mobile.open{transform:translate(0);box-shadow:var(--shadow-overlay)}.nav-scrim{z-index:39}.sidebar-head{height:var(--h-topbar);flex:none;display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--color-border)}.sidebar.mini .sidebar-head{justify-content:center;padding:0}.sidebar-logo{width:116px;height:38px;object-fit:contain;flex:none}.sidebar-mark{width:28px;height:40px;object-fit:contain}.wms-tag{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.14em;line-height:16px;color:var(--color-text-secondary);border:1px solid var(--color-border-strong);border-radius:4px;padding:1px 6px}.sidebar-nav{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-caps{padding:8px 12px 6px;font-family:var(--font-mono);font-size:var(--fs-label);line-height:16px;font-weight:500;letter-spacing:.2em;color:var(--color-text-secondary)}.nav-divider{height:1px;background:var(--color-border);margin:6px 8px}.nav-item{position:relative;min-height:40px;display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;font-size:14px;line-height:18px;cursor:pointer}.sidebar.mini .nav-item{justify-content:center}.nav-item:hover{background:var(--color-surface-hover)}.nav-item.active{background:var(--color-surface-selected);color:var(--color-text-primary);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--color-accent)}.nav-item.soon{color:var(--color-text-disabled);cursor:default}.nav-item.soon:hover{background:transparent}.nav-label{flex:1;min-width:0}.soon-badge{font-family:var(--font-mono);font-size:10px;line-height:14px;font-weight:500;letter-spacing:.06em;color:var(--color-text-muted);border:1px solid var(--color-border-strong);border-radius:4px;padding:1px 5px}.sidebar-foot{flex:none;border-top:1px solid var(--color-border);padding:12px;display:flex;flex-direction:column;gap:12px}.theme-switch-block{display:flex;flex-direction:column;gap:8px}.theme-head{display:flex;justify-content:space-between;align-items:center;padding:0 4px}.theme-mini{position:relative;display:flex;justify-content:center}.theme-menu{position:absolute;left:calc(100% + 14px);bottom:0;width:200px;z-index:50;padding:6px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-overlay)}.theme-menu .caps{display:block;padding:6px 10px 8px}.theme-menu-item{width:100%;height:36px;display:flex;align-items:center;gap:10px;padding:0 10px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-body);cursor:pointer;font-size:14px}.theme-menu-item span{flex:1;text-align:left}.theme-menu-item:hover{background:var(--color-surface-hover)}.user-row{display:flex;align-items:center;gap:8px}.sidebar.mini .user-row{flex-direction:column}.user-block{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:4px;border:0;border-radius:var(--radius-md);background:transparent;color:inherit;cursor:pointer;text-align:left}.user-block:hover{background:var(--color-surface-hover)}.avatar{width:32px;height:32px;flex:none;border-radius:999px;background:var(--color-surface-selected);color:var(--color-text-primary);display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:12px}.avatar.lg{width:56px;height:56px;font-size:18px}.user-text{display:flex;flex-direction:column;min-width:0}.user-name{font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:12px;color:var(--color-text-muted)}.collapse-btn{height:32px;display:flex;align-items:center;gap:10px;padding:0 8px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer;font-size:13px}.sidebar.mini .collapse-btn{justify-content:center}.collapse-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);z-index:60}.offline-banner{flex:none;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 24px;background:var(--color-warning-bg);border-bottom:1px solid var(--color-border);color:var(--color-text-body)}.offline-banner svg,.offline-banner i{color:var(--color-warning)}.offline-banner span{flex:1;min-width:200px}.btn{height:var(--h-btn-md);padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-btn-secondary-bg);color:var(--color-text-body);font-weight:500;font-size:14px;cursor:pointer;white-space:nowrap}.btn:hover:not(:disabled){background:var(--color-btn-secondary-hover)}.btn:disabled{opacity:.5;cursor:default}.btn.lg{height:var(--h-btn-lg);padding:0 18px;font-size:15px}.btn.sm{height:var(--h-btn-sm);padding:0 10px;font-size:13px;border-radius:var(--radius-sm)}.btn.primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.btn.primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn.primary:active:not(:disabled){background:var(--color-accent-active)}.btn.ghost{border-color:transparent;background:transparent;color:var(--color-text-secondary)}.btn.ghost:hover:not(:disabled){background:var(--color-surface-selected);color:var(--color-text-primary)}.btn.danger-ghost{border-color:transparent;background:transparent;color:var(--color-error)}.btn.danger-ghost:hover:not(:disabled){background:var(--color-error-bg)}.btn.danger-outline{border-color:var(--color-error);background:transparent;color:var(--color-error)}.btn.danger-outline:hover:not(:disabled){background:var(--color-error-bg)}.btn.danger{border-color:var(--color-error);background:var(--color-error-bg);color:var(--color-error)}.icon-btn{width:36px;height:36px;flex:none;border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.icon-btn.lg{width:44px;height:44px}.icon-btn.accent{background:var(--color-accent);color:var(--color-on-accent)}.icon-btn.bordered{width:40px;height:40px;border:1px solid var(--color-input-border);background:var(--color-input-bg)}.icon-btn.danger-hover:hover{color:var(--color-error)}.field{height:var(--h-control);width:100%;padding:0 12px;background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-md);color:var(--color-text-body);font:400 14px var(--font-sans);outline:none}.field.mono{font-family:var(--font-mono);font-size:14px}.field.sm{height:36px;font-size:13px}.field:hover:not(:disabled){border-color:var(--color-input-border-hover)}.field:focus{border-color:var(--color-focus);box-shadow:0 0 0 1px var(--color-focus)}.field:disabled{opacity:.55}.field.invalid{border-color:var(--color-error)}.select-wrap{position:relative}.select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:34px;cursor:pointer}.select-wrap>i{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}select option{background:var(--color-surface);color:var(--color-text-body)}.search{position:relative}.search>i{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.search .field{padding-left:36px}.switch{display:inline-flex;align-items:center;gap:10px;height:36px;padding:0 4px;border:0;background:transparent;color:var(--color-text-body);cursor:pointer;font-size:14px}.switch-track{width:36px;height:20px;border-radius:999px;background:var(--color-border-strong);position:relative;transition:background .15s}.switch-track.on{background:var(--color-accent)}.switch-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:999px;background:#fff;transition:left .15s}.switch-track.on .switch-knob{left:18px}.segmented{display:inline-flex;gap:2px;padding:3px;background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-md)}.segmented button{height:28px;padding:0 12px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font:500 13px var(--font-sans);cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.segmented button.active{background:var(--color-surface-selected);color:var(--color-text-primary)}.segmented.three{display:grid;grid-template-columns:repeat(3,1fr)}.segmented.three button{height:30px}.segmented.two{display:grid;grid-template-columns:1fr 1fr}.segmented.two button{height:34px;font-size:14px}.scroll-x{max-width:100%;overflow-x:auto}.form-field{display:flex;flex-direction:column;gap:6px}.form-label{font-size:13px;color:var(--color-text-secondary)}.form-hint{font-size:12px;color:var(--color-text-muted)}.form-error{font-size:12px;color:var(--color-error);display:flex;align-items:center;gap:6px}.two-cols{display:grid;grid-template-columns:1fr 120px;gap:12px}.inline-row{display:flex;gap:8px}.mp-row{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:center}.check{display:flex;align-items:center;gap:8px;cursor:pointer}.check input{width:18px;height:18px;accent-color:var(--color-accent)}.page{flex:1;min-height:0;display:flex;flex-direction:column}.page-header{flex:none;min-height:var(--h-topbar);padding:14px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--color-border)}.page-heading{flex:1;min-width:240px;display:flex;flex-direction:column;gap:2px}.page-header h1{font-size:var(--fs-h1);line-height:36px;font-weight:600;letter-spacing:-.01em;color:var(--color-text-primary)}.title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.crumbs{display:flex;align-items:center;gap:6px;font-size:13px;line-height:18px;color:var(--color-text-muted)}.crumb-link{cursor:pointer;color:var(--color-text-secondary)}.crumb-link:hover{color:var(--color-text-primary)}.crumb-current{font-family:var(--font-mono);font-size:12px}.mobile-bar{flex:none;height:56px;display:flex;align-items:center;gap:8px;padding:0 8px;border-bottom:1px solid var(--color-border);background:var(--color-sidebar)}.mobile-title{flex:1;min-width:0;font-size:17px;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-body{flex:1;min-height:0;overflow:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.page-footer{flex:none;display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap;padding:12px 24px;border-top:1px solid var(--color-border);background:var(--color-surface)}.foot-totals{display:flex;gap:20px;align-items:baseline;flex:1;min-width:200px;color:var(--color-text-secondary)}.foot-totals b{color:var(--color-text-primary);font-weight:600}.foot-buttons{display:flex;gap:8px}.narrow-page{max-width:1240px;width:100%}.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.totals{display:flex;align-items:baseline;gap:8px 24px;flex-wrap:wrap;padding:2px 2px 0}.totals-value{font-family:var(--font-mono);font-size:16px;font-weight:600;color:var(--color-text-primary)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.table-card{overflow:hidden}.table-card.scroll,.scroll{overflow:auto}.card-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--color-border)}table.data{width:100%;min-width:760px;border-collapse:separate;border-spacing:0}table.data th{height:40px;padding:0 16px;text-align:left;font:500 11px var(--font-mono);letter-spacing:.12em;color:var(--color-text-secondary);background:var(--color-sidebar);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:1}table.data td{height:var(--h-row);padding:0 16px;border-bottom:1px solid var(--color-border)}table.data.dense td{height:var(--h-row-dense)}table.data tbody tr:hover{background:var(--color-surface-hover)}table.data.clickable tbody tr{cursor:pointer}table.data th.num,table.data td.num{text-align:right}table.data td.num.mono{font-variant-numeric:tabular-nums}table.data td.va-top,.lines-table td{vertical-align:top}.lines-table td{padding-top:10px;padding-bottom:10px;height:auto}.lines-table td.mono.muted{line-height:42px}table.data tr.total-row:hover{background:transparent}table.data tr.total-row td{border-bottom:0;color:var(--color-text-primary)}table.data tr.row-warn{background:var(--color-warning-bg)}.table-foot{padding:10px 16px;font-size:13px;color:var(--color-text-secondary)}.table-foot.spread{display:flex;align-items:center;justify-content:space-between}.row-actions{display:inline-flex;gap:4px;justify-content:flex-end}.cards{display:flex;flex-direction:column;gap:8px}.item-card,.doc-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:12px 16px}.item-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:baseline}.item-card .span2{grid-column:1 / -1}.qty-lg{font-size:17px;font-weight:600;white-space:nowrap}.unit{font-size:13px;font-weight:400;color:var(--color-text-muted)}.doc-card{display:flex;flex-direction:column;gap:6px;cursor:pointer;padding:14px 16px}.doc-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.status-badge{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 8px;border-radius:4px;font-size:12px;font-weight:500;white-space:nowrap}.status-badge .dot,.active-state .dot{width:6px;height:6px;border-radius:999px;background:currentColor}.st-draft{color:var(--color-draft);background:var(--color-draft-bg)}.st-posted{color:var(--color-posted);background:var(--color-posted-bg)}.st-reversed{color:var(--color-reversed);background:var(--color-reversed-bg)}.mp-badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 7px;border-radius:4px;font:600 11px var(--font-mono);letter-spacing:.04em;color:var(--color-text-body);background:var(--color-surface-selected)}.mp-dot{width:6px;height:6px;border-radius:2px}.mp-list{display:flex;gap:4px;flex-wrap:wrap}.kind-badge,.readonly-badge,.role-badge{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:4px;font-size:12px;color:var(--color-text-secondary);border:1px solid var(--color-border-strong);white-space:nowrap}.role-badge{border:0;background:var(--color-surface-selected);color:var(--color-text-body);font-weight:500}.active-state{display:inline-flex;align-items:center;gap:6px;font-size:13px}.active-state.on{color:var(--color-posted)}.active-state.off{color:var(--color-text-muted)}.warn-badge{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 8px;border-radius:4px;font-size:12px;font-weight:500;color:var(--color-warning);background:var(--color-warning-bg);white-space:nowrap}.warn-note{margin-left:6px;color:var(--color-text-muted);font-weight:400}.pager{display:flex;gap:4px;align-items:center}.pager button{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--color-input-border);background:transparent;color:var(--color-text-body);cursor:pointer}.pager button:disabled{color:var(--color-text-disabled);cursor:default}.pager-cur{padding:0 8px}.state-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:56px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.state-card.narrow{max-width:440px;width:100%;padding:40px 32px}.state-center{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.state-icon{width:56px;height:56px;border-radius:999px;background:var(--color-surface-selected);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center}.state-icon.warn{background:var(--color-warning-bg);color:var(--color-warning)}.state-icon.info{background:var(--color-info-bg);color:var(--color-info)}.state-icon.danger{background:var(--color-error-bg);color:var(--color-error)}.state-icon.sm{width:40px;height:40px;flex:none}.state-title{font-size:20px;line-height:28px;font-weight:600;color:var(--color-text-primary)}.state-text{max-width:420px;color:var(--color-text-secondary);text-wrap:pretty}.state-card .btn{margin-top:8px}.skel{display:block;height:12px;border-radius:4px;background:var(--color-skeleton)}.skel-head{height:40px;display:flex;align-items:center;gap:24px;padding:0 16px;background:var(--color-sidebar);border-bottom:1px solid var(--color-border)}.skel-row{height:44px;display:flex;align-items:center;gap:24px;padding:0 16px;border-bottom:1px solid var(--color-border);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.alert{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--radius-md);border:1px solid}.alert.error{background:var(--color-error-bg);border-color:var(--color-error);color:var(--color-text-body)}.alert.error>i{color:var(--color-error);margin-top:1px}.drawer{position:fixed;top:0;right:0;bottom:0;width:var(--w-drawer);max-width:100%;z-index:61;background:var(--color-surface);border-left:1px solid var(--color-border);box-shadow:var(--shadow-overlay);display:flex;flex-direction:column}.drawer-head{height:var(--h-topbar);flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--color-border)}.drawer-title{font-size:20px;line-height:28px;font-weight:600;color:var(--color-text-primary)}.drawer-body{flex:1;overflow:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.drawer-foot{flex:none;display:flex;gap:8px;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--color-border)}.modal-wrap{z-index:70;display:flex;align-items:center;justify-content:center;padding:16px}.modal{width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);padding:24px;display:flex;flex-direction:column;gap:16px}.modal-row{display:flex;gap:14px;align-items:flex-start}.modal-text{display:flex;flex-direction:column;gap:6px}.modal-title{font-size:20px;line-height:28px;font-weight:600;color:var(--color-text-primary)}.modal-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.modal-center{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:8px 4px}.toast{position:fixed;right:24px;bottom:24px;z-index:90;display:flex;align-items:center;gap:12px;min-width:280px;max-width:calc(100% - 48px);padding:12px 12px 12px 16px;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-overlay)}.toast-text{flex:1;color:var(--color-text-primary)}.type-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.type-card{min-height:44px;padding:8px 12px;display:flex;align-items:center;gap:10px;border-radius:var(--radius-md);border:1px solid var(--color-input-border);background:var(--color-input-bg);color:var(--color-text-body);font:500 14px var(--font-sans);cursor:pointer;text-align:left}.type-card:hover{border-color:var(--color-input-border-hover)}.type-card.selected{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-text-primary)}.type-card.selected i{color:var(--color-accent-text)}.meta-grid{display:grid;grid-template-columns:200px 1fr;gap:12px}.scan-box{position:relative}.scan-box>i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);pointer-events:none}.scan-input{height:64px;width:100%;padding:0 16px 0 58px;background:var(--color-input-bg);border:2px solid var(--color-input-border);border-radius:10px;color:var(--color-text-primary);font:500 20px var(--font-mono);letter-spacing:.04em;outline:none}.scan-input:focus{border-color:var(--color-focus)}.scan-note{font-size:13px;color:var(--color-text-muted)}.lines-empty{padding:32px 16px;text-align:center;color:var(--color-text-muted)}.qty-cell{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.qty-row{display:flex;align-items:center;gap:6px}.qty-input{width:100px;text-align:right}.hint-sm{font-size:12px;line-height:16px;white-space:nowrap}.picker{position:relative;min-width:220px}.picker-list{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;max-height:320px;overflow:auto;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-overlay)}.picker-item{width:100%;display:flex;flex-direction:column;gap:2px;padding:8px 12px;border:0;background:transparent;color:var(--color-text-body);text-align:left;cursor:pointer}.picker-item:hover{background:var(--color-surface-hover)}.picker-empty{padding:12px;color:var(--color-text-muted);font-size:13px}.line-card{padding:16px;border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;gap:12px}.line-card-top{display:flex;align-items:flex-start;gap:12px}.line-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.stepper{display:flex;align-items:center;border:1px solid var(--color-input-border);border-radius:var(--radius-md);background:var(--color-input-bg);overflow:hidden}.stepper button{width:52px;height:52px;border:0;background:transparent;color:var(--color-text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center}.stepper input{width:64px;height:52px;border:0;border-left:1px solid var(--color-input-border);border-right:1px solid var(--color-input-border);background:transparent;text-align:center;color:var(--color-text-primary);font:600 17px var(--font-mono);outline:none}.doc-view{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.meta-view{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 24px}.meta-item{display:flex;flex-direction:column;gap:2px;min-width:0;color:var(--color-text-primary)}.meta-item.span-all{grid-column:1 / -1}.meta-item.top-border{padding-top:12px;border-top:1px solid var(--color-border)}.history-item{display:grid;grid-template-columns:16px 1fr;gap:12px}.history-rail{display:flex;flex-direction:column;align-items:center}.history-dot{width:10px;height:10px;border-radius:999px;margin-top:5px;flex:none}.history-line{flex:1;width:1px;background:var(--color-border-strong);margin:4px 0}.history-text{display:flex;flex-direction:column;gap:2px;padding-bottom:18px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;max-width:1040px}.profile-head{display:flex;align-items:center;gap:16px}.profile-name{font-size:20px;line-height:28px;font-weight:600;color:var(--color-text-primary)}.login-wrap{min-height:100%;display:grid;place-items:center;padding:16px;background:#0d1220;color:#e8ecf3;font-family:Onest,system-ui,sans-serif}.login-card{width:100%;max-width:420px;background:#1b2230;border:1px solid #2b3446;border-radius:14px;padding:40px 36px 36px;display:flex;flex-direction:column;gap:32px}.login-head{display:flex;flex-direction:column;align-items:center;gap:18px}.login-logo{height:120px;width:auto;display:block}.login-divider{display:flex;align-items:center;gap:12px;width:100%}.login-divider .line{flex:1;height:1px;background:#2f3a4d}.login-divider .caption{font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;font-weight:500;letter-spacing:.2em;color:#9aa4b5;white-space:nowrap}.login-fields{display:flex;flex-direction:column;gap:16px}.login-fields label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#9aa4b5}.login-fields input{height:42px;padding:0 12px;background:#141a26;border:1px solid #2f3a4d;border-radius:8px;color:#f4f6fa;font:inherit;font-size:15px}.login-fields input:focus{outline:2px solid #c21d2b;outline-offset:-1px;border-color:#c21d2b}.login-error{margin:0;font-size:14px;color:#ff8a8a}.login-submit{height:44px;background:#c21d2b;border:0;border-radius:8px;color:#fff;font:inherit;font-weight:500;font-size:15px;cursor:pointer}.login-submit:hover:not(:disabled){background:#d2202f}.login-submit:disabled{opacity:.5;cursor:default}@media (max-width: 1099px){.type-grid{grid-template-columns:repeat(3,1fr)}.doc-view{grid-template-columns:1fr}.meta-view{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-grid{grid-template-columns:1fr}}@media (max-width: 759px){.page-body,.page-footer{padding:12px}.type-grid{grid-template-columns:1fr 1fr}.meta-grid{grid-template-columns:1fr}.foot-buttons,.foot-buttons .btn{flex:1}.scan-input{font-size:17px}.toast{right:12px;bottom:12px}.drawer{width:100%}.meta-view{grid-template-columns:1fr 1fr}.login-divider .caption{letter-spacing:.1em;font-size:11px}}@media print{.sidebar,.page-header .page-actions,.page-footer,.mobile-bar,.toast{display:none!important}.shell,.page,.page-body{display:block;height:auto;overflow:visible}}