:root{--bg:#f4f8ff;--card:#ffffffe0;--card-soft:#f8fbff;--text:#0f172a;--muted:#5b6b84;--border:#2563eb29;--line:#2563eb1a;--accent:#2563eb;--accent-strong:#123c80;--accent-soft:#eaf3ff;--blue:#38bdf8;--blue-soft:#eff6ff;--danger:#b42318;--warning:#b54708;--ok:#067647;--shadow:0 18px 50px #0f28551f;--shadow-soft:0 8px 22px #0f285514}*{box-sizing:border-box}html{min-height:100%;color:var(--text);letter-spacing:0;background:linear-gradient(135deg,#fff 0%,#edf6ff 48%,#f8fbff 100%);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}body{background:linear-gradient(120deg,#38bdf821,#0000 34%,#2563eb1a),linear-gradient(135deg,#fff 0%,#edf6ff 48%,#f8fbff 100%);min-height:100%;margin:0}body:before{z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(#2563eb09 1px,#0000 1px),linear-gradient(90deg,#2563eb07 1px,#0000 1px);background-size:36px 36px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#00000094,#0000 72%);mask-image:linear-gradient(#00000094,#0000 72%)}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);-webkit-backdrop-filter:blur(18px)saturate(170%);backdrop-filter:blur(18px)saturate(170%);background:#ffffffc7;height:100vh;padding:12px 10px;position:sticky;top:0;box-shadow:8px 0 28px #0f28550f}.brand{align-items:center;gap:10px;height:46px;padding:0 8px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent-strong), var(--accent) 58%, var(--blue));color:#fff;border-radius:8px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:900;display:grid;box-shadow:0 10px 22px #2563eb3d}.brand-logo{object-fit:cover;border:1px solid #94714257;border-radius:11px;flex:none;width:40px;height:40px;display:block;box-shadow:0 8px 18px #6d4e2433}.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{color:var(--text);background:linear-gradient(135deg,#2563eb17,#38bdf81a);box-shadow:inset 0 0 0 1px #2563eb1a}.sidebar-footer{gap:6px;display:grid;position:absolute;bottom:12px;left:10px;right:10px}.user-pill{border:1px solid var(--border);box-shadow:var(--shadow-soft);background:#ffffffbd;border-radius:8px;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);background:var(--card);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px)saturate(165%);backdrop-filter:blur(18px)saturate(165%);border-radius:8px}.metric{background:linear-gradient(145deg,#fffffff0,#eff6ffe0);min-height:78px;padding:12px;position:relative;overflow:hidden}.metric:before{content:"";background:linear-gradient(to bottom, var(--blue), 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);min-height:70px;box-shadow:var(--shadow-soft);background:#ffffffd1;border-radius:8px;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;padding:11px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.shortcut-card:hover{border-color:#2563eb5c;box-shadow:0 12px 26px #0f28551f}.shortcut-icon{width:46px;height:46px;color:var(--accent-strong);background:linear-gradient(135deg,#dbeafef5,#eff6ffd6);border-radius:999px;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);-webkit-backdrop-filter:blur(18px)saturate(170%);backdrop-filter:blur(18px)saturate(170%);background:#ffffffe6;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px;display:grid;position:fixed;bottom:0;left:12px;right:12px;box-shadow:0 18px 42px #0f285529}.home-tab-footer button{min-width:0;min-height:46px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;gap:3px;padding:4px;font-size:10px;font-weight:800;display:grid;position:relative}.home-tab-footer button.active{background:linear-gradient(135deg, var(--accent-soft), var(--blue-soft));color:var(--accent-strong);border-color:#2563eb42}.home-tab-footer b{background:var(--danger);color:#fff;border-radius:999px;place-items:center;min-width:16px;height:16px;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);box-shadow:var(--shadow-soft);background:#ffffffdb;border-radius:8px;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}.table-wrap{overscroll-behavior-x:contain;border:1px solid var(--line);background:#ffffffc2;border-radius:8px;min-width:0;max-width:100%;overflow:auto}.customer-table-wrap{display:block}.customer-table-wrap table{min-width:760px}.invoice-table-wrap{display:block}.invoice-table-wrap table{min-width:900px}.customer-filter-row th{padding:5px 7px}.customer-filter-row input{background:#fff;min-width:120px;min-height:30px;padding:5px 8px;font-size:11px}.invoice-filter-row th{padding:5px 7px}.invoice-filter-row input{background:#fff;min-width:120px;min-height:30px;padding:5px 8px;font-size:11px}.action-panel-note{min-height:120px}.mobile-list{display:none}table{border-collapse:collapse;background:#ffffffd1;width:100%;min-width:760px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;white-space:nowrap;padding:7px 9px;font-size:12px}th{z-index:1;color:var(--muted);background:#f8fbfff5;font-weight:600;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)}.table-filter-row th{padding:5px 7px}.table-column-search{background:#fff;min-width:120px;min-height:30px;padding:5px 8px;font-size:11px}td{color:#1e293b}tr:last-child td{border-bottom:0}.chip{background:var(--accent-soft);min-height:20px;color:var(--accent-strong);border-radius:999px;align-items:center;padding:0 7px;font-size:10px;font-weight:700;display:inline-flex}.chip.warn{color:var(--warning);background:#fff4e5}.chip.bad{color:var(--danger);background:#fff0f0}.chip.ok{color:var(--ok);background:#ecfdf3}.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);width:30px;height:30px;color:var(--muted);background:#ffffffd1;border-radius:8px;place-items:center;transition:border-color .16s,box-shadow .16s,color .16s,transform .16s;display:inline-grid}.icon-button:hover{color:var(--text);border-color:#2563eb61;box-shadow:0 8px 16px #0f285514}.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)}.koper-master-filter{min-height:34px;color:var(--muted);white-space:nowrap;align-items:center;gap:8px;margin:0 0 10px;font-size:12px;font-weight:650;display:inline-flex}.koper-master-filter input{width:16px;height:16px;min-height:16px;accent-color:var(--primary);flex:0 0 16px;margin:0;padding: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);min-height:30px;color:var(--muted);white-space:nowrap;background:#ffffffc2;border-radius:8px;align-items:center;gap:6px;padding:0 9px;font-size:12px;font-weight:700;transition:background-color .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s;display:inline-flex}.action-tabs button.active{background:linear-gradient(135deg, var(--accent-soft), var(--blue-soft));color:var(--accent-strong);border-color:#2563eb6b;box-shadow:0 8px 18px #0f285514}.module-action-tabs{z-index:30;border:1px solid var(--border);-webkit-backdrop-filter:blur(18px)saturate(170%);backdrop-filter:blur(18px)saturate(170%);scrollbar-width:none;background:#ffffffe6;border-radius:8px;flex-wrap:nowrap;min-height:62px;margin:0;padding:8px;display:flex;position:fixed;bottom:0;left:246px;right:12px;overflow-x:auto;box-shadow:0 18px 42px #0f285529}.module-action-tabs-stack{z-index:30;border:1px solid var(--border);-webkit-backdrop-filter:blur(18px)saturate(170%);backdrop-filter:blur(18px)saturate(170%);background:#ffffffe6;border-radius:8px;gap:4px;padding:8px;display:grid;position:fixed;bottom:0;left:246px;right:12px;box-shadow:0 18px 42px #0f285529}.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:#2563eb42}.action-form,.shipping-module{gap:10px;display:grid}.packing-main-tabs-panel{margin-bottom:10px;padding:8px}.packing-main-tabs{border:0;margin:0;padding:0}.packing-main-tabs button{justify-content:center;min-width:104px}.packing-resi-koli-select{gap:5px;margin-bottom:10px;display:grid}.packing-resi-koli-select label{color:var(--text);font-size:12px;font-weight:800}.packing-resi-koli-select select{min-height:40px;font-weight:750}.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}.packing-resi-start-panel,.packing-resi-session,.packing-resi-history-panel{gap:12px;min-width:0;max-width:100%;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-invoice-state{color:var(--accent-strong);margin:0 0 10px;font-size:13px;font-weight:800}.packing-resi-progress{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.packing-resi-progress>div,.packing-resi-history-meta{background:#eff6ffb8;border:1px solid #2563eb1f;border-radius:9px;gap:3px;min-width:0;padding:9px 10px;display:grid}.packing-resi-progress span,.packing-resi-history-meta 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-status strong{letter-spacing:-.025em;overflow-wrap:anywhere;word-break:break-word;font-size:clamp(10px,3vw,14px)}.packing-resi-pack-list{flex-wrap:wrap;gap:6px;display:flex}.packing-resi-pack-list span{min-height:27px;color:var(--accent-strong);background:#ffffffdb;border:1px solid #2563eb2e;border-radius:999px;align-items:center;padding:0 9px;font-size:11px;font-weight:800;display:inline-flex}.packing-resi-session-tabs{margin:0}.packing-resi-workflow-panel,.resi-camera-modal,.resi-manual-form{gap:12px;display:grid}.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:#ffffffc7;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}.resi-input-options,.resi-manual-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.resi-input-options button,.resi-manual-actions button{min-height:42px}.resi-manual-form label{color:var(--text);font-size:13px;font-weight:800}.pdf-print-link{white-space:nowrap;text-decoration:none}.packing-resi-complete{border-top:1px solid var(--line);padding-top:12px}.packing-resi-history-list,.packing-resi-history-card{gap:10px;display:grid}.packing-resi-history-meta{flex-wrap:wrap;gap:8px;display:flex}.packing-resi-history-meta span{background:0 0;border:0;padding:0}.invoice-create-dropdown{z-index:3;gap:10px;display:grid;position:relative}.invoice-create-toggle{background:linear-gradient(135deg, var(--accent-soft), var(--blue-soft));width:100%;min-height:42px;color:var(--accent-strong);text-align:left;border:1px solid #2563eb33;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;background:#fff;border:1px solid #2563eb33;border-radius:9px;max-height:220px;display:grid;position:absolute;top:calc(100% - 1px);left:0;right:0;overflow-y:auto;box-shadow:0 14px 30px #0f172a29}.combobox-option{border:0;border-bottom:1px solid var(--line);color:var(--text);text-align:left;background:#fff;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);color:var(--muted);background:#fff;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}.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;color:#94a3b8;background:#f8fafc}.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,.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);min-height:38px;color:var(--text);white-space:nowrap;background:#ffffffd1;border-radius:8px;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);width:100%;min-height:34px;color:var(--text);background:#ffffffdb;border-radius:8px;outline:0;padding:7px 9px;font-size:12px;transition:border-color .16s,box-shadow .16s,background-color .16s}textarea{resize:vertical;min-height:68px}input:focus,select:focus,textarea:focus{background:#fff;border-color:#2563eb8f;box-shadow:0 0 0 4px #2563eb21}.primary{background:linear-gradient(135deg, var(--accent-strong), var(--accent) 62%, #38bdf8);color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:34px;padding:0 12px;font-size:12px;font-weight:700;transition:box-shadow .16s,filter .16s,transform .16s;display:inline-flex;box-shadow:0 10px 22px #2563eb33}.primary:hover{filter:brightness(1.04);box-shadow:0 12px 28px #2563eb40}.action-submit{width:100%}.modal-backdrop{z-index:80;background:#0f172a61;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{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;gap:12px;width:520px;min-width:0;max-width:100%;max-height:min(86vh,760px);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);min-height:30px;color:var(--accent-strong);background:#ffffffdb;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.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{background:#fff5f5;border-color:#b4231847}.invoice-delete-column,.invoice-delete-cell{min-width:124px}.invoice-delete-action{min-width:112px;display:flex}.invoice-delete-action .mini-action{justify-content:center;width:100%}.danger-mini{color:var(--danger);background:#fff7f7;border-color:#b4231833}.danger-button{min-height:34px;color:var(--danger);background:#fff0f0;border:1px solid #b4231838;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.scan-field input{letter-spacing:.04em;text-transform:uppercase;border-color:#2563eb47;min-height:46px;font-size:18px;font-weight:800}.toast-notice{z-index:1000;width:min(420px,100vw - 40px);color:var(--accent-strong);background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;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;box-shadow:0 14px 35px #0f172a2e}.toast-notice.success{color:#166534;background:#ecfdf3;border-color:#bbf7d0}.toast-notice.error{color:var(--danger);background:#fff0f0;border-color:#fecaca}.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:#0f172a14}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.message{color:var(--accent-strong);background:#eff6ff;border-radius:8px;padding:7px 9px;font-size:12px}.message.success{color:#166534;background:#ecfdf3}.message.error{color:var(--danger);background:#fff0f0}.message.warning{color:var(--warning);background:#fff7ed}.normal-price-product{border:1px solid var(--border);color:var(--accent-strong);background:#ffffffd1;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:#f8fafcad;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{background:#eff6ff8a;border-color:#2563eb3d}.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:#eff6ffb8}.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{color:var(--accent-strong);background:linear-gradient(135deg,#f5f9ff,#fff);border:1px solid #2563eb29;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}.invoice-context-actions{flex-wrap:wrap;gap:6px;display:flex}.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-selection-empty{border:1px dashed var(--border);min-height:120px;color:var(--muted);text-align:center;border-radius:9px;place-items:center;padding:16px;font-size:12px;font-weight:700;display:grid}.inline-pack-panel{border-top:1px solid var(--line);gap:10px;margin-top:10px;padding-top:10px;display:grid}.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}.invoice-packing-history-list{gap:12px;display:grid}.invoice-packing-history-card{background:#ffffffd1;border:1px solid #94a3b847;border-radius:14px;gap:12px;display:grid;overflow:hidden;box-shadow:0 8px 22px #0f28550f}.invoice-packing-history-card>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px 10px;list-style:none;display:flex}.invoice-packing-history-card>summary::-webkit-details-marker{display:none}.invoice-packing-history-title,.invoice-packing-history-summary{gap:3px;display:grid}.invoice-packing-history-title{min-width:0}.invoice-packing-history-title strong{color:var(--text);overflow-wrap:anywhere;font-size:15px}.invoice-packing-history-title span{color:var(--muted);overflow-wrap:anywhere;font-size:12px;font-weight:700}.invoice-packing-history-summary{color:var(--accent-strong);flex:none;grid-template-columns:auto auto;align-items:center;font-size:13px}.invoice-packing-history-toggle{transition:transform .16s}.invoice-packing-history-card:not([open]) .invoice-packing-history-toggle{transform:rotate(-90deg)}.invoice-packing-history-meta{flex-wrap:wrap;gap:8px;padding:0 16px;display:flex}.invoice-packing-history-meta span{min-width:min(220px,100%);color:var(--muted);gap:2px;font-size:11px;font-weight:700;display:grid}.invoice-packing-history-meta b{color:var(--text);text-transform:uppercase;letter-spacing:.04em;font-size:10px}.invoice-packing-history-label{border-top:1px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:12px 16px 0;font-size:10px;font-weight:800}.invoice-packing-history-numbers{flex-wrap:wrap;gap:7px;padding:0 16px 16px;display:flex}.invoice-packing-history-numbers span{min-height:28px;color:var(--accent-strong);overflow-wrap:anywhere;background:#eef5ff;border:1px solid #2563eb24;border-radius:999px;align-items:center;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.packing-koli-list{gap:8px;margin-top:10px;display:grid}.packing-koli-card{border:1px solid var(--line);background:#ffffffc2;border-radius:8px;gap:8px;padding:10px;display:grid}.packing-koli-card>div:first-child{justify-content:space-between;align-items:center;gap:8px;display:flex}.packing-koli-card dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.packing-koli-card dt{color:var(--muted);font-size:10px;font-weight:700}.packing-koli-card dd{text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:12px;font-weight:800;overflow:hidden}.pack-tool-tabs{flex-wrap:wrap;gap:6px;display:flex}.pack-tool-tabs button{border:1px solid var(--border);min-height:32px;color:var(--muted);background:#ffffffdb;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.pack-tool-tabs button.active{color:var(--accent-strong);background:#eff6ffeb;border-color:#2563eb47}.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);box-shadow:var(--shadow-soft);background:#ffffffe0;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);color:var(--muted);background:#f8fbff;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;background:#fff;border:1px solid #0f172a2e;border-radius:8px;align-content:start;gap:6px;width:min(100%,330px);padding:10px;display:grid;box-shadow:0 14px 30px #0f172a14}.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-qr-wrap{aspect-ratio:1;background:#fff;border:1px solid #0f172a1f;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);min-width:0;min-height:38px;color:var(--muted);white-space:nowrap;background:linear-gradient(#fffffff2,#eff6ffe0);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}.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-draft-actions .autosave-note{color:var(--muted);margin-right:auto;font-size:10px;font-weight:650}.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}}.transfer-chip{border:1px solid var(--border);background:linear-gradient(#fffffff2,#eff6ffe0);border-radius:8px;gap:2px;padding:7px 8px;display:grid;box-shadow:inset 0 1px #fffc}.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);min-width:0;max-width:100%;color:var(--text);background:#fff;border-radius:6px;padding:4px 6px;font-size:11px}.pagination-more{width:100%;margin-top:8px}.scan-toggle{min-height:42px;color:var(--accent-strong);background:linear-gradient(135deg,#dbeafeeb,#fffffff5);border:1px solid #2563eb2e;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;box-shadow:0 14px 30px #2563eb14}.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);min-height:42px;color:var(--text);background:#ffffffeb;border-radius:10px;padding:0 10px;font-size:12px;font-weight:800}.scan-manual-toggle:hover:not(:disabled){color:var(--accent-strong);border-color:#2563eb4d}.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{background:linear-gradient(135deg,#2563eb29,#38bdf82e);border-color:#2563eb4d;box-shadow:0 16px 34px #2563eb24}.camera-scanner{gap:8px;display:grid}.camera-stage{border:1px solid var(--border);aspect-ratio:1;background:radial-gradient(circle at top,#3b82f629,#0f172a0f 45%,#080f1ef5);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(#0f172a14,#0f172a47);place-items:center;display:grid;position:absolute;inset:0}.camera-frame{border:2px solid #ffffffe0;border-radius:22px;width:min(64vw,220px);max-width:70%;height:min(64vw,220px);max-height:70%;position:relative;box-shadow:0 0 0 200vmax #0f172a57}.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 #93c5fd61;border-radius:14px;position:absolute;inset:14px}.camera-beam{background:linear-gradient(90deg,#0000,#bfdbfee6,#0000);border-radius:999px;height:2px;animation:2.1s ease-in-out infinite cameraBeam;position:absolute;top:20%;left:14px;right:14px;box-shadow:0 0 18px #60a5fad9}.camera-meta{flex-wrap:wrap;gap:6px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.camera-badge{min-height:28px;color:var(--accent-strong);background:#ffffffeb;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 12px 26px #0f172a33}.camera-badge.muted{background:#dbeafeeb}.camera-tip{color:var(--muted);align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.scan-history{gap:6px;display:grid}.scan-history-panel{background:#ffffffb8;border:1px solid #2563eb24;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{min-width:28px;height:24px;color:var(--accent-strong);background:#dbeafeeb;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 #2563eb1a;gap:8px;padding:8px;display:grid}.scan-history-group{background:#f8fbffe0;border:1px solid #2563eb1a;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 #2563eb14;max-height:220px;padding:6px;overflow:auto}.barcode-history-list{gap:8px;display:grid}.barcode-history-date{background:#f8fbffe0;border:1px solid #2563eb1f;border-radius:10px;overflow:hidden}.barcode-history-date-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:9px 11px;list-style:none;display:flex}.barcode-history-date-summary::-webkit-details-marker{display:none}.barcode-history-date-summary:after{color:var(--muted);content:"v";font-size:11px;transition:transform .16s}.barcode-history-date[open] .barcode-history-date-summary:after{transform:rotate(180deg)}.barcode-history-date-summary strong{color:var(--text);font-size:12px}.barcode-history-date-summary span,.barcode-history-batch-head span,.barcode-history-batch-head div span{color:var(--muted);font-size:11px;font-weight:700}.barcode-history-details{border-top:1px solid #2563eb14;gap:7px;padding:8px;display:grid}.barcode-history-batch{background:#ffffffd1;border:1px solid #2563eb1f;border-radius:9px;gap:8px;padding:9px;display:grid}.barcode-history-batch-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.barcode-history-batch-head div{gap:2px;display:grid}.barcode-history-codes{flex-wrap:wrap;gap:5px;display:flex}.stock-pack-list{gap:10px;display:grid}.stock-pack-container{background:linear-gradient(145deg,#fffffff5,#f8fbffe6);border:1px solid #2563eb24;border-radius:14px;gap:10px;padding:12px;display:grid;overflow:hidden;box-shadow:0 8px 22px #0f28550f}.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 #2563eb14;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{min-height:29px;color:var(--accent-strong);letter-spacing:.01em;white-space:nowrap;background:#edf5ff;border:1px solid #2563eb14;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{background:#ffffffd1;border:1px solid #2563eb1f;border-radius:10px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px;display:grid}.scan-index{min-height:30px;color:var(--accent-strong);background:linear-gradient(135deg,#dbeafef5,#ffffffe6);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{color:var(--muted);text-align:center;border:1px dashed #2563eb2e;border-radius:10px;padding:10px;font-size:11px}.receive-stack{padding-top:2px}.transfer-history-pack-container{background:#f8fbffe0;border:1px solid #2563eb24;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 #2563eb1a;flex-wrap:wrap;gap:5px;padding:7px;display:flex}.transfer-history-pack-numbers span{min-height:25px;color:var(--accent-strong);overflow-wrap:anywhere;background:#eef5ff;border:1px solid #2563eb21;border-radius:999px;align-items:center;padding:0 8px;font-size:10px;font-weight:800;display:inline-flex}.pack-detail-container{box-shadow:none;background:#f8fbffe0;border:1px solid #2563eb24;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:not([open]) .invoice-packing-history-toggle{transform:none}.pack-detail-container .stock-pack-meta,.pack-detail-container .invoice-packing-history-meta{border-top:1px solid #2563eb1a;padding:7px 9px}.pack-detail-container .stock-pack-label,.pack-detail-container .invoice-packing-history-label{border-top:0;padding:0 9px 6px}.pack-detail-container .stock-pack-numbers,.pack-detail-container .invoice-packing-history-numbers,.pack-detail-container .transfer-history-pack-numbers{border-top:1px solid #2563eb1a;gap:5px;padding:7px 9px}.pack-detail-container .stock-pack-number,.pack-detail-container .invoice-packing-history-numbers span,.pack-detail-container .transfer-history-pack-numbers span{min-height:25px;color:var(--accent-strong);overflow-wrap:anywhere;background:#eef5ff;border:1px solid #2563eb21;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)}.receive-manual{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.receive-manual input{border:1px solid var(--border);min-width:0;height:38px;color:var(--text);letter-spacing:0;text-transform:uppercase;background:#ffffffe6;border-radius:10px;padding:0 10px;font-size:13px;font-weight:700}.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%,#38bdf82e,#0000 26%),radial-gradient(circle at 92% 86%,#2563eb29,#0000 30%);place-items:center;min-height:100vh;padding:32px;display:grid}.login-layout{-webkit-backdrop-filter:blur(24px)saturate(150%);backdrop-filter:blur(24px)saturate(150%);background:#ffffffc7;border:1px solid #bfdbfedb;border-radius:30px;grid-template-columns:minmax(330px,.92fr) minmax(430px,1.08fr);width:min(1120px,100%);min-height:min(680px,100vh - 64px);display:grid;position:relative;overflow:hidden;box-shadow:0 28px 80px #0f285529,0 2px 8px #0f28550a}.login-brand{align-items:center;gap:12px;margin-bottom:16px;display:flex}.login-visual{color:#fff;background:linear-gradient(145deg,#081c46f5,#123c80fa 54%,#2563ebf7),#123c80;flex-direction:column;min-height:680px;padding:48px;display:flex;position:relative;overflow:hidden}.login-visual:before{pointer-events:none;content:"";background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000b3,#0000 70%);mask-image:linear-gradient(#000000b3,#0000 70%)}.login-visual-orb{filter:blur(2px);pointer-events:none;border-radius:999px;position:absolute}.login-visual-orb-one{background:radial-gradient(circle at 35% 35%,#38bdf870,#38bdf800);width:330px;height:330px;top:-130px;right:-110px}.login-visual-orb-two{background:radial-gradient(circle at 60% 40%,#60a5fa47,#60a5fa00);width:370px;height:370px;bottom:70px;left:-180px}.login-visual-copy,.login-brands,.login-visual-foot{z-index:1;position:relative}.login-visual-copy{max-width:380px}.login-visual-eyebrow{color:#a5d8ff;letter-spacing:.14em;align-items:center;gap:8px;font-size:11px;font-weight:900;display:inline-flex}.login-visual-copy h1{color:#fff;letter-spacing:-.045em;margin:22px 0 14px;font-size:clamp(30px,3.4vw,47px);line-height:.99}.login-visual-copy p{color:#ebf5ffc7;max-width:340px;margin:0;font-size:14px;line-height:1.65}.login-brands{background:#fffffff5;border:1px solid #ffffffb8;border-radius:18px;align-items:center;min-height:104px;margin-top:auto;display:grid;overflow:hidden;box-shadow:0 16px 30px #04123233}.login-brands img{width:100%;height:auto;display:block}.login-visual-foot{color:#ebf5ffb8;align-items:center;gap:7px;margin-top:18px;font-size:11px;font-weight:750;display:inline-flex}.login-card{width:auto;max-width:none;min-height:680px;box-shadow:none;background:#ffffffad;border:0;border-left:1px solid #bfdbfe9e;border-radius:0;flex-direction:column;justify-content:center;padding:52px clamp(30px,5vw,70px);display:flex}.login-card-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.login-card .login-brand{align-items:center;gap:14px;margin:0}.login-logo{border-radius:16px;width:52px;height:52px;box-shadow:0 14px 24px #6d4e243d}.login-mark{border-radius:16px;width:52px;height:52px;font-size:15px;box-shadow:0 14px 24px #2563eb47}.login-brand p{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:10px;font-weight:900}.login-brand h2{color:var(--text);letter-spacing:-.04em;margin:6px 0 0;font-size:clamp(22px,2.4vw,30px);line-height:1.08}.login-secure-badge{color:#067647;background:#ecfdf3;border:1px solid #06764729;border-radius:999px;flex:none;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:850;display:inline-flex}.login-form-grid{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:42px;display:grid}.login-form-grid>.field,.login-form-grid>.login-actions,.login-form-grid>.login-install-wrap{grid-column:1/-1}.login-form-grid .field{gap:9px}.login-form-grid .field label{color:#4e6381;font-size:12px;font-weight:850}.login-form-grid input{background:#f8fbffd1;border-color:#94a3b85c;border-radius:14px;min-height:58px;padding:0 16px;font-size:15px;font-weight:650}.login-form-grid input::placeholder{color:#9aa9be;font-weight:500}.login-form-grid input:focus{border-color:#2563ebad;box-shadow:0 0 0 5px #2563eb1f,0 8px 20px #2563eb14}.login-form-grid .password-field input{padding-right:52px}.login-form-grid .password-toggle{border-radius:10px;width:36px;height:36px;right:9px}.login-actions{grid-template-columns:minmax(0,1fr) minmax(150px,.72fr);gap:12px;display:grid}.login-save-password{color:#334155;background:#f8fbffb8;border-color:#94a3b84d;border-radius:14px;min-height:58px;padding:0 16px;font-size:13px}.login-save-password:hover{background:#fff;border-color:#2563eb59}.login-submit{border-radius:14px;min-height:58px;padding:0 18px;font-size:15px;font-weight:850}.login-install-wrap{gap:9px;display:grid}.install-button{min-height:48px;color:var(--accent-strong);background:#eff6ffad;border:1px dashed #2563eb59;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{background:#eff6ff;border-color:#2563eb9e;transform:translateY(-1px)}.login-install-hint{color:var(--muted);text-align:center;margin:0;font-size:11px;line-height:1.45}.login-installed-note{color:#067647;text-align:center;background:#f0fdf4;border:1px solid #0676472e;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 14px;font-size:12px;font-weight:800;display:flex}.login-footer-note{color:#8998ad;text-align:center;margin:24px 0 0;font-size:11px;line-height:1.45}.login-error-toast{top:max(20px, calc(env(safe-area-inset-top) + 12px));right:max(20px, calc(env(safe-area-inset-right) + 12px));background:#fff6f6f7;border-color:#fecaca;border-radius:16px;grid-template-columns:30px minmax(0,1fr) 24px;align-items:center;gap:10px;width:min(390px,100vw - 40px);min-height:68px;padding:12px 13px;display:grid;box-shadow:0 18px 40px #7f1d1d2e}.toast-status-icon{color:#b42318;background:#fee2e2;border-radius:10px;place-items:center;width:30px;height:30px;display:grid}.toast-copy{overflow-wrap:anywhere;gap:2px;min-width:0;font-size:12px;font-weight:650;display:grid}.toast-copy strong{color:#991b1b;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{color:var(--text);background:#2563eb1a;outline:0}@media (max-width:820px){.login-wrap{padding:18px}.login-layout{grid-template-columns:1fr;min-height:auto}.login-visual{min-height:310px;padding:32px}.login-visual-copy h1{max-width:440px;font-size:35px}.login-brands{min-height:76px}.login-card{border-top:1px solid #bfdbfe9e;border-left:0;min-height:auto}}@media (max-width:520px){.login-wrap{padding:10px}.login-layout{border-radius:22px}.login-visual{min-height:270px;padding:26px 22px 22px}.login-visual-copy h1{margin-top:16px;font-size:30px}.login-visual-copy p{font-size:12px}.login-card{padding:28px 22px 24px}.login-card-head{flex-direction:column;gap:16px}.login-form-grid{gap:16px;margin-top:30px}.login-actions{grid-template-columns:1fr}.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,.mobile-row{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:#fff;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,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{box-shadow:none!important;background:#fff!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}.mobile-row-danger-actions{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}.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%}.resi-history-table .table-wrap{-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;width:100%;min-width:0;max-width:100%;display:block;overflow:auto hidden}.resi-history-table .table-wrap table{width:max-content;min-width:980px}.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:#fff;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;text-align:left;background:#fff;max-width:260px;position:sticky;left:0}.matrix-table input{width:18px;min-height:18px}.permission-name{align-items:center;gap:6px;max-width:100%;display:inline-flex;position:relative}.permission-info{align-items:center;display:inline-flex;position:relative}.permission-info-button{width:22px;min-height:22px;color:var(--accent-strong);cursor:help;background:#eff6ffeb;border:1px solid #2563eb42;border-radius:999px;place-items:center;display:inline-grid}.permission-info-button:hover,.permission-info-button:focus-visible{background:#dbeafefa;border-color:#2563eb8c;outline:none}.permission-popover{z-index:9;width:min(380px,100vw - 48px);color:var(--text);opacity:0;pointer-events:none;white-space:normal;background:#fff;border:1px solid #94a3b857;border-radius:8px;gap:6px;padding:12px;font-size:11px;line-height:1.35;transition:opacity .16s,transform .16s;display:grid;position:absolute;top:calc(100% + 8px);left:-24px;transform:translateY(-4px);box-shadow:0 18px 42px #0f172a2e}.permission-popover strong{font-size:12px}.permission-popover b{color:var(--accent-strong)}.permission-module{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:800}.permission-info:hover .permission-popover,.permission-info:focus-within .permission-popover{opacity:1;pointer-events:auto;transform:translateY(0)}.reports-view{gap:12px;padding-bottom:88px;display:grid}.report-period-panel{border:1px solid var(--line);background:linear-gradient(135deg,#eff6ffc2,#ffffffe0);border-radius:10px;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);color:var(--accent-strong);background:#ffffffd1;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);min-height:36px;color:var(--text);font:inherit;background:#fff;border-radius:8px;padding:0 10px;font-size:12px}.report-period-fields input:focus{border-color:var(--accent);outline:2px solid #2563eb33}.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);min-height:30px;color:var(--muted);background:#ffffffc7;border-radius:8px;flex:none;padding:0 10px;font-size:12px;font-weight:700}.report-tabs button.active{background:linear-gradient(135deg, var(--accent-soft), var(--blue-soft));color:var(--accent-strong);border-color:#2563eb6b}.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{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:1px solid #2563eb4d;border-radius:8px;align-items:center;gap:6px;min-height:32px;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);-webkit-backdrop-filter:blur(18px)saturate(170%);backdrop-filter:blur(18px)saturate(170%);background:#ffffffdb;border-radius:8px;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:6px;height:auto;padding:8px;display:grid;position:fixed;inset:auto 12px 0;box-shadow:0 18px 42px #0f285529}.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);width:44px;min-height:48px;color:var(--danger);background:#ffffffeb;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}.koper-master-workbench .module-toolbar{min-height:38px;margin-bottom:10px}.koper-master-filter{border:1px solid var(--line);background:#ffffffb8;border-radius:8px;width:100%;min-height:38px;margin-bottom:10px;padding:0 10px}.table-wrap{display:none}.table-wrap.force-table,.customer-table-wrap,.invoice-table-wrap{display:block}.mobile-list{gap:8px;display:grid}.mobile-row{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px}.mobile-row-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.mobile-row-head strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.mobile-row dl{gap:5px;margin:0;display:grid}.mobile-row dl div{grid-template-columns:78px minmax(0,1fr);gap:8px;display:grid}.mobile-row dt,.mobile-row dd{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:11px;overflow:hidden}.mobile-row dt{color:var(--muted)}.mobile-row dd{color:var(--text);font-weight:650}.koper-master-workbench .mobile-row{padding:12px}.koper-master-workbench .mobile-row dl{gap:7px}.koper-master-workbench .mobile-row dl div{grid-template-columns:108px minmax(0,1fr)}.koper-master-workbench .mobile-row dt,.koper-master-workbench .mobile-row dd{font-size:12px}.koper-master-workbench .settings-row-actions{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px;display:grid}.koper-master-workbench .settings-row-actions .mini-action{justify-content:center;width:100%}.koper-master-workbench .settings-row-actions .mini-action:last-child:nth-child(odd){grid-column:1/-1}.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{background:#fff;border:1px solid #bfdbfeb8;border-radius:20px;place-items:center;min-height:0;padding:18px;display:grid;overflow:hidden;box-shadow:0 8px 24px #0f285514}.simple-login-hero img{border-radius:10px;width:100%;max-width:1024px;height:auto;display:block}.simple-login-card{background:#fffffff5;border:1px solid #d8e3ee;border-radius:18px;width:100%;min-height:0;padding:30px 36px 26px;display:block;box-shadow:0 14px 34px #0f285514}.simple-login-company{color:#64748b;align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.simple-login-company svg{color:#2563eb}.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:#64748b;font-size:17px;font-weight:800}.simple-login-form input{background:#fafafa;border:2px solid #d1d5db;border-radius:17px;min-height:64px;padding:0 16px;font-size:17px}.simple-login-form input::placeholder{color:#a0a9b7}.simple-login-form input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61f}.simple-login-form .password-field input{padding-right:56px}.simple-login-form .password-toggle{color:#64748b;width:36px;height:36px;right:12px}.simple-login-remember{color:#64748b;background:0 0;border:0;border-radius:0;min-height:24px;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{border-radius:17px;width:100%;min-height:66px;font-size:20px;font-weight:850;box-shadow:0 12px 24px #2563eb38}.simple-login-card .login-install-wrap{margin-top:-2px}.simple-login-card .login-footer-note{margin-top:20px}@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}.simple-login-card .login-footer-note{margin-top:12px;font-size:10px}}.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);cursor:pointer;background:#fff;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{background:#f5f9ff;border-color:#2563eb61;box-shadow:0 5px 14px #0f28550f}.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-history-list{gap:8px;display:grid}.handoff-history-card{border:1px solid var(--line);background:#fff;border-radius:10px;gap:8px;padding:12px;display:grid}.handoff-history-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.handoff-history-head strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;overflow:hidden}.handoff-history-card dl{gap:7px;margin:0;display:grid}.handoff-history-card dl>div{grid-template-columns:118px minmax(0,1fr);align-items:center;gap:8px;display:grid}.handoff-history-card dt,.handoff-history-card dd{min-width:0;margin:0;font-size:12px}.handoff-history-card dt{color:var(--muted)}.handoff-history-card dd{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.handoff-detail{background:#f8fbffe0;border:1px solid #2563eb24;border-radius:9px;width:100%;overflow:hidden}.handoff-detail>summary{cursor:pointer;min-height:34px;color:var(--accent-strong);justify-content:space-between;align-items:center;gap:8px;padding:7px 9px;font-size:11px;list-style:none;display:flex}.handoff-detail>summary::-webkit-details-marker{display:none}.handoff-detail>div{border-top:1px solid #2563eb1a;flex-wrap:wrap;gap:5px;padding:7px;display:flex}.handoff-detail>div span{min-height:25px;color:var(--accent-strong);background:#eef5ff;border:1px solid #2563eb21;border-radius:999px;align-items:center;padding:0 8px;font-size:10px;font-weight:800;display:inline-flex}.handoff-history-actions{justify-content:flex-start;display:flex}.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);min-height:36px;color:var(--muted);white-space:nowrap;background:#fff;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{color:var(--accent-strong);background:#eef5ff;border-color:#2563eb52}.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}.container-history-list{gap:8px;display:grid}.container-history-card{border:1px solid var(--line);background:#fff;border-radius:10px;gap:8px;padding:12px;display:grid}.container-history-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.container-history-head strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.container-history-details{gap:7px;margin:0;display:grid}.container-history-details>div{grid-template-columns:78px minmax(0,1fr);align-items:center;gap:8px;display:grid}.container-history-details dt,.container-history-details dd{min-width:0;margin:0;font-size:12px}.container-history-details dt{color:var(--muted)}.container-history-details dd{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.container-history-detail{background:#f8fbffe0;border:1px solid #2563eb24;border-radius:9px;width:100%;font-weight:800;overflow:hidden}.container-history-detail>summary{cursor:pointer;min-height:34px;color:var(--accent-strong);justify-content:space-between;align-items:center;gap:8px;padding:7px 9px;font-size:11px;list-style:none;display:flex}.container-history-detail>summary::-webkit-details-marker{display:none}.container-history-detail>summary svg{flex:none;transition:transform .16s}.container-history-detail[open]>summary svg{transform:rotate(180deg)}.container-history-detail .transfer-history-pack-numbers{border-top:1px solid #2563eb1a}.container-history-actions{justify-content:flex-start;margin-top:2px;display:flex}.container-history-actions .mini-action{min-height:32px;padding:0 12px}.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{background:linear-gradient(135deg,#eff6ffd1,#ffffffd1);border:1px solid #2563eb24;border-radius:12px;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,.koper-resi-input-row input{min-width:0;min-height:40px}.koper-step-card select{width:100%}.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-resi-input-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.koper-resi-input-row input{letter-spacing:.01em;border-color:#2563eb47;font-size:14px;font-weight:700}.koper-resi-input-row input::placeholder{color:var(--muted);letter-spacing:0;text-transform:none;font-size:12px;font-weight:600}.koper-pending-resis,.koper-history-resis{flex-wrap:wrap;gap:6px;display:flex}.koper-pending-resis .chip{cursor:pointer;border:0}.compact-empty{min-height:52px}.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}.table-subline{color:var(--muted);margin-top:4px;font-size:10px;font-weight:600;display:block}.koper-history-table-wrap td{vertical-align:top}.koper-history-filter{background:linear-gradient(135deg,#eff6ffb8,#ffffffe6);border:1px solid #2563eb24;border-radius:10px;grid-template-columns:minmax(0,1fr) minmax(138px,168px) minmax(138px,168px) auto;align-items:end;gap:10px;margin-bottom:12px;padding:11px 12px;display:grid}.koper-history-filter>div{gap:3px;display:grid}.koper-history-filter>div strong{color:var(--text);font-size:12px}.koper-history-filter>div span,.koper-history-filter label span{color:var(--muted);font-size:10px;font-weight:650}.koper-history-filter label{gap:4px;display:grid}.koper-history-filter input{border:1px solid var(--line);min-height:36px;color:var(--text);background:#fff;border-radius:8px;padding:7px 9px;font-size:11px;font-weight:700}.koper-history-filter button{white-space:nowrap;min-height:36px}.koper-history-table-wrap th:last-child,.koper-history-table-wrap td:last-child{min-width:188px}.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:#f8fbffc7;border-radius:10px;gap:7px;max-height:260px;padding:10px;display:grid;overflow:auto}.koper-edit-check{min-height:34px;color:var(--text);background:#ffffffdb;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{color:var(--text);background:#f5f8ff;border:1px solid #2563eb33;border-radius:10px;gap:4px;padding:10px 12px;font-size:12px;line-height:1.45;display:grid}.invoice-delete-guidance.blocked{background:#fff9ed;border-color:#b453093d}.invoice-delete-blockers{background:#fffdf7;border:1px solid #b453093d;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-input-row{grid-template-columns:1fr}.koper-resi-input-row button{justify-content:center}.koper-resi-entry{gap:9px}.koper-history-table-wrap{margin-left:-8px;margin-right:-8px}.koper-history-filter{grid-template-columns:1fr 1fr}.koper-history-filter>div,.koper-history-filter button{grid-column:1/-1}}.booking-workbench{gap:16px;width:100%;min-width:0;display:grid}.booking-panel,.booking-detail{min-width:0;overflow:hidden}.booking-title-row,.booking-detail-head,.booking-lines-head,.booking-detail-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.booking-title-row>div,.booking-detail-head>div{gap:4px;display:grid}.booking-title-row span,.booking-detail-head span,.booking-summary-grid span{color:var(--muted);font-size:12px}.booking-form{gap:14px;display:grid}.booking-form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.booking-deposit-info,.booking-note,.booking-modal-copy{color:#24466f;background:#f2f7ff;border:1px solid #d7e5fa;border-radius:12px;align-items:flex-start;gap:8px;margin:0;padding:11px 12px;font-size:13px;line-height:1.5;display:flex}.booking-line-list,.booking-modal-form{gap:10px;display:grid}.booking-line-input{border:1px solid var(--line);border-radius:12px;grid-template-columns:minmax(220px,2fr) minmax(110px,1fr) auto;align-items:end;gap:10px;padding:12px;display:grid}.booking-line-input .icon-button{margin-bottom:1px}.booking-history,.booking-history .table-wrap,.booking-detail .table-wrap{min-width:0;max-width:100%}.booking-history .table-wrap,.booking-detail .table-wrap{overscroll-behavior-inline:contain;touch-action:pan-x pan-y;overflow-x:auto}.booking-history table,.booking-detail table{width:max-content;min-width:980px}.booking-detail{gap:14px;display:grid}.booking-detail h3{margin:2px 0 -4px;font-size:14px}.booking-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.booking-summary-grid>div{border:1px solid var(--line);background:#f8fbff;border-radius:12px;gap:4px;padding:11px;display:grid}.booking-summary-grid strong{color:var(--navy);font-size:15px}.booking-detail-actions{justify-content:flex-end}.booking-detail-actions .primary,.booking-detail-actions .secondary{justify-content:center;align-items:center;gap:7px;text-decoration:none;display:inline-flex}.booking-modal-form .field{min-width:0}.booking-modal-form .field>input,.booking-modal-form .field>textarea{width:100%}.booking-fulfillment-product-row{grid-column:1/-1;grid-template-columns:minmax(0,3fr) minmax(100px,1fr);gap:10px;display:grid}.danger-button{color:#fff;background:#b42318}@media (max-width:760px){.booking-workbench{max-width:100%;overflow:hidden}.booking-panel,.booking-detail{padding-inline:12px}.booking-form-grid,.booking-summary-grid{grid-template-columns:1fr 1fr}.booking-fulfillment-product-row{grid-template-columns:minmax(0,1fr) minmax(92px,.65fr)}.booking-form-grid .span-2{grid-column:1/-1}.booking-line-input{grid-template-columns:minmax(0,1fr) 96px auto;padding:10px}.booking-lines-head,.booking-detail-actions{flex-direction:column;align-items:stretch}.booking-lines-head .secondary,.booking-detail-actions>*{width:100%}.booking-history table,.booking-detail table{min-width:900px}}@media (max-width:480px){.booking-form-grid,.booking-summary-grid{grid-template-columns:1fr}.booking-line-input{grid-template-columns:1fr auto;align-items:stretch}.booking-line-input .field:first-child{grid-column:1/-1}}