:root{--bg:#f6f8fb;--card:#fff;--card-soft:#f8fafc;--text:#0f172a;--muted:#64748b;--text-subtle:#94a3b8;--border:#e2e8f0;--line:#eef1f6;--accent:#2563eb;--accent-strong:#1d4ed8;--accent-soft:#eff6ff;--primary:#2563eb;--navy:#1d4ed8;--blue:#2563eb;--blue-soft:#eff6ff;--danger:#dc2626;--danger-soft:#fef2f2;--warning:#d97706;--warning-soft:#fffbeb;--ok:#16a34a;--ok-soft:#f0fdf4;--shadow:0 16px 32px #0f172a14;--shadow-soft:0 2px 8px #0f172a0d;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:999px;--white:#fff;--text-strong:#1e293b;--border-strong:#d8e3ee;--surface-tint:#f8fbff;--accent-tint:#eef5ff;--accent-tint-soft:#f5f9ff;--ok-strong:#166534;--danger-strong:#991b1b;--danger-border:#fecaca;--danger-tint:#fee2e2;--danger-tint-soft:#fff5f5;--warning-tint:#fff9ed;--warning-tint-soft:#fffdf7;--white-rgb:255, 255, 255;--ink-rgb:15, 23, 42;--ink-deep-rgb:8, 15, 30;--text-subtle-rgb:148, 163, 184;--card-soft-rgb:248, 250, 252;--surface-tint-rgb:248, 251, 255;--accent-rgb:37, 99, 235;--accent-soft-rgb:239, 246, 255;--blue-100-rgb:219, 234, 254;--blue-200-rgb:191, 219, 254;--blue-300-rgb:147, 197, 253;--blue-400-rgb:96, 165, 250;--blue-500-rgb:59, 130, 246;--sky-400-rgb:56, 189, 248;--ok-rgb:22, 163, 74;--ok-tint-rgb:236, 253, 243;--warning-soft-rgb:255, 251, 235;--warning-deep-rgb:180, 83, 9;--danger-rgb:220, 38, 38;--danger-deep-rgb:180, 35, 24;--danger-shadow-rgb:127, 29, 29;--danger-tint-soft-rgb:255, 245, 245}*{box-sizing:border-box}html{background:var(--bg);min-height:100%;color:var(--text);letter-spacing:0;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}body{background:var(--bg);min-height:100%;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}.app{grid-template-columns:228px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--card);height:100vh;padding:12px 10px;position:sticky;top:0}.brand{align-items:center;gap:10px;height:46px;padding:0 8px;display:flex}.brand-logo{border:1px solid var(--border);border-radius:var(--radius-md);object-fit:cover;flex:none;width:40px;height:40px;display:block}.brand-copy{gap:2px;min-width:0;display:grid}.brand-copy strong{font-size:15px;line-height:1}.brand-copy span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;line-height:1.15;overflow:hidden}.nav{gap:2px;margin-top:10px;display:grid}.mobile-nav{display:none}.nav a,.logout{min-height:34px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:0 8px;font-size:12px;font-weight:650;transition:background-color .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s;display:flex}.nav a:hover,.logout:hover,.nav a.active{background:var(--accent-soft);color:var(--accent-strong)}.nav-section-label{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.06em;margin:14px 8px 4px;font-size:10px;font-weight:800}.nav-section-label:first-child{margin-top:4px}.sidebar-footer{gap:6px;display:grid;position:absolute;bottom:12px;left:10px;right:10px}.user-pill{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-soft);grid-template-columns:16px 1fr;gap:2px 8px;padding:8px;display:grid}.user-pill strong{grid-column:2;font-size:11px;display:block}.user-pill span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-column:2;font-size:12px;display:block;overflow:hidden}.main{min-width:0;padding:18px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.topbar-title{align-items:center;gap:8px;min-width:0;display:inline-flex}.topbar h1{overflow-wrap:anywhere;min-width:0;margin:0;font-size:20px;line-height:1.15}.back-button{flex:none}.home-shell .sidebar-footer{display:none}.grid{gap:10px;display:grid}.metrics{grid-template-columns:repeat(6,minmax(0,1fr))}.card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);box-shadow:var(--shadow-soft)}.metric{background:var(--card);min-height:78px;padding:12px;position:relative;overflow:hidden}.metric:before{content:"";background:var(--accent);width:3px;position:absolute;inset:0 auto 0 0}.metric span{color:var(--muted);font-size:12px}.metric strong{color:var(--accent-strong);margin-top:8px;font-size:27px;line-height:1;display:block}.shortcut-grid{grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:10px;margin-bottom:10px;display:grid}.shortcut-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;min-height:70px;padding:11px;transition:border-color .14s,box-shadow .14s;display:grid}.shortcut-card:hover{border-color:var(--accent);box-shadow:var(--shadow-soft)}.shortcut-icon{border-radius:var(--radius-full);background:var(--accent-soft);width:46px;height:46px;color:var(--accent-strong);place-items:center;display:grid}.shortcut-copy{min-width:0;display:grid}.shortcut-copy strong{color:var(--text);font-size:14px;line-height:1.1}.home-tabs{gap:10px;padding-bottom:76px;display:grid}.home-tab-footer{z-index:30;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);box-shadow:var(--shadow);grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px;display:grid;position:fixed;bottom:0;left:12px;right:12px}.home-tab-footer button{border-radius:var(--radius-sm);min-width:0;min-height:46px;color:var(--muted);background:0 0;border:1px solid #0000;place-items:center;gap:3px;padding:4px;font-size:10px;font-weight:800;display:grid;position:relative}.home-tab-footer button.active{background:var(--accent-soft);color:var(--accent-strong)}.home-tab-footer b{background:var(--danger);min-width:16px;height:16px;color:var(--white);border-radius:999px;place-items:center;font-size:9px;line-height:1;display:grid;position:absolute;top:4px;right:10px}.notification-list{gap:8px;display:grid}.notification-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);grid-template-columns:10px minmax(0,1fr);align-items:start;gap:10px;padding:12px;display:grid}.notification-card strong,.notification-empty strong{color:var(--text);font-size:13px;line-height:1.2;display:block}.notification-card small,.notification-empty span{color:var(--muted);margin-top:3px;font-size:11px;font-weight:650;line-height:1.25;display:block}.notification-dot{background:var(--accent);border-radius:999px;width:9px;height:9px;margin-top:4px}.notification-card.warning .notification-dot{background:var(--warning)}.notification-card.success .notification-dot{background:var(--ok)}.notification-empty{min-height:148px;color:var(--muted);text-align:center;place-items:center;gap:6px;display:grid}.panel{padding:10px}.data-table{min-width:0;max-width:100%}.table-scroll{overscroll-behavior-x:contain;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);min-width:0;max-width:100%;max-height:max(320px,100dvh - 360px);overflow:auto}.table-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.data-table table{min-width:0}.data-table thead{z-index:3;position:sticky;top:0}.data-table thead th{background:color-mix(in srgb, var(--accent) 8%, #fff);box-shadow:inset 0 -1px 0 var(--border);position:static}.data-table .data-table-filters th{background:color-mix(in srgb, var(--accent) 3%, #fff);padding:5px 6px 7px}.data-table-filters input,.data-table-filters select{background:var(--white);width:100%;min-width:96px;min-height:30px;padding:4px 7px;font-size:11px;font-weight:500}.data-table td.data-table-text{text-overflow:ellipsis;max-width:340px;overflow:hidden}.table-empty{color:var(--muted);text-align:center;padding:22px}.data-table-bar{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;padding:0 2px;font-size:12px;display:flex}.data-table-bar-top{padding-bottom:7px}.data-table-bar-bottom{padding-top:7px}.data-table-count{font-weight:700}.data-table-pager{align-items:center;gap:5px;display:flex}.data-table-pager button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);min-width:30px;min-height:28px;color:var(--accent-strong);place-items:center;padding:2px 6px;transition:border-color .14s,background-color .14s;display:inline-grid}.data-table-pager button:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.data-table-pager select{width:auto;min-height:28px;padding:2px 6px;font-size:12px}.data-table-page{min-width:48px;color:var(--text-strong);text-align:center;font-weight:800}.cell-details{white-space:normal;width:300px;max-width:100%;font-size:11px}.cell-details>summary{color:var(--accent-strong);font-weight:700}.cell-details[open] .transfer-history-pack-numbers{max-height:220px;overflow:auto}table{border-collapse:collapse;background:var(--card);width:100%;min-width:760px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;white-space:nowrap;padding:9px;font-size:12px}th{z-index:1;background:var(--card-soft);color:var(--muted);font-weight:700;position:sticky;top:0}.table-sort-button{min-width:0;color:inherit;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:5px;padding:0;display:inline-flex}.table-sort-button:hover{color:var(--accent-strong)}td{color:var(--text-strong)}tr:last-child td{border-bottom:0}.chip{border-radius:var(--radius-full);background:var(--accent-soft);min-height:20px;color:var(--accent-strong);align-items:center;padding:0 8px;font-size:10px;font-weight:700;display:inline-flex}.chip.warn{background:var(--warning-soft);color:var(--warning)}.chip.bad{background:var(--danger-soft);color:var(--danger)}.chip.ok{background:var(--ok-soft);color:var(--ok)}.workbench{grid-template-columns:minmax(0,1fr) minmax(340px,400px);align-items:start;gap:12px;display:grid}.workbench.single{grid-template-columns:1fr}.workbench.has-footer-tabs{padding-bottom:128px}.data-panel{z-index:1;min-width:0;position:relative}.data-panel.is-minimized{padding-bottom:10px}.data-panel.is-minimized .module-toolbar{margin-bottom:0}.module-toolbar{justify-content:space-between;align-items:center;gap:8px;min-height:30px;margin-bottom:8px;display:flex}.module-toolbar strong{color:var(--muted);font-size:12px}.icon-button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);width:30px;height:30px;color:var(--muted);place-items:center;transition:border-color .14s,color .14s;display:inline-grid}.icon-button:hover{color:var(--accent-strong);border-color:var(--accent)}.icon-button.is-minimized svg{transform:rotate(-90deg)}.module-toolbar-actions{justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.module-filter-check{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.module-filter-check input{accent-color:var(--primary)}.module-search{width:min(320px,42vw);min-height:30px;padding:5px 9px;font-size:12px}@media (max-width:620px){.module-toolbar:has(.module-search){flex-wrap:wrap}.module-toolbar:has(.module-search) .module-toolbar-actions{flex:100%}.module-search{flex:auto;width:auto;min-width:0}}.compact-primary{white-space:nowrap;min-height:30px;padding:0 10px}.select-with-create{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.select-with-create select{min-width:0}.compact-create-option{white-space:nowrap;min-height:36px;padding:0 10px}.action-panel{z-index:2;min-width:0;padding:10px;position:sticky;top:10px}.action-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;margin-bottom:8px;padding-bottom:8px;display:flex}.action-tabs button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);min-height:30px;color:var(--muted);white-space:nowrap;align-items:center;gap:6px;padding:0 9px;font-size:12px;font-weight:700;transition:background-color .14s,border-color .14s,color .14s;display:inline-flex}.action-tabs button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.module-action-tabs{z-index:30;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);min-height:62px;box-shadow:var(--shadow);scrollbar-width:none;flex-wrap:nowrap;margin:0;padding:8px;display:flex;position:fixed;bottom:0;left:246px;right:12px;overflow-x:auto}.module-action-tabs-stack{z-index:30;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);box-shadow:var(--shadow);gap:4px;padding:8px;display:grid;position:fixed;bottom:0;left:246px;right:12px}.module-action-tabs-stack .module-action-subtabs{scrollbar-width:none;flex-wrap:nowrap;min-height:30px;margin:0;padding:0 0 4px;overflow-x:auto}.module-action-tabs-stack .module-action-subtabs::-webkit-scrollbar{display:none}.module-action-tabs-stack .module-action-subtabs button{flex:none;min-height:30px;padding:0 10px;font-size:11px}.invoice-workbench .module-action-tabs-stack{align-content:center;min-height:64px}.invoice-workbench .module-action-tabs-stack .module-action-subtabs{min-height:46px;padding:0}.invoice-workbench .module-action-tabs-stack .module-action-subtabs button{place-items:center;gap:3px;min-height:46px;padding:4px 10px;font-size:10px;display:grid}.module-action-tabs-stack .module-action-tabs{min-height:46px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;position:static;overflow-x:auto}.module-action-tabs::-webkit-scrollbar{display:none}.module-action-tabs button{text-align:center;white-space:normal;background:0 0;border-color:#0000;flex:1 0 74px;place-items:center;gap:3px;min-width:74px;min-height:46px;padding:4px;font-size:10px;font-weight:800;line-height:1.05;display:grid}.module-action-tabs button span{text-overflow:ellipsis;max-width:100%;overflow:hidden}.module-action-tabs button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.action-form{gap:10px;display:grid}.packing-resi-page{min-width:0;max-width:100%;padding-bottom:128px;overflow-x:hidden}.packing-resi-footer-tabs{align-content:center;min-height:64px}.packing-resi-footer-tabs .module-action-subtabs{min-height:46px;padding:0}.packing-resi-footer-tabs .module-action-subtabs button{place-items:center;gap:3px;min-width:0;min-height:46px;padding:4px 10px;font-size:10px;display:grid}.section-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.section-heading h2{color:var(--text);margin:0;font-size:17px}.section-heading p{color:var(--muted);margin:4px 0 0;font-size:12px;font-weight:650}.packing-resi-progress{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.packing-resi-progress>div{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--accent-soft);gap:3px;min-width:0;padding:9px 10px;display:grid}.packing-resi-progress span{color:var(--muted);font-size:11px;font-weight:700}.packing-resi-progress strong{color:var(--accent-strong);min-width:0;font-size:19px;line-height:1.15}.packing-resi-workflow-panel,.resi-camera-modal,.packing-resi-history-panel{gap:12px;display:grid}.packing-resi-status strong{letter-spacing:-.025em;overflow-wrap:anywhere;word-break:break-word;font-size:clamp(10px,3vw,14px)}.resi-finish-scan{width:100%}.packing-resi-save{border-top:1px solid var(--line);padding-top:12px}.packing-assigned-list{border-top:1px solid var(--line);gap:8px;padding-top:12px;display:grid}.packing-assigned-item{border:1px solid var(--line);background:var(--card);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:6px 8px 6px 11px;display:flex}.packing-assigned-item>span{min-width:0;color:var(--text);overflow-wrap:anywhere;align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.packing-assigned-item .danger-icon{color:var(--danger);flex:none}.pdf-print-link{white-space:nowrap;text-decoration:none}.invoice-create-dropdown{z-index:3;gap:10px;display:grid;position:relative}.invoice-create-toggle{border:1px solid rgba(var(--accent-rgb), .2);background:linear-gradient(135deg, var(--accent-soft), var(--blue-soft));width:100%;min-height:42px;color:var(--accent-strong);text-align:left;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;font-size:13px;font-weight:850;display:flex}.invoice-create-toggle svg{transition:transform .16s}.invoice-create-toggle svg.is-open{transform:rotate(180deg)}.invoice-create-content{z-index:3;gap:10px;display:grid;position:relative}.field-combobox{gap:6px;display:grid;position:relative}.combobox-options{z-index:20;border:1px solid rgba(var(--accent-rgb), .2);background:var(--white);max-height:220px;box-shadow:0 14px 30px rgba(var(--ink-rgb), .16);border-radius:9px;display:grid;position:absolute;top:calc(100% - 1px);left:0;right:0;overflow-y:auto}.combobox-option{border:0;border-bottom:1px solid var(--line);background:var(--white);color:var(--text);text-align:left;padding:10px 11px;font-size:12px}.combobox-option:last-child{border-bottom:0}.combobox-option:hover,.combobox-option:focus-visible{background:var(--blue-soft);color:var(--accent-strong);outline:0}.combobox-empty{border:1px solid var(--border);background:var(--white);color:var(--muted);border-radius:8px;padding:9px 10px;font-size:11px}.form-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.field{grid-column:span 3;gap:6px;display:grid}.field.span-2{grid-column:span 2}.field.span-3{grid-column:span 3}.field.span-4{grid-column:span 4}.field.span-full,.field.full{grid-column:1/-1}.form-section-label{border-top:1px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;padding-top:12px;font-size:10px;font-weight:800}.form-section-label:first-child{border-top:0;margin-top:0;padding-top:0}.invoice-action-form .form-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.invoice-action-form .field{grid-column:span 6}.invoice-action-form .field.span-2{grid-column:span 4}.invoice-action-form .field.span-3{grid-column:span 6}.invoice-action-form .field.span-4{grid-column:span 8}.invoice-action-form .field.layout-quarter{grid-column:span 3}.invoice-action-form .field.layout-one-third{grid-column:span 4}.invoice-action-form .field.layout-half{grid-column:span 6}.invoice-action-form .field.layout-two-third{grid-column:span 8}.invoice-action-form .field.layout-three-quarter{grid-column:span 9}.invoice-action-form .invoice-address textarea{min-height:74px}.invoice-action-form .invoice-product-select{padding-top:17px}.invoice-action-form .invoice-product-select>.checkbox-control,.invoice-action-form .invoice-product-qty input,.invoice-action-form .invoice-toggle-field>.checkbox-control,.invoice-action-form .invoice-toggle-amount input{min-height:40px}.invoice-action-form .invoice-product-select>.checkbox-control,.invoice-action-form .invoice-toggle-field>.checkbox-control{width:100%}.invoice-action-form .invoice-product-qty input:disabled,.invoice-action-form .invoice-toggle-amount input:disabled,.invoice-action-form .field textarea:disabled{cursor:not-allowed;background:var(--card-soft);color:var(--text-subtle)}.invoice-action-form .field{align-self:stretch;align-items:start;min-width:0}.invoice-action-form .checkbox-control{align-self:start;min-width:0}.invoice-action-form .field:not(.trigger-closed)>.checkbox-control{min-height:40px}.invoice-action-form .invoice-product-select,.invoice-action-form .invoice-toggle-field{padding-top:0}.invoice-action-form .invoice-product-select>.checkbox-control,.invoice-action-form .invoice-toggle-field>.checkbox-control{height:100%;min-height:40px;overflow:hidden}.invoice-action-form .invoice-product-select>.checkbox-control span{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;min-width:0;line-height:1.3;overflow:visible}.invoice-action-form .invoice-toggle-field>.checkbox-control span{text-overflow:ellipsis;min-width:0;overflow:hidden}.invoice-action-form .field>input,.invoice-action-form .field>select,.invoice-action-form .field>textarea,.invoice-action-form .field>.field-combobox{align-self:start;min-width:0}.invoice-action-form .field.trigger-closed,.invoice-action-form .field.span-full,.invoice-action-form .field.full{grid-column:1/-1}label{color:var(--muted);font-size:11px;font-weight:600}.checkbox-control{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);min-height:38px;color:var(--text);white-space:nowrap;align-items:center;gap:10px;padding:8px 10px;font-size:12px;font-weight:800;display:flex}.checkbox-control input{width:18px;height:18px;min-height:18px;accent-color:var(--accent)}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);width:100%;min-height:34px;color:var(--text);outline:0;padding:7px 9px;font-size:12px;transition:border-color .14s,box-shadow .14s}textarea{resize:vertical;min-height:68px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.primary{border-radius:var(--radius-sm);background:var(--accent);min-height:34px;color:var(--white);border:0;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:700;transition:background-color .14s;display:inline-flex}.primary:hover{background:var(--accent-strong)}.action-submit{width:100%}.modal-backdrop{z-index:80;background:rgba(var(--ink-rgb), .38);justify-content:center;align-items:center;width:100vw;height:100vh;min-height:100dvh;padding:16px;display:flex;position:fixed;inset:0;overflow:hidden auto}.action-modal{background:var(--white);border-radius:var(--radius-lg);width:520px;min-width:0;max-width:100%;max-height:min(86vh,760px);box-shadow:var(--shadow);gap:12px;margin:auto;display:grid;overflow:auto}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding-bottom:8px;display:flex}.modal-head strong{color:var(--text);font-size:15px}.secondary,.mini-action{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);min-height:30px;color:var(--accent-strong);justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:800;transition:border-color .14s,background-color .14s;display:inline-flex}.secondary:hover,.mini-action:hover{border-color:var(--accent);background:var(--accent-soft)}.mini-action{min-height:28px;padding:0 9px}.invoice-row-actions{flex-wrap:wrap;gap:6px;display:flex}.invoice-table-wrap .invoice-row-actions{grid-template-columns:repeat(2,minmax(104px,1fr));min-width:236px;display:grid}.invoice-table-wrap .invoice-row-actions .mini-action{width:100%}.invoice-table-wrap .invoice-row-actions .mini-action:last-child:nth-child(odd){grid-column:1/-1}.invoice-table-wrap .invoice-row-actions .danger-mini{border-color:rgba(var(--danger-deep-rgb), .28);background:var(--danger-tint-soft)}.danger-mini{border-color:rgba(var(--danger-rgb), .25);background:var(--danger-soft);color:var(--danger)}.danger-button{border:1px solid rgba(var(--danger-rgb), .25);border-radius:var(--radius-sm);background:var(--danger-soft);min-height:34px;color:var(--danger);justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:800;transition:background-color .14s;display:inline-flex}.danger-button:hover{background:var(--danger-tint)}.scan-field input{border-color:rgba(var(--accent-rgb), .28);letter-spacing:.04em;text-transform:uppercase;min-height:46px;font-size:18px;font-weight:800}.toast-notice{z-index:1000;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--accent-soft);width:min(420px,100vw - 40px);color:var(--accent-strong);box-shadow:var(--shadow);align-items:flex-start;gap:12px;padding:13px 14px;font-size:13px;font-weight:750;line-height:1.35;animation:.18s ease-out toast-slide-in;display:flex;position:fixed;top:20px;right:20px}.toast-notice.success{border-color:rgba(var(--ok-rgb), .25);background:var(--ok-soft);color:var(--ok-strong)}.toast-notice.error{border-color:rgba(var(--danger-rgb), .25);background:var(--danger-soft);color:var(--danger)}.toast-close{color:currentColor;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;width:24px;height:24px;margin:-3px -4px 0 auto;display:grid}.toast-close:hover{background:rgba(var(--ink-rgb), .08)}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.message{border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-strong);padding:7px 9px;font-size:12px}.message.success{background:var(--ok-soft);color:var(--ok-strong)}.message.error{background:var(--danger-soft);color:var(--danger)}.message.warning{background:var(--warning-soft);color:var(--warning)}.normal-price-product{border:1px solid var(--border);background:var(--card);color:var(--accent-strong);border-radius:8px;align-items:center;gap:10px;padding:9px 10px;display:flex}.normal-price-product div{gap:2px;min-width:0;display:grid}.normal-price-product span{color:var(--muted);font-size:11px;font-weight:700}.normal-price-product strong{overflow-wrap:anywhere;color:var(--text);font-size:13px}.normal-price-list{gap:8px;display:grid}.normal-price-row{border:1px solid var(--line);background:rgba(var(--card-soft-rgb), .68);border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(150px,180px);align-items:end;gap:8px;padding:8px;display:grid}.normal-price-row.selected{border-color:rgba(var(--accent-rgb), .24);background:rgba(var(--accent-soft-rgb), .54)}.normal-price-check{min-height:48px}.normal-price-check span{gap:2px;min-width:0;display:grid}.normal-price-check strong{color:var(--text);font-size:12px}.normal-price-check small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.normal-price-input{grid-column:auto}.selected-row{background:rgba(var(--accent-soft-rgb), .72)}.invoice-context{border-bottom:1px solid var(--line);gap:9px;margin-bottom:10px;padding-bottom:10px;display:grid}.invoice-context-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.invoice-context-head div{gap:2px;display:grid}.invoice-context-head span,.invoice-context dt{color:var(--muted);font-size:11px;font-weight:700}.invoice-context-head strong{font-size:16px}.invoice-context-head .invoice-context-status{align-items:center;gap:6px;display:flex}.invoice-context-status .icon-button{color:var(--muted);flex:none;font-size:22px;line-height:1}.invoice-edit-loading{border:1px solid rgba(var(--accent-rgb), .16);background:linear-gradient(135deg, var(--accent-tint-soft), var(--white));color:var(--accent-strong);border-radius:12px;align-items:flex-start;gap:10px;padding:14px;display:flex}.invoice-edit-loading>div{gap:3px;display:grid}.invoice-edit-loading span{color:var(--muted);font-size:12px;line-height:1.4}.invoice-context dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.invoice-context dd{margin:2px 0 0;font-size:12px;font-weight:800}.packing-invoice-selector{gap:6px;margin-bottom:10px;display:grid}.packing-invoice-selector-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.packing-invoice-selector-head label{color:var(--text);font-size:12px;font-weight:850}.packing-invoice-selector select{min-height:40px;font-weight:750}.packing-action-heading{border-bottom:1px solid var(--line);gap:2px;margin-bottom:10px;padding-bottom:10px;display:grid}.packing-action-heading strong{font-size:14px}.packing-action-heading span{color:var(--muted);font-size:11px;font-weight:700}.invoice-packing-action-panel{gap:14px;display:grid}.invoice-packing-action-panel .packing-action-heading{margin-bottom:0}.invoice-packing-action-panel .packing-resi-progress{gap:10px}.invoice-packing-action-panel .scan-session{margin-bottom:0}.thermal-panel{gap:10px;margin-top:10px;padding:10px;display:grid}.approval-shell,.approval-list{gap:10px;display:grid}.approval-card{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-soft);border-radius:8px;gap:10px;padding:12px;display:grid}.approval-card-head,.approval-meta,.approval-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.approval-type{color:var(--accent-strong);text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:900;display:inline-flex}.approval-copy{gap:3px;display:grid}.approval-copy strong{color:var(--text);font-size:15px}.approval-copy span,.approval-copy p,.approval-meta{color:var(--muted);font-size:12px;font-weight:650}.approval-copy p{margin:0;line-height:1.35}.approval-meta span:first-child{color:var(--accent-strong);font-weight:900}.approval-proof{border:1px solid var(--border);background:var(--surface-tint);color:var(--muted);border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-size:12px;display:flex}.approval-proof strong{color:var(--text)}.approval-proof a{color:var(--accent-strong);font-weight:850;text-decoration:underline}.approval-actions button{flex:1 1 0}.approval-message{margin-top:8px}.approval-empty{min-height:160px;color:var(--muted);text-align:center;place-items:center;gap:6px;display:grid}.approval-empty strong{color:var(--text);font-size:14px}.thermal-toolbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.thermal-toolbar-copy{gap:2px;display:grid}.thermal-toolbar-copy strong{color:var(--accent-strong);font-size:13px}.thermal-toolbar-copy span{color:var(--muted);font-size:11px}.thermal-toolbar-actions{gap:6px;display:inline-flex}.thermal-sheet{gap:10px;max-height:58vh;display:grid;overflow:auto}.thermal-label{aspect-ratio:3/2;border:1px solid rgba(var(--ink-rgb), .18);background:var(--white);width:min(100%,330px);box-shadow:0 14px 30px rgba(var(--ink-rgb), .08);border-radius:8px;align-content:start;gap:6px;padding:10px;display:grid;position:relative}.thermal-label-content{display:contents}.thermal-label-top,.thermal-label-bottom{text-align:center;gap:4px;display:grid}.thermal-label-top strong,.thermal-barcode-text{word-break:break-all;font-size:14px;font-weight:800;line-height:1.15}.thermal-barcode-text{text-align:center}.thermal-label-top span,.thermal-label-bottom span,.thermal-label-bottom b{font-size:10px}.thermal-label-top span{color:var(--text);font-size:11px;font-weight:700}.thermal-label-top b{color:var(--muted);font-size:9px;font-weight:600}.thermal-reprint-mark{border:1px solid var(--danger);color:var(--danger);letter-spacing:.08em;border-radius:999px;justify-self:center;padding:3px 8px;font-size:9px;font-style:normal;font-weight:900;line-height:1;position:absolute;bottom:1mm;right:1mm}.thermal-qr-wrap{aspect-ratio:1;border:1px solid rgba(var(--ink-rgb), .12);background:var(--white);border-radius:8px;justify-self:center;place-items:center;width:min(100%,128px);padding:10px;display:grid}.thermal-qr-image{width:100%;height:auto;display:block}.thermal-qr-fallback{color:var(--muted);text-align:center;word-break:break-all;font-size:11px}.transfer-panel{gap:12px;display:grid}.transfer-action-tabs{margin-bottom:0;padding-bottom:10px}.transfer-action-tabs button{flex:128px;justify-content:center}.transfer-send-stack{padding-bottom:74px}.transfer-send-stack .transfer-scan-workspace{order:-1}.transfer-stack{gap:10px;display:grid}.transfer-head{border-bottom:1px solid var(--line);gap:2px;padding-bottom:8px;display:grid}.transfer-head strong{color:var(--accent-strong);font-size:14px}.transfer-head span{color:var(--muted);font-size:11px}.transfer-create{gap:10px;display:grid}.transfer-summary,.transfer-scan-workspace{gap:8px;display:grid}.transfer-scan-actions{grid-template-columns:minmax(84px,auto) minmax(0,1fr);align-items:stretch;gap:6px;display:grid}.transfer-scan-actions.has-finish{grid-template-columns:minmax(84px,.72fr) repeat(2,minmax(0,1fr))}.transfer-scan-actions>button{white-space:nowrap;gap:5px;width:100%;min-width:0;min-height:38px;padding:0 8px;font-size:11px}.transfer-scan-count{border:1px solid var(--border);background:var(--card);min-width:0;min-height:38px;color:var(--muted);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:5px;padding:0 8px;font-size:10px;font-weight:800;display:flex}.transfer-scan-count strong{color:var(--accent-strong);font-size:16px}.transfer-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.stock-summary-dashboard{gap:10px;display:grid}.stock-summary-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.transfer-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:6px;display:flex}.transfer-draft-actions .transfer-count-chip{min-width:82px}.transfer-send-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.transfer-send-buttons>button{white-space:nowrap;gap:4px;width:100%;min-width:0;min-height:38px;padding:0 6px;font-size:11px}@media (max-width:420px){.transfer-send-buttons{gap:5px}.transfer-send-buttons>button{gap:3px;padding:0 4px;font-size:10px}.transfer-send-buttons>button svg{width:14px;height:14px}.transfer-scan-actions{gap:5px}.transfer-scan-actions.has-finish{grid-template-columns:minmax(66px,.72fr) repeat(2,minmax(0,1fr))}.transfer-scan-actions>button{gap:3px;padding:0 4px;font-size:10px}.transfer-scan-count{gap:3px;padding:0 5px;font-size:9px}.transfer-scan-count strong{font-size:14px}.stock-summary-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}.transfer-chip{border:1px solid var(--border);background:var(--card);border-radius:8px;gap:2px;padding:7px 8px;display:grid}.transfer-chip span{color:var(--muted);font-size:10px;font-weight:700}.transfer-chip strong{color:var(--accent-strong);overflow-wrap:anywhere;font-size:14px;line-height:1.15}.transfer-count-chip strong{font-size:16px}.destination-editor{gap:5px;margin-top:4px;display:grid}.destination-editor select{border:1px solid var(--border);background:var(--white);min-width:0;max-width:100%;color:var(--text);border-radius:6px;padding:4px 6px;font-size:11px}.pagination-more{width:100%;margin-top:8px}.scan-toggle{border:1px solid var(--border);background:var(--accent-soft);min-height:42px;color:var(--accent-strong);box-shadow:0 14px 30px rgba(var(--accent-rgb), .08);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:800;transition:transform .16s,box-shadow .16s,border-color .16s;display:inline-flex}.scan-method-buttons{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:8px;display:grid}.scan-method-buttons>button{white-space:nowrap;justify-content:center;width:100%;min-width:0}.scan-manual-toggle{border:1px solid var(--border);background:var(--card);min-height:42px;color:var(--text);border-radius:10px;padding:0 10px;font-size:12px;font-weight:800}.scan-manual-toggle:hover:not(:disabled){border-color:rgba(var(--accent-rgb), .3);color:var(--accent-strong)}.manual-scan-modal-form{gap:12px;display:grid}.manual-scan-modal-form label{color:var(--text);font-size:13px;font-weight:800}.manual-scan-modal-form input{text-transform:uppercase;min-width:0;min-height:44px}.manual-scan-modal-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.manual-scan-modal-actions button,.manual-scan-modal-submit{justify-content:center;width:100%;min-height:42px}.koper-input-help{color:var(--muted);margin:0;font-size:12px;font-weight:650}.scan-toggle.active{border-color:rgba(var(--accent-rgb), .3);background:linear-gradient(135deg, rgba(var(--accent-rgb), .16), rgba(var(--sky-400-rgb), .18));box-shadow:0 16px 34px rgba(var(--accent-rgb), .14)}.camera-scanner{gap:8px;display:grid}.camera-stage{border:1px solid var(--border);background:radial-gradient(circle at top, rgba(var(--blue-500-rgb), .16), rgba(var(--ink-rgb), .06) 45%, rgba(var(--ink-deep-rgb), .96));aspect-ratio:1;border-radius:16px;min-height:260px;position:relative;overflow:hidden}.camera-video{object-fit:cover;width:100%;height:100%}.camera-scanner.resi-scanner .camera-stage{aspect-ratio:16/9;min-height:0}.camera-scanner.resi-scanner .camera-video{object-fit:cover;object-position:center center}.camera-guide{pointer-events:none;background:linear-gradient(180deg, rgba(var(--ink-rgb), .08), rgba(var(--ink-rgb), .28));place-items:center;display:grid;position:absolute;inset:0}.camera-frame{border:2px solid rgba(var(--white-rgb), .88);width:min(64vw,220px);max-width:70%;height:min(64vw,220px);max-height:70%;box-shadow:0 0 0 200vmax rgba(var(--ink-rgb), .34);border-radius:22px;position:relative}.camera-scanner.resi-scanner .camera-frame{width:92%;height:30%;min-height:86px;max-height:136px}.camera-frame:before,.camera-frame:after{content:"";border:1px solid rgba(var(--blue-300-rgb), .38);border-radius:14px;position:absolute;inset:14px}.camera-beam{background:linear-gradient(90deg, transparent, rgba(var(--blue-200-rgb), .9), transparent);height:2px;box-shadow:0 0 18px rgba(var(--blue-400-rgb), .85);border-radius:999px;animation:2.1s ease-in-out infinite cameraBeam;position:absolute;top:20%;left:14px;right:14px}.camera-meta{flex-wrap:wrap;gap:6px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.camera-badge{background:var(--card);min-height:28px;color:var(--accent-strong);box-shadow:0 12px 26px rgba(var(--ink-rgb), .2);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.camera-badge.muted{background:rgba(var(--blue-100-rgb), .92)}.scan-history{gap:6px;display:grid}.scan-history-panel{border:1px solid rgba(var(--accent-rgb), .14);background:var(--card);border-radius:10px;overflow:hidden}.scan-history-summary,.scan-group-summary{list-style:none}.scan-history-summary::-webkit-details-marker{display:none}.scan-group-summary::-webkit-details-marker{display:none}.scan-history-summary{cursor:pointer;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:42px;padding:8px 10px;display:grid}.scan-history-title{min-width:0;color:var(--accent-strong);align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}.scan-history-count{background:rgba(var(--blue-100-rgb), .92);min-width:28px;height:24px;color:var(--accent-strong);border-radius:999px;place-items:center;font-size:11px;font-weight:800;display:inline-grid}.scan-history-chevron{color:var(--muted);transition:transform .16s}.scan-history-panel[open]>.scan-history-summary .scan-history-chevron,.scan-history-group[open]>.scan-group-summary:after{transform:rotate(180deg)}.scan-history-groups{border-top:1px solid rgba(var(--accent-rgb), .1);gap:8px;padding:8px;display:grid}.scan-history-group{border:1px solid rgba(var(--accent-rgb), .1);background:rgba(var(--surface-tint-rgb), .88);border-radius:9px;overflow:hidden}.scan-group-summary{cursor:pointer;grid-template-columns:minmax(0,1fr) auto 14px;align-items:center;gap:8px;min-height:36px;padding:7px 9px;display:grid;position:relative}.scan-group-summary:after{width:14px;height:14px;color:var(--muted);content:"v";text-align:center;font-size:11px;line-height:1;transition:transform .16s}.scan-group-summary span:first-child{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.scan-group-summary span:last-child{color:var(--muted);white-space:nowrap;font-size:10px;font-weight:800}.scan-history-group .scan-history{border-top:1px solid rgba(var(--accent-rgb), .08);max-height:220px;padding:6px;overflow:auto}.barcode-history-list{gap:8px;display:grid}.barcode-history-download{min-height:24px;padding:0 8px;font-size:10px;text-decoration:none}.barcode-history-download:disabled{cursor:not-allowed;opacity:.72}.barcode-download-request-summary{border:1px solid rgba(var(--accent-rgb), .12);background:rgba(var(--surface-tint-rgb), .8);border-radius:8px;gap:3px;padding:10px;display:grid}.barcode-download-request-summary span,.barcode-download-request-summary em{color:var(--muted);font-size:11px;font-style:normal;font-weight:700}.stock-pack-list{gap:10px;display:grid}.stock-pack-container{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);box-shadow:var(--shadow-soft);gap:10px;padding:12px;display:grid;overflow:hidden}.stock-pack-container>summary{list-style:none}.stock-pack-container>summary::-webkit-details-marker{display:none}.stock-pack-container-head{cursor:pointer;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.stock-pack-toggle{color:var(--muted);flex:none;transition:transform .16s}.stock-pack-container[open] .stock-pack-toggle{transform:rotate(180deg)}.stock-pack-product{gap:3px;min-width:0;display:grid}.stock-pack-product strong{color:var(--text);overflow-wrap:anywhere;font-size:15px;line-height:1.1}.stock-pack-product span,.stock-pack-meta{color:var(--muted);font-size:11px;font-weight:700}.stock-pack-summary{text-align:right;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.stock-pack-summary strong{color:var(--muted);white-space:nowrap;font-size:12px}.stock-pack-meta{border-top:1px solid rgba(var(--accent-rgb), .08);justify-content:space-between;align-items:center;gap:8px;padding-top:8px;display:flex}.stock-pack-label{color:var(--muted);font-size:11px;font-weight:800}.stock-pack-numbers{flex-wrap:wrap;gap:6px;display:flex}.stock-pack-number-item{align-items:center;gap:4px;display:inline-flex}.stock-pack-number-item .settings-row-actions{display:inline-flex}.stock-pack-number-item .mini-action{min-height:25px;padding:0 7px;font-size:10px}.stock-pack-number{border:1px solid rgba(var(--accent-rgb), .08);background:var(--accent-tint);min-height:29px;color:var(--accent-strong);letter-spacing:.01em;white-space:nowrap;border-radius:999px;align-items:center;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.scan-session{gap:8px;margin-bottom:10px;display:grid}.scan-row{border:1px solid rgba(var(--accent-rgb), .12);background:var(--card);border-radius:10px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px;display:grid}.scan-index{background:var(--accent-soft);min-height:30px;color:var(--accent-strong);border-radius:8px;place-items:center;font-size:11px;font-weight:800;display:inline-grid}.scan-code{min-width:0;color:var(--text);word-break:break-all;font-size:12px;font-weight:800;line-height:1.2}.scan-time{color:var(--muted);white-space:nowrap;font-size:10px;font-weight:800}.scan-remove{width:28px;height:28px}.scan-row-actions{justify-content:flex-end;align-items:center;gap:4px;display:inline-flex}.scan-empty{border:1px dashed rgba(var(--accent-rgb), .18);color:var(--muted);text-align:center;border-radius:10px;padding:10px;font-size:11px}.receive-stack{padding-top:2px}.transfer-history-pack-container{border:1px solid rgba(var(--accent-rgb), .14);background:rgba(var(--surface-tint-rgb), .88);border-radius:9px;min-width:150px;overflow:hidden}.transfer-history-pack-container>summary{cursor:pointer;color:var(--accent-strong);justify-content:space-between;align-items:center;gap:8px;padding:7px 9px;font-size:11px;font-weight:800;list-style:none;display:flex}.transfer-history-pack-container>summary::-webkit-details-marker{display:none}.transfer-history-pack-container>summary svg{flex:none;transition:transform .16s}.transfer-history-pack-container[open]>summary svg{transform:rotate(180deg)}.transfer-history-pack-numbers{border-top:1px solid rgba(var(--accent-rgb), .1);flex-wrap:wrap;gap:5px;padding:7px;display:flex}.transfer-history-pack-numbers span{border:1px solid rgba(var(--accent-rgb), .13);background:var(--accent-tint);min-height:25px;color:var(--accent-strong);overflow-wrap:anywhere;border-radius:999px;align-items:center;padding:0 8px;font-size:10px;font-weight:800;display:inline-flex}.transfer-history-pack-sections{border-top:1px solid rgba(var(--accent-rgb), .1);grid-template-columns:minmax(0,1fr);grid-auto-flow:row;gap:8px;min-width:0;padding:8px 9px;display:grid}.transfer-history-pack-container,.transfer-history-pack-container>summary,.transfer-history-pack-section{white-space:normal}.transfer-history-pack-section{box-sizing:border-box;border:1px solid rgba(var(--accent-rgb), .1);border-radius:8px;grid-column:1/-1;gap:5px;width:100%;min-width:0;padding:7px;display:grid}.transfer-history-pack-section.pending{background:rgba(var(--warning-soft-rgb), .72)}.transfer-history-pack-section.received{background:rgba(var(--ok-tint-rgb), .62)}.transfer-history-pack-section>strong{color:var(--text);overflow-wrap:anywhere;font-size:11px;line-height:1.3;display:block}.transfer-history-pack-section .transfer-history-pack-numbers{border-top:0;gap:5px;padding:0}.transfer-history-pack-section em{color:var(--muted);font-size:10px;font-style:normal;font-weight:700}.pack-detail-container{border:1px solid rgba(var(--accent-rgb), .14);background:rgba(var(--surface-tint-rgb), .88);box-shadow:none;border-radius:9px;padding:0;overflow:hidden}.pack-detail-container>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:7px 9px;list-style:none;display:flex}.pack-detail-container>summary::-webkit-details-marker{display:none}.pack-detail-container>summary svg{flex:none;transition:transform .16s}.pack-detail-container[open]>summary svg{transform:rotate(180deg)}.pack-detail-container .stock-pack-meta{border-top:1px solid rgba(var(--accent-rgb), .1);padding:7px 9px}.pack-detail-container .stock-pack-label{border-top:0;padding:0 9px 6px}.pack-detail-container .stock-pack-numbers,.pack-detail-container .transfer-history-pack-numbers{border-top:1px solid rgba(var(--accent-rgb), .1);gap:5px;padding:7px 9px}.pack-detail-container .stock-pack-number,.pack-detail-container .transfer-history-pack-numbers span{border:1px solid rgba(var(--accent-rgb), .13);background:var(--accent-tint);min-height:25px;color:var(--accent-strong);overflow-wrap:anywhere;border-radius:999px;padding:0 8px;font-size:10px;font-weight:800}.scan-history.compact .scan-row{grid-template-columns:38px minmax(0,1fr) auto minmax(28px,auto)}.receive-stack .scan-row{grid-template-columns:38px minmax(0,1fr)}.spin{animation:1s linear infinite spin}@keyframes cameraBeam{0%,to{opacity:.88;top:18%}50%{opacity:1;top:82%}}@keyframes spin{to{transform:rotate(360deg)}}.login-wrap{background:radial-gradient(circle at 13% 18%, rgba(var(--sky-400-rgb), .18), transparent 26%), radial-gradient(circle at 92% 86%, rgba(var(--accent-rgb), .16), transparent 30%);place-items:center;min-height:100vh;padding:32px;display:grid}.login-card{width:auto;max-width:none;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:center;display:flex}.login-install-wrap{gap:9px;display:grid}.install-button{border:1px dashed rgba(var(--accent-rgb), .35);background:rgba(var(--accent-soft-rgb), .68);min-height:48px;color:var(--accent-strong);border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:12px;font-weight:850;transition:border-color .16s,background-color .16s,transform .16s;display:inline-flex}.install-button:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.login-install-hint{color:var(--muted);text-align:center;margin:0;font-size:11px;line-height:1.45}.login-installed-note{border:1px solid rgba(var(--ok-rgb), .25);background:var(--ok-soft);min-height:48px;color:var(--ok);text-align:center;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:12px;font-weight:800;display:flex}.login-error-toast{top:max(20px, calc(env(safe-area-inset-top) + 12px));right:max(20px, calc(env(safe-area-inset-right) + 12px));border-color:var(--danger-border);background:rgba(var(--danger-tint-soft-rgb), .97);width:min(390px,100vw - 40px);min-height:68px;box-shadow:0 18px 40px rgba(var(--danger-shadow-rgb), .18);border-radius:16px;grid-template-columns:30px minmax(0,1fr) 24px;align-items:center;gap:10px;padding:12px 13px;display:grid}.toast-status-icon{background:var(--danger-soft);width:30px;height:30px;color:var(--danger);border-radius:10px;place-items:center;display:grid}.toast-copy{overflow-wrap:anywhere;gap:2px;min-width:0;font-size:12px;font-weight:650;display:grid}.toast-copy strong{color:var(--danger-strong);font-size:12px;font-weight:900}.login-error-toast .toast-close{width:24px;height:24px;margin:0}.password-field{position:relative}.password-field input{padding-right:42px}.password-toggle{width:30px;height:30px;color:var(--muted);background:0 0;border:0;border-radius:7px;place-items:center;transition:background-color .16s,color .16s;display:inline-grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-toggle:hover,.password-toggle:focus-visible{background:rgba(var(--accent-rgb), .1);color:var(--text);outline:0}@media (max-width:820px){.login-wrap{padding:18px}}@media (max-width:520px){.login-wrap{padding:10px}.login-error-toast{top:max(12px, calc(env(safe-area-inset-top) + 8px));width:calc(100vw - 24px);right:12px}}.empty{color:var(--muted);padding:22px;font-size:13px}@keyframes surface-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes nav-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.card{animation:.26s both surface-in}.sidebar{animation:.22s both surface-in}.nav a:hover,.logout:hover,.primary:hover,.icon-button:hover,.action-tabs button:hover{transform:translateY(-1px)}}@media print{@page{size:40mm 60mm;margin:0}html,body{background:var(--white);width:40mm!important;min-width:40mm!important;max-width:40mm!important;height:auto!important;min-height:0!important;overflow:visible!important}body.label-print-mode{margin:0!important;padding:0!important}body.label-print-mode:before,html body.label-print-mode>:not(.modal-backdrop){display:none!important}body.label-print-mode,body.label-print-mode *{transition:none!important;animation:none!important}body.label-print-mode .sidebar,body.label-print-mode .topbar,body.label-print-mode .data-panel,body.label-print-mode .action-tabs,body.label-print-mode .action-form,body.label-print-mode .modal-head,body.label-print-mode .print-hidden{display:none!important}body.label-print-mode .app,body.label-print-mode .main,body.label-print-mode .workbench,body.label-print-mode .action-panel{width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;display:block!important;position:static!important;overflow:visible!important}body.label-print-mode .main,body.label-print-mode .modal-backdrop,body.label-print-mode .action-modal,body.label-print-mode .action-panel,body.label-print-mode .label-print-root{background:var(--white)!important;box-shadow:none!important;border:0!important;margin:0!important;padding:0!important}body.label-print-mode .modal-backdrop{z-index:auto!important;justify-content:flex-start!important;align-items:flex-start!important;width:40mm!important;min-width:40mm!important;max-width:40mm!important;height:auto!important;min-height:0!important;max-height:none!important;display:block!important;position:static!important;inset:auto!important;overflow:visible!important}body.label-print-mode .action-modal{gap:0!important;width:auto!important;max-width:none!important;min-height:0!important;max-height:none!important;display:block!important;overflow:visible!important}body.label-print-mode .label-print-root{border-radius:0!important;width:40mm!important;min-width:40mm!important;max-width:40mm!important;height:auto!important;min-height:0!important;max-height:none!important;position:static!important;overflow:visible!important}body.label-print-mode .thermal-sheet{max-height:none;display:block;overflow:visible}body.label-print-mode .thermal-label{box-sizing:border-box;width:40mm;min-width:40mm;height:60mm;min-height:60mm;box-shadow:none;break-after:page;break-inside:avoid;page-break-after:always;page-break-inside:avoid;aspect-ratio:auto;border:0;border-radius:0;margin:0;padding:0;display:block;overflow:hidden}body.label-print-mode .thermal-label-content{box-sizing:border-box;grid-template-rows:auto auto auto auto;align-content:center;gap:.25mm;width:40mm;min-width:40mm;height:60mm;min-height:60mm;padding:3.254mm 3mm 2.746mm;display:grid}body.label-print-mode .thermal-label:last-child{break-after:auto;page-break-after:auto}body.label-print-mode .thermal-label-top strong,body.label-print-mode .thermal-barcode-text{font-size:8pt;line-height:1.05}body.label-print-mode .thermal-label-top span,body.label-print-mode .thermal-label-bottom span,body.label-print-mode .thermal-label-bottom b{font-size:5.5pt;line-height:1}body.label-print-mode .thermal-label-top{text-align:center;gap:.25mm}body.label-print-mode .thermal-label-top span{letter-spacing:-.01em;white-space:nowrap;font-size:6pt;line-height:1}body.label-print-mode .thermal-label-top b{font-size:5pt;line-height:1}body.label-print-mode .thermal-label-bottom{text-align:center;gap:.25mm}body.label-print-mode .thermal-barcode-text{text-align:center;font-size:8pt}body.label-print-mode .thermal-qr-wrap{border:0;border-radius:0;place-self:center;width:34mm;height:34mm;padding:0}body.label-print-mode .thermal-qr-image{width:100%}}.setup-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.settings-grid{grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:start;gap:12px;display:grid}.compact-settings{grid-template-columns:1fr}.settings-main{min-width:0}.settings-actions{align-items:center}.settings-row-actions{flex-wrap:wrap;gap:6px;display:inline-flex}.data-table-delete-column,.data-table-delete-cell{min-width:124px}.data-table-delete-cell .settings-row-actions{min-width:112px}.resi-history-table .settings-row-actions{grid-template-columns:repeat(2,minmax(96px,1fr));min-width:206px;display:grid}.resi-history-table .settings-row-actions .mini-action{width:100%}.resi-history-table .settings-row-actions .mini-action:last-child:nth-child(odd){grid-column:1/-1}.resi-history-table{width:100%;min-width:0;max-width:100%}.invoice-close-confirmation{gap:14px;display:grid}.invoice-close-confirmation p,.manual-scan-modal-form>p{color:var(--text);margin:0;line-height:1.6}.invoice-close-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.settings-message{margin-top:8px}.koper-reset-card .message.info{line-height:1.5}.koper-reset-enabled{min-height:36px}.koper-reset-status{gap:10px;display:grid}.koper-reset-status dl{gap:8px;margin:0;display:grid}.koper-reset-status dl>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding-bottom:8px;display:flex}.koper-reset-status dt{color:var(--muted)}.koper-reset-status dd{color:var(--text);text-align:right;margin:0;font-weight:750}.matrix-wrap{border:1px solid var(--line);background:var(--white);border-radius:8px;overflow:auto}.matrix-table{min-width:860px}.matrix-table th,.matrix-table td{text-align:center}.matrix-table th:first-child,.matrix-table td:first-child{z-index:2;background:var(--white);text-align:left;max-width:260px;position:sticky;left:0}.matrix-table input{width:18px;min-height:18px}.reports-view{gap:12px;padding-bottom:88px;display:grid}.report-period-panel{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--accent-soft);gap:14px;margin-bottom:14px;padding:14px;display:grid}.report-period-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.report-period-title>div{gap:3px;display:grid}.report-period-title strong{color:var(--text);font-size:14px}.report-period-title span,.report-period-fields>label>span{color:var(--muted);font-size:11px}.report-period-badge{border:1px solid var(--border);background:var(--card);color:var(--accent-strong);border-radius:7px;flex:none;padding:6px 8px;font-size:11px;font-weight:800}.report-period-fields{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.report-period-fields label{gap:5px;min-width:178px;display:grid}.report-period-fields input{border:1px solid var(--border);background:var(--white);min-height:36px;color:var(--text);font:inherit;border-radius:8px;padding:0 10px;font-size:12px}.report-period-fields input:focus{outline:2px solid rgba(var(--accent-rgb), .2);border-color:var(--accent)}.report-period-error{color:var(--danger);align-self:center;font-size:11px;font-weight:700}.report-tabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:6px;margin-bottom:8px;padding-bottom:8px;display:flex;overflow-x:auto}.report-tabs::-webkit-scrollbar{display:none}.report-tabs button{border:1px solid var(--border);background:var(--card);min-height:30px;color:var(--muted);border-radius:8px;flex:none;padding:0 10px;font-size:12px;font-weight:700}.report-tabs button.active{border-color:rgba(var(--accent-rgb), .42);background:linear-gradient(135deg, var(--accent-soft), var(--blue-soft));color:var(--accent-strong)}.report-footer-tabs{align-content:center;min-height:64px}.report-footer-tabs .report-tabs{scrollbar-width:none;border-bottom:0;flex-wrap:nowrap;min-height:46px;margin:0;padding:0;overflow-x:auto}.report-footer-tabs .report-tabs::-webkit-scrollbar{display:none}.report-footer-tabs .report-tabs button{flex:none;place-items:center;gap:3px;min-height:46px;padding:4px 10px;font-size:10px;display:grid}.toolbar-actions{align-items:center;gap:6px;display:inline-flex}.report-download-button{border:1px solid var(--border);background:var(--accent);min-height:32px;color:var(--white);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.report-download-button:hover{filter:brightness(1.05)}.report-message{word-break:break-all;margin-top:8px}@media (max-width:980px){.report-period-title{display:grid}.report-period-badge{justify-self:start}.app{grid-template-columns:1fr}.home-shell .sidebar,.app:not(.home-shell) .sidebar{display:none}.sidebar{z-index:20;border:1px solid var(--border);background:var(--card);height:auto;box-shadow:var(--shadow);border-radius:8px;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:6px;padding:8px;display:grid;position:fixed;inset:auto 12px 0}.brand,.desktop-nav{display:none}.mobile-nav{display:grid}.nav{scrollbar-width:none;grid-auto-columns:64px;grid-auto-flow:column;min-width:0;margin:0;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{flex-direction:column;justify-content:center;gap:3px;min-height:48px;padding:0 8px}.nav a span{text-overflow:ellipsis;white-space:nowrap;max-width:58px;font-size:10px;line-height:1;display:block;overflow:hidden}.sidebar-footer{display:block;position:static}.sidebar-footer .user-pill{display:none}.sidebar-footer .logout{border:1px solid var(--border);background:var(--card);width:44px;min-height:48px;color:var(--danger);border-radius:8px;place-items:center;padding:0;display:grid}.sidebar-footer .logout span{display:none}.main{padding:12px 10px 96px}.admin-toko-shell .main{padding-bottom:14px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.metric{min-height:62px;padding:10px}.metric span{min-height:26px;font-size:11px;line-height:1.2;display:block}.metric strong{margin-top:5px;font-size:24px}.workbench,.settings-grid{grid-template-columns:1fr}.action-panel{order:-1;position:static}.action-tabs{scrollbar-width:none;flex-wrap:nowrap;min-width:0;max-width:100%;overflow-x:auto}.action-tabs::-webkit-scrollbar{display:none}.action-tabs button{flex:none}.module-action-tabs{left:12px}.module-action-tabs-stack{left:12px;right:12px}.scan-field input{min-height:54px;font-size:20px}}@media (max-width:620px){.topbar{flex-direction:row;align-items:center;min-height:34px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.normal-price-row,.invoice-close-actions{grid-template-columns:1fr}.invoice-close-actions button{width:100%}.modal-backdrop{padding:12px}.action-modal{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}}@media (prefers-reduced-motion:no-preference) and (max-width:980px){.sidebar{animation:.22s both nav-rise}}.simple-login-page{place-self:start center;gap:16px;width:min(780px,100%);display:grid}.simple-login-hero{border:1px solid rgba(var(--blue-200-rgb), .72);background:var(--white);min-height:0;box-shadow:var(--shadow-soft);border-radius:20px;place-items:center;padding:18px;display:grid;overflow:hidden}.simple-login-hero img{border-radius:10px;width:100%;max-width:1024px;height:auto;display:block}.simple-login-card{border:1px solid var(--border-strong);background:var(--card);width:100%;min-height:0;box-shadow:var(--shadow);border-radius:18px;padding:30px 36px 26px;display:block}.simple-login-company{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.simple-login-company svg{color:var(--accent)}.simple-login-form{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:24px;display:grid}.simple-login-form>.field,.simple-login-form>.simple-login-remember,.simple-login-form>.simple-login-submit,.simple-login-form>.login-install-wrap{grid-column:1/-1}.simple-login-form .field{gap:9px}.simple-login-form .field label{color:var(--muted);font-size:17px;font-weight:800}.simple-login-form input{border:2px solid var(--border);background:var(--card-soft);border-radius:17px;min-height:64px;padding:0 16px;font-size:17px}.simple-login-form input::placeholder{color:var(--muted)}.simple-login-form input:focus{border-color:var(--accent);background:var(--white);box-shadow:0 0 0 4px var(--accent-soft)}.simple-login-form .password-field input{padding-right:56px}.simple-login-form .password-toggle{width:36px;height:36px;color:var(--muted);right:12px}.simple-login-remember{min-height:24px;color:var(--muted);background:0 0;border:0;border-radius:0;padding:0;font-size:14px;font-weight:700}.simple-login-remember input{border:0;width:18px;height:18px;min-height:18px;padding:0}.simple-login-submit{width:100%;min-height:66px;box-shadow:0 12px 24px rgba(var(--accent-rgb), .22);border-radius:17px;font-size:20px;font-weight:850}.simple-login-card .login-install-wrap{margin-top:-2px}@media (max-width:620px){.login-wrap{padding:18px 12px 36px}.simple-login-page{place-self:center;gap:12px}.simple-login-hero{border-radius:16px;min-height:0}.simple-login-card{border-radius:16px;padding:24px 20px 22px}.simple-login-form{gap:17px;margin-top:20px}.simple-login-form .field label{font-size:16px}.simple-login-form input{border-radius:15px;min-height:60px}.simple-login-submit{min-height:62px}}@media (max-width:380px){.login-wrap{padding:10px 12px 18px}.simple-login-page{gap:10px}.simple-login-hero{border-radius:14px}.simple-login-card{border-radius:14px;padding:18px 18px 16px}.simple-login-form{gap:13px;margin-top:16px}.simple-login-form .field{gap:6px}.simple-login-form input{border-radius:14px;min-height:56px}.simple-login-submit{min-height:56px}}.koper-workbench,.handoff-workbench,.handoff-send-panel,.handoff-history-panel{min-width:0}.handoff-type-field{gap:6px;max-width:360px;margin-bottom:12px;display:grid}.handoff-type-field label,.handoff-modal-form label{color:var(--muted);font-size:12px;font-weight:750}.handoff-type-field select,.handoff-modal-form select{min-height:40px}.handoff-select-toolbar,.handoff-edit-toolbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.handoff-select-toolbar strong,.handoff-edit-toolbar strong{color:var(--muted);font-size:12px}.handoff-select-actions{gap:6px;display:inline-flex}.handoff-container-list{gap:7px;display:grid}.handoff-container-option{border:1px solid var(--line);background:var(--white);cursor:pointer;border-radius:10px;align-items:center;gap:9px;min-height:48px;padding:8px 10px;transition:border-color .16s,background .16s,box-shadow .16s;display:flex;position:relative}.handoff-container-option:hover,.handoff-container-option.selected{border-color:rgba(var(--accent-rgb), .38);background:var(--accent-tint-soft);box-shadow:var(--shadow-soft)}.handoff-container-option input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.handoff-checkbox-icon{color:var(--accent-strong);display:inline-flex}.handoff-container-copy{gap:2px;min-width:0;display:grid}.handoff-container-copy strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.handoff-container-copy small{color:var(--muted);font-size:11px;font-weight:650}.handoff-submit{width:100%;margin-top:12px}.handoff-edit-list{max-height:300px;overflow:auto}.handoff-modal-form{min-width:min(100%,380px)}.handoff-modal-form .message.info{line-height:1.45}.courier-master-tabs{gap:6px;margin-bottom:10px;display:flex;overflow-x:auto}.courier-master-tabs button{border:1px solid var(--border);background:var(--white);min-height:36px;color:var(--muted);white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:11px;font-weight:800;display:inline-flex}.courier-master-tabs button.active{border-color:rgba(var(--accent-rgb), .32);background:var(--accent-tint);color:var(--accent-strong)}.courier-master-form{min-width:min(100%,360px)}.koper-workbench .module-action-tabs-stack{align-content:center;min-height:64px}.koper-workbench .module-action-tabs-stack .module-action-subtabs{min-height:46px;padding:0}.koper-workbench .module-action-tabs-stack .module-action-subtabs button{place-items:center;gap:3px;min-height:46px;padding:4px 10px;font-size:10px;display:grid}.koper-input-panel,.koper-history-panel{min-width:0}.koper-input-form,.koper-step-grid,.koper-resi-entry{gap:12px;display:grid}.koper-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.koper-step-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);gap:10px;padding:12px;display:grid}.koper-step-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.koper-step-title{align-items:center;gap:9px;min-width:0;display:inline-flex}.koper-step-card label,.koper-resi-entry label,.koper-edit-modal>.action-form>label{color:var(--text);white-space:nowrap;font-size:12px;font-weight:800}.koper-step-card select{width:100%;min-width:0;min-height:40px}.koper-input-toolbar{justify-content:flex-end;min-height:0;margin-bottom:8px}.koper-resi-entry>small{color:var(--muted);font-size:10px;font-weight:600}.koper-step-number{background:var(--accent-soft);width:24px;height:24px;color:var(--accent-strong);border-radius:8px;place-items:center;font-size:12px;font-weight:900;display:inline-grid}.koper-section-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.koper-section-heading>div{align-items:center;gap:8px;display:inline-flex}.koper-pending-resis{flex-wrap:wrap;gap:6px;display:flex}.koper-pending-resis .chip{cursor:pointer;border:0}.koper-save-row{justify-content:flex-end;padding-top:4px;display:flex}.koper-save-row .action-submit{justify-content:center;width:100%;min-height:44px}.koper-edit-modal{width:min(560px,100vw - 28px)}.koper-camera-history .scan-row{grid-template-columns:38px minmax(0,1fr) auto}.koper-edit-list{border:1px solid var(--line);background:rgba(var(--surface-tint-rgb), .78);border-radius:10px;gap:7px;max-height:260px;padding:10px;display:grid;overflow:auto}.koper-edit-check{background:var(--card);min-height:34px;color:var(--text);border-radius:7px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 7px;font-size:12px;font-weight:750;display:grid}.koper-edit-check small{color:var(--muted);font-size:10px}.modal-actions{justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.delete-confirmation{gap:10px;display:grid}.delete-confirmation p{margin:0;line-height:1.45}.delete-confirmation .muted{color:var(--muted);font-size:12px}.invoice-delete-guidance{border:1px solid rgba(var(--accent-rgb), .2);background:var(--accent-tint-soft);color:var(--text);border-radius:10px;gap:4px;padding:10px 12px;font-size:12px;line-height:1.45;display:grid}.invoice-delete-guidance.blocked{border-color:rgba(var(--warning-deep-rgb), .24);background:var(--warning-tint)}.invoice-delete-blockers{border:1px solid rgba(var(--warning-deep-rgb), .24);background:var(--warning-tint-soft);border-radius:10px;gap:7px;padding:10px 12px;font-size:12px;display:grid}.invoice-delete-blockers ol{gap:8px;margin:0;padding-left:20px;display:grid}.invoice-delete-blockers li span{color:var(--muted);margin-top:2px;line-height:1.4;display:block}@media (max-width:760px){.koper-step-grid{grid-template-columns:1fr}.koper-step-card{gap:10px;padding:10px}.koper-step-heading{align-items:flex-start}.koper-resi-entry{gap:9px}}
:root{--c-blue:#2563eb;--c-blue-strong:#1d4ed8;--c-blue-soft:#eaf1ff;--c-blue-line:#bfd3fb;--c-blue-rgb:37, 99, 235;--c-violet:#7c3aed;--c-violet-strong:#6d28d9;--c-violet-soft:#f2edff;--c-violet-line:#d8c8fb;--c-violet-rgb:124, 58, 237;--c-teal:#0d9488;--c-teal-strong:#0f766e;--c-teal-soft:#e3f6f3;--c-teal-line:#a9e2da;--c-teal-rgb:13, 148, 136;--c-orange:#e8650a;--c-orange-strong:#c2410c;--c-orange-soft:#fff0e4;--c-orange-line:#fac9a3;--c-orange-rgb:232, 101, 10;--c-cyan:#0891b2;--c-cyan-strong:#0e7490;--c-cyan-soft:#e2f5fa;--c-cyan-line:#a6dbeb;--c-cyan-rgb:8, 145, 178;--c-indigo:#4f46e5;--c-indigo-strong:#4338ca;--c-indigo-soft:#eeedff;--c-indigo-line:#cac7fb;--c-indigo-rgb:79, 70, 229;--c-pink:#db2777;--c-pink-strong:#be185d;--c-pink-soft:#fdebf3;--c-pink-line:#f5bcd5;--c-pink-rgb:219, 39, 119;--c-green:#16a34a;--c-green-strong:#15803d;--c-green-soft:#e7f8ed;--c-green-line:#b0e4c2;--c-green-rgb:22, 163, 74;--c-amber:#d97706;--c-amber-strong:#b45309;--c-amber-soft:#fff4dd;--c-amber-line:#f4d393;--c-amber-rgb:217, 119, 6;--c-red:#dc2626;--c-red-strong:#b91c1c;--c-red-soft:#fdeceb;--c-red-line:#f5bdb9;--c-red-rgb:220, 38, 38;--c-slate:#475569;--c-slate-strong:#334155;--c-slate-soft:#eef2f7;--c-slate-line:#cbd5e1;--c-slate-rgb:71, 85, 105;--tone:var(--c-blue);--tone-strong:var(--c-blue-strong);--tone-soft:var(--c-blue-soft);--tone-line:var(--c-blue-line);--tone-rgb:var(--c-blue-rgb);--ok-line:#b3e2c9;--warning-line:#f0d08f;--danger-line:#f3c3be;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-soft:0 1px 2px #0f24400d, 0 3px 10px #0f24400d;--shadow:0 12px 30px #0f24401a;--shadow-lg:0 26px 70px #0a1f3847;--ease:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--dur-fast:.14s;--dur:.26s;--dur-slow:.42s}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:none}}@keyframes drop-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:none}}@keyframes badge-pop{0%{transform:scale(0)}65%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes icon-bump{0%{transform:translateY(0)}40%{transform:translateY(-3px)scale(1.12)}to{transform:translateY(0)}}@keyframes ring-pulse{0%{box-shadow:0 0 0 0 rgba(var(--tone-rgb), .45)}70%{box-shadow:0 0 0 7px rgba(var(--tone-rgb), 0)}to{box-shadow:0 0 0 0 rgba(var(--tone-rgb), 0)}}@media screen{.tone-blue,[data-tone=blue],.metrics>.metric:nth-child(6n+6),.module-action-tabs>button:nth-child(6n+6),.action-tabs>button:nth-child(6n+6),.module-action-subtabs>button:nth-child(6n+6),.home-tab-footer>button:nth-child(6n+1){--tone:var(--c-blue);--tone-strong:var(--c-blue-strong);--tone-soft:var(--c-blue-soft);--tone-line:var(--c-blue-line);--tone-rgb:var(--c-blue-rgb)}.tone-violet,[data-tone=violet],.metrics>.metric:nth-child(6n+1),.module-action-tabs>button:nth-child(6n+1),.action-tabs>button:nth-child(6n+1),.module-action-subtabs>button:nth-child(6n+1),.home-tab-footer>button:nth-child(6n+2){--tone:var(--c-violet);--tone-strong:var(--c-violet-strong);--tone-soft:var(--c-violet-soft);--tone-line:var(--c-violet-line);--tone-rgb:var(--c-violet-rgb)}.tone-teal,[data-tone=teal],.metrics>.metric:nth-child(6n+2),.module-action-tabs>button:nth-child(6n+2),.action-tabs>button:nth-child(6n+2),.module-action-subtabs>button:nth-child(6n+2),.home-tab-footer>button:nth-child(6n+3){--tone:var(--c-teal);--tone-strong:var(--c-teal-strong);--tone-soft:var(--c-teal-soft);--tone-line:var(--c-teal-line);--tone-rgb:var(--c-teal-rgb)}.tone-orange,[data-tone=orange],.metrics>.metric:nth-child(6n+3),.module-action-tabs>button:nth-child(6n+3),.action-tabs>button:nth-child(6n+3),.module-action-subtabs>button:nth-child(6n+3),.home-tab-footer>button:nth-child(6n+4){--tone:var(--c-orange);--tone-strong:var(--c-orange-strong);--tone-soft:var(--c-orange-soft);--tone-line:var(--c-orange-line);--tone-rgb:var(--c-orange-rgb)}.tone-green,[data-tone=green],.metrics>.metric:nth-child(6n+4),.module-action-tabs>button:nth-child(6n+4),.action-tabs>button:nth-child(6n+4),.module-action-subtabs>button:nth-child(6n+4){--tone:var(--c-green);--tone-strong:var(--c-green-strong);--tone-soft:var(--c-green-soft);--tone-line:var(--c-green-line);--tone-rgb:var(--c-green-rgb)}.tone-indigo,[data-tone=indigo],.metrics>.metric:nth-child(6n+5),.module-action-tabs>button:nth-child(6n+5),.action-tabs>button:nth-child(6n+5),.module-action-subtabs>button:nth-child(6n+5){--tone:var(--c-indigo);--tone-strong:var(--c-indigo-strong);--tone-soft:var(--c-indigo-soft);--tone-line:var(--c-indigo-line);--tone-rgb:var(--c-indigo-rgb)}.tone-cyan,[data-tone=cyan]{--tone:var(--c-cyan);--tone-strong:var(--c-cyan-strong);--tone-soft:var(--c-cyan-soft);--tone-line:var(--c-cyan-line);--tone-rgb:var(--c-cyan-rgb)}.tone-pink,[data-tone=pink]{--tone:var(--c-pink);--tone-strong:var(--c-pink-strong);--tone-soft:var(--c-pink-soft);--tone-line:var(--c-pink-line);--tone-rgb:var(--c-pink-rgb)}.tone-amber,[data-tone=amber]{--tone:var(--c-amber);--tone-strong:var(--c-amber-strong);--tone-soft:var(--c-amber-soft);--tone-line:var(--c-amber-line);--tone-rgb:var(--c-amber-rgb)}.tone-red,[data-tone=red]{--tone:var(--c-red);--tone-strong:var(--c-red-strong);--tone-soft:var(--c-red-soft);--tone-line:var(--c-red-line);--tone-rgb:var(--c-red-rgb)}.tone-slate,[data-tone=slate]{--tone:var(--c-slate);--tone-strong:var(--c-slate-strong);--tone-soft:var(--c-slate-soft);--tone-line:var(--c-slate-line);--tone-rgb:var(--c-slate-rgb)}:root,[data-tone],[class*=tone-],.metrics>.metric,.module-action-tabs>button,.action-tabs>button,.module-action-subtabs>button,.home-tab-footer>button{--accent:var(--tone);--accent-strong:var(--tone-strong);--accent-soft:var(--tone-soft);--accent-rgb:var(--tone-rgb);--primary:var(--tone);--blue:var(--tone);--blue-soft:var(--tone-soft);--navy:var(--tone-strong)}::selection{background:rgba(var(--tone-rgb), .2)}.app{background:radial-gradient(1000px 460px at 100% -10%, rgba(var(--tone-rgb), .09), transparent 62%), radial-gradient(800px 420px at -10% 110%, rgba(var(--tone-rgb), .06), transparent 60%), var(--bg)}button:focus-visible,a:focus-visible,summary:focus-visible{box-shadow:0 0 0 3px rgba(var(--tone-rgb), .3);outline:0}.sidebar{background:linear-gradient(#fff 0%,#f7faff 100%);box-shadow:8px 0 30px #0f24400a}.sidebar:before{border-radius:inherit;content:"";opacity:.9;background:linear-gradient(90deg,#2563eb,#7c3aed,#0d9488,#e8650a);height:3px;position:absolute;top:0;left:0;right:0}.brand-logo{border-color:var(--tone-line);box-shadow:0 4px 12px rgba(var(--tone-rgb), .16)}.nav a{border-radius:10px;position:relative}.nav a svg{background:var(--tone-soft);box-sizing:content-box;color:var(--tone);transition:transform var(--dur) var(--ease-spring), background-color var(--dur-fast) ease, color var(--dur-fast) ease;border-radius:8px;flex:none;padding:5px}.nav a:hover{background:rgba(var(--tone-rgb), .07);color:var(--tone-strong);transform:translate(2px)}.nav a:hover svg{transform:scale(1.08)rotate(-4deg)}.nav a.active{background:var(--tone-soft);box-shadow:inset 0 0 0 1px var(--tone-line);color:var(--tone-strong)}.nav a.active:before{background:var(--tone);content:"";border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:-10px}.nav a.active svg{animation:icon-bump var(--dur-slow) var(--ease) both;background:var(--tone);color:#fff}.nav-section-label{color:var(--muted)}.user-pill{background:linear-gradient(135deg, var(--tone-soft), #fff);border-color:var(--tone-line)}.user-pill svg{color:var(--tone)}.logout:hover{background:var(--danger-soft);color:var(--danger)}.topbar h1{padding-left:12px;position:relative}.topbar h1:before{background:linear-gradient(180deg, var(--tone), var(--tone-strong));content:"";border-radius:4px;width:4px;position:absolute;top:12%;bottom:12%;left:0}.card{border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.card.panel,.approval-card{box-shadow:inset 0 3px 0 var(--tone), var(--shadow-soft)}.module-toolbar>strong{color:var(--tone-strong);font-weight:800}.metric{border-radius:var(--radius-md);transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) ease}.metric span,.metric strong{z-index:1;position:relative}.metric:after{background:var(--tone-soft);content:"";opacity:.85;pointer-events:none;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-42px;right:-30px}.metric:hover{border-color:var(--tone-line);box-shadow:var(--shadow);transform:translateY(-2px)}.shortcut-card{border-radius:var(--radius-md);box-shadow:inset 0 -3px 0 var(--tone-soft), var(--shadow-soft);transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) ease}.shortcut-card:hover{border-color:var(--tone-line);box-shadow:inset 0 -3px 0 var(--tone), 0 12px 26px rgba(var(--tone-rgb), .16);transform:translateY(-3px)}.shortcut-icon{background:var(--tone-soft);color:var(--tone);transition:transform var(--dur) var(--ease-spring), background-color var(--dur-fast) ease, color var(--dur-fast) ease;border-radius:14px}.shortcut-card:hover .shortcut-icon{background:var(--tone);color:#fff;transform:rotate(-6deg)scale(1.08)}.shortcut-copy strong{font-weight:800}.home-tab-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);background:#fffffff0}.home-tab-footer button{color:var(--muted);transition:background-color var(--dur-fast) ease, color var(--dur-fast) ease, transform var(--dur-fast) var(--ease)}.home-tab-footer button svg{color:var(--tone);opacity:.85}.home-tab-footer button:hover{background:rgba(var(--tone-rgb), .07)}.home-tab-footer button.active{background:var(--tone-soft);box-shadow:inset 0 0 0 1px var(--tone-line);color:var(--tone-strong)}.home-tab-footer button.active svg{animation:icon-bump var(--dur-slow) var(--ease) both;opacity:1}.home-tab-footer b{animation:badge-pop var(--dur) var(--ease-spring) both;border:2px solid #fff}.notification-card{border-radius:var(--radius-md);transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) ease}.notification-card:hover{border-color:var(--tone-line);box-shadow:var(--shadow);transform:translateY(-2px)}.notification-card.warning{border-left:4px solid var(--c-amber)}.notification-card.success{border-left:4px solid var(--c-green)}.notification-card.info{border-left:4px solid var(--c-blue)}.primary,.secondary,.mini-action,.danger-button,.icon-button,.install-button,.action-tabs button,.module-action-tabs button,.home-tab-footer button{transition:transform var(--dur-fast) var(--ease), background-color var(--dur-fast) ease, border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease, color var(--dur-fast) ease, filter var(--dur-fast) ease}.primary{background:linear-gradient(135deg, var(--tone-strong), var(--tone));border-radius:var(--radius-sm);box-shadow:0 6px 14px rgba(var(--tone-rgb), .26)}.primary:hover:not(:disabled){background:linear-gradient(135deg, var(--tone-strong), var(--tone));box-shadow:0 10px 20px rgba(var(--tone-rgb), .34);filter:brightness(1.06);transform:translateY(-1px)}.secondary,.mini-action{border-color:var(--tone-line);border-radius:var(--radius-sm);color:var(--tone-strong);background:#fff}.secondary:hover:not(:disabled),.mini-action:hover:not(:disabled){background:var(--tone-soft);border-color:var(--tone);transform:translateY(-1px)}.danger-button,.danger-mini{border-color:var(--danger-line);border-radius:var(--radius-sm)}.danger-button:hover:not(:disabled),.danger-mini:hover:not(:disabled){background:#ffe3df;border-color:#eba59e;transform:translateY(-1px)}.approve-button{background:linear-gradient(135deg,#15803d,#16a34a);box-shadow:0 6px 14px #16a34a47}.approve-button:hover:not(:disabled){background:linear-gradient(135deg,#15803d,#16a34a);box-shadow:0 10px 20px #16a34a5c}.icon-button{border-radius:var(--radius-sm)}.icon-button:hover:not(:disabled){background:var(--tone-soft);border-color:var(--tone);color:var(--tone-strong);transform:translateY(-1px)}.primary:active:not(:disabled),.secondary:active:not(:disabled),.mini-action:active:not(:disabled),.danger-button:active:not(:disabled),.icon-button:active:not(:disabled),.action-tabs button:active:not(:disabled),.module-action-tabs button:active:not(:disabled){transform:translateY(0)scale(.97)}.action-tabs button svg,.module-action-tabs button svg,.module-action-subtabs button svg{color:var(--tone);transition:transform var(--dur) var(--ease-spring)}.action-tabs button:hover:not(:disabled),.module-action-tabs button:hover:not(:disabled){background:rgba(var(--tone-rgb), .07);color:var(--tone-strong)}.action-tabs button:hover svg,.module-action-tabs button:hover svg{transform:scale(1.12)}.action-tabs button.active,.module-action-tabs button.active{box-shadow:inset 0 0 0 1px var(--tone-line), 0 4px 10px rgba(var(--tone-rgb), .14)}.action-tabs button.active svg,.module-action-tabs button.active svg{animation:icon-bump var(--dur-slow) var(--ease) both}.module-action-tabs,.module-action-tabs-stack{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);background:#fffffff2}.module-action-tabs button,.module-action-subtabs button{border-radius:var(--radius-md)}input,select,textarea{border-color:var(--border-strong);border-radius:var(--radius-sm);background:#fcfdff}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:rgba(var(--tone-rgb), .5)}input:focus,select:focus,textarea:focus{border-color:var(--tone);box-shadow:0 0 0 3px rgba(var(--tone-rgb), .16);background:#fff}label{color:#475569}.checkbox-control{border-radius:var(--radius-sm);transition:border-color var(--dur-fast) ease, background-color var(--dur-fast) ease}.checkbox-control:hover{background:var(--tone-soft);border-color:var(--tone-line)}.form-section-label{color:var(--tone-strong)}th{background:rgba(var(--tone-rgb), .07);border-bottom-color:var(--tone-line);color:var(--tone-strong);font-weight:800}tbody tr{transition:background-color var(--dur-fast) ease}tbody tr:nth-child(2n){background:rgba(var(--ink-rgb), .018)}tbody tr:hover{background:rgba(var(--tone-rgb), .06)}.table-scroll{border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.table-scroll::-webkit-scrollbar{width:10px;height:10px}.table-scroll::-webkit-scrollbar-track{background:#eef3f9;border-radius:999px}.table-scroll::-webkit-scrollbar-thumb{background:#a4b9d3;border:2px solid #eef3f9;border-radius:999px}.table-scroll::-webkit-scrollbar-thumb:hover{background:rgba(var(--tone-rgb), .7)}@supports not selector(::-webkit-scrollbar){.table-scroll{scrollbar-color:#a4b9d3 #eef3f9;scrollbar-width:thin}}.data-table-count,.data-table-pager button{color:var(--tone-strong)}.data-table-pager button:hover:not(:disabled){background:var(--tone-soft);border-color:var(--tone)}.data-table thead th{background:color-mix(in srgb, var(--tone) 9%, #fff)}.data-table .data-table-filters th{background:color-mix(in srgb, var(--tone) 3%, #fff)}.chip{border:1px solid rgba(var(--tone-rgb), .16)}.chip.ok{background:var(--ok-soft);border-color:var(--ok-line);color:var(--ok-strong)}.chip.warn{background:var(--warning-soft);border-color:var(--warning-line);color:var(--c-amber-strong)}.chip.bad{background:var(--danger-soft);border-color:var(--danger-line);color:var(--danger-strong)}.status-chip{white-space:nowrap;gap:5px}.status-chip:before{content:"";opacity:.85;background:currentColor;border-radius:50%;width:6px;height:6px}.message{animation:drop-in var(--dur) var(--ease-spring) both;border:1px solid rgba(var(--tone-rgb), .2);border-left-width:3px}.message.success{border-color:var(--ok-line)}.message.error{border-color:var(--danger-line)}.message.warning{border-color:var(--warning-line)}.modal-backdrop{animation:fade-in var(--dur) ease backwards;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a1f3875}.action-modal{animation:pop-in var(--dur) var(--ease-spring) backwards;border-radius:var(--radius-lg);box-shadow:inset 0 3px 0 var(--tone), var(--shadow-lg)}.modal-head{border-bottom-color:var(--tone-line)}.modal-head strong{color:var(--tone-strong)}.toast-notice{animation:drop-in var(--dur) var(--ease-spring) both;border-left:4px solid var(--tone);border-radius:var(--radius-md);box-shadow:var(--shadow)}.toast-notice.success{border-left-color:var(--c-green)}.toast-notice.error{border-left-color:var(--c-red)}.approval-card{border-radius:var(--radius-md);transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease)}.approval-card:hover{box-shadow:inset 0 3px 0 var(--tone), var(--shadow);transform:translateY(-2px)}.approval-type{background:var(--tone-soft);color:var(--tone-strong);border-radius:999px;padding:4px 10px 4px 8px}.approval-type svg{color:var(--tone)}.approval-meta span:first-child{color:var(--tone-strong)}.approval-empty svg{color:var(--c-green)}.barcode-history-download{min-height:28px;padding:0 10px;font-size:11px}.barcode-history-download[data-state=APPROVED]{color:#fff;background:linear-gradient(135deg,#15803d,#16a34a);border-color:#0000;box-shadow:0 5px 12px #16a34a42}.barcode-history-download[data-state=APPROVED]:hover:not(:disabled){filter:brightness(1.06);background:linear-gradient(135deg,#15803d,#16a34a)}.barcode-history-download[data-state=PENDING_OWNER_APPROVAL]{background:var(--warning-soft);border-color:var(--warning-line);color:var(--c-amber-strong)}.barcode-history-download[data-state=REJECTED],.barcode-history-download[data-state=EXPIRED]{background:var(--danger-soft);border-color:var(--danger-line);color:var(--danger-strong)}.barcode-history-download:disabled{opacity:.7}.approval-pill{white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:10px;font-weight:800}.approval-pill.ok{background:var(--ok-soft);color:var(--ok-strong)}.approval-pill.warn{background:var(--warning-soft);color:var(--c-amber-strong)}.approval-pill.bad{background:var(--danger-soft);color:var(--danger-strong)}.approval-pill.off{color:var(--muted);background:#eef2f7}.barcode-download-request-summary{background:var(--tone-soft);border-color:var(--tone-line)}.simple-login-page{animation:rise-in var(--dur-slow) var(--ease) backwards}.simple-login-card{animation:pop-in var(--dur-slow) var(--ease) 80ms backwards}.simple-login-hero{border-radius:20px}.simple-login-submit:hover:not(:disabled){box-shadow:0 16px 30px rgba(var(--tone-rgb), .32)}.login-wrap{background:radial-gradient(900px 500px at 15% 10%, rgba(var(--c-blue-rgb), .16), transparent 60%), radial-gradient(800px 500px at 90% 90%, rgba(var(--c-violet-rgb), .1), transparent 60%)}@media (prefers-reduced-motion:no-preference){.metric,.shortcut-card,.notification-card,.approval-card{animation:rise-in var(--dur-slow) var(--ease) backwards}.shortcut-grid>:nth-child(2),.metrics>:nth-child(2),.approval-list>:nth-child(2),.notification-list>:nth-child(2){animation-delay:45ms}.shortcut-grid>:nth-child(3),.metrics>:nth-child(3),.approval-list>:nth-child(3),.notification-list>:nth-child(3){animation-delay:90ms}.shortcut-grid>:nth-child(4),.metrics>:nth-child(4),.approval-list>:nth-child(4),.notification-list>:nth-child(4){animation-delay:.135s}.shortcut-grid>:nth-child(5),.metrics>:nth-child(5),.approval-list>:nth-child(5),.notification-list>:nth-child(5){animation-delay:.18s}.shortcut-grid>:nth-child(n+6),.metrics>:nth-child(n+6),.approval-list>:nth-child(n+6),.notification-list>:nth-child(n+6){animation-delay:.225s}}}@media (max-width:980px){.nav a svg{padding:4px}.nav a.active:before{border-radius:0 0 3px 3px;width:22px;height:3px;top:-6px;bottom:auto;left:50%;transform:translate(-50%)}.nav a:hover{transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}