:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--c-page-bg:#f4f6f8;--c-surface:#fff;--c-surface-alt:#f7f8fa;--c-sidebar-bg:#eef0f3;--c-th-bg:#dde3ea;--c-border:#e0e0e0;--c-border-light:#eee;--c-table-border:#b7c0c9;--c-input-border:#ccc;--c-text:#262626;--c-text-secondary:#666;--c-text-muted:#8a8a8a;--c-brand:#0b6645;--c-brand-text:#0b6645;--c-brand-dark:#084f34;--c-link:#1a73c7;--c-row-blue:#eaf2fb;--c-row-blue-hover:#dbe9f8;--c-row-green:#eef6f2;--c-row-green-strong:#e6f2ec;--c-row-green-hover:#dcece3}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--c-page-bg:#15181c;--c-surface:#1f232a;--c-surface-alt:#262b33;--c-sidebar-bg:#1a1d23;--c-th-bg:#2a2f38;--c-border:#3a414b;--c-border-light:#2b3038;--c-table-border:#525b68;--c-input-border:#4a515c;--c-text:#e7e9ec;--c-text-secondary:#b6bcc5;--c-text-muted:#8d94a0;--c-brand-text:#34d399;--c-link:#60a5fa;--c-row-blue:#22304a;--c-row-blue-hover:#2c3d5c;--c-row-green:#1c3327;--c-row-green-strong:#1f3a2c;--c-row-green-hover:#27493a}body{background:var(--c-page-bg);color:var(--c-text);margin:0}#root{min-height:100svh}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}#root{height:100%}.app-shell{transform-origin:0 0;background:var(--c-page-bg);flex-direction:column;width:111.111%;height:111.111vh;font-family:system-ui,-apple-system,sans-serif;display:flex;transform:scale(.9)}.topbar{background:var(--c-brand);border-bottom:1px solid var(--c-brand-dark);z-index:20;flex-shrink:0;align-items:center;gap:20px;height:56px;padding:0 20px;display:flex;position:relative}.topbar-hub-select{color:#fff;background:#ffffff1f;border:1px solid #ffffff4d;border-radius:20px;flex:none;width:auto;max-width:180px;padding:6px 12px;font-size:.85rem;font-weight:600}.topbar-hub-select option{color:var(--c-brand-text)}.topbar-hub-badge{color:#fff;white-space:nowrap;background:#ffffff1f;border:1px solid #ffffff4d;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:600;display:flex}.topbar-logo{cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:0;display:flex}.topbar-logo-img{width:auto;height:32px}.topbar-right{align-items:center;gap:12px;margin-left:auto;display:flex;position:relative}.topbar-user{cursor:pointer;color:#fff;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:6px 8px;display:flex}.topbar-user:hover{background:#ffffff1f}.topbar-avatar{color:#1565c0;background:#e3f2fd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.8rem;font-weight:700;display:flex}.topbar-avatar-img{object-fit:cover}.topbar-user-info{flex-direction:column;align-items:flex-start;line-height:1.3;display:flex}.topbar-user-name{font-size:.85rem;font-weight:600}.topbar-user-role{color:#ffffffbf;font-size:.75rem}.topbar-menu-backdrop{z-index:25;position:fixed;inset:0}.topbar-menu{background:var(--c-surface);border:1px solid var(--c-border);z-index:30;border-radius:8px;flex-direction:column;min-width:180px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0000001a}.topbar-menu button{text-align:left;cursor:pointer;color:var(--c-text);background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:9px 10px;font-size:.85rem;display:flex}.topbar-menu button:hover{background:var(--c-page-bg)}.topbar-bell{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.topbar-bell:hover{background:#ffffff1f}.topbar-bell-badge{color:#fff;text-align:center;background:#e53935;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:.65rem;font-weight:700;line-height:16px;position:absolute;top:2px;right:2px}.chatbot-fab{z-index:50;background:var(--c-brand);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 14px #00000040}.chatbot-fab:hover{background:var(--c-brand-dark)}.chatbot-panel{z-index:50;background:var(--c-surface);border-radius:12px;flex-direction:column;width:340px;max-width:calc(100vw - 32px);height:460px;max-height:calc(100vh - 140px);display:flex;position:fixed;bottom:86px;right:24px;overflow:hidden;box-shadow:0 8px 28px #00000038}.chatbot-panel-header{background:var(--c-brand);color:#fff;align-items:center;gap:8px;padding:12px 14px;font-size:.9rem;font-weight:600;display:flex}.chatbot-panel-body{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.chatbot-msg{white-space:pre-wrap;border-radius:12px;max-width:85%;padding:8px 12px;font-size:.85rem;line-height:1.4}.chatbot-msg-assistant{background:var(--c-row-green-hover);color:var(--c-text);border-bottom-left-radius:2px;align-self:flex-start}.chatbot-msg-user{background:var(--c-brand);color:#fff;border-bottom-right-radius:2px;align-self:flex-end}.chatbot-msg-loading{color:var(--c-text-secondary);align-items:center;gap:6px;display:flex}.chatbot-spin{animation:1s linear infinite chatbot-spin}@keyframes chatbot-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chatbot-error{color:#e53935;padding:6px 12px;font-size:.78rem}.chatbot-panel-footer{border-top:1px solid var(--c-border);align-items:flex-end;gap:8px;padding:10px;display:flex}.chatbot-panel-footer textarea{resize:none;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);border-radius:8px;flex:1;max-height:80px;padding:8px 10px;font-family:inherit;font-size:.85rem}.chatbot-panel-footer button{background:var(--c-brand);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.chatbot-panel-footer button:disabled{background:var(--c-border);cursor:not-allowed}.receive-bell-panel{min-width:320px;max-width:360px;max-height:420px;overflow-y:auto}.receive-bell-title{color:var(--c-text-secondary);text-transform:uppercase;padding:6px 10px;font-size:.8rem;font-weight:700}.receive-bell-empty{color:var(--c-text-muted);text-align:center;padding:16px 10px;font-size:.85rem}.receive-bell-item{border:none;border-top:1px solid var(--c-border-light);text-align:left;cursor:pointer;background:0 0;border-radius:6px;flex-direction:column;gap:2px;width:100%;padding:9px 10px;display:flex}.receive-bell-item:hover{background:var(--c-page-bg)}.receive-bell-item-head{color:var(--c-brand-text);justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.receive-bell-item-sub{color:var(--c-text-secondary);font-size:.78rem}.body-row{flex:1;min-height:0;display:flex}.sidebar{background:var(--c-sidebar-bg);border-right:1px solid var(--c-border);flex-direction:column;flex-shrink:0;width:232px;padding:16px 12px;transition:width .15s;display:flex;position:relative;overflow-y:auto}.sidebar nav{flex:1}.sidebar.collapsed{width:56px;padding:16px 8px}.sidebar.collapsed .sidebar-item{justify-content:center;padding:10px 8px}.sidebar.collapsed .sidebar-item span,.sidebar.collapsed .sidebar-chevron,.sidebar.collapsed .sidebar-subitems{display:none}.sidebar-collapse-toggle{z-index:5;background:var(--c-surface);border:1px solid var(--c-border);width:24px;height:24px;color:var(--c-text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:24px;right:-12px;box-shadow:0 1px 4px #00000026}.sidebar-collapse-toggle:hover{border-color:var(--c-brand);color:var(--c-brand);background:#eafaf0}.sidebar-item{text-align:left;cursor:pointer;width:100%;color:var(--c-text-secondary);background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;margin-bottom:4px;padding:10px 12px;font-size:.8rem;display:flex}.sidebar-item:hover{background:var(--c-page-bg);color:var(--c-brand-text);font-weight:600}.sidebar-group-toggle{color:var(--c-text);justify-content:flex-start;font-weight:600}.sidebar-group-toggle span{flex:1}.sidebar-chevron{flex-shrink:0;transition:transform .15s}.sidebar-chevron.open{transform:rotate(180deg)}.sidebar-subitems{border-left:1px solid var(--c-border);flex-direction:column;margin-left:14px;padding-left:14px;display:flex}.sidebar-depth-1{padding:8px 12px;font-size:.82rem}.sidebar-depth-2{padding:7px 10px;font-size:.8rem}.sidebar-item.sidebar-depth-3{padding:4px 6px!important;font-size:.75rem!important}.sidebar-item.active{background:var(--c-row-green-strong);color:var(--c-brand-text);box-shadow:inset 3px 0 0 var(--c-brand);font-weight:600}.sidebar-item.active:hover{background:var(--c-row-green-hover)}.sidebar-item.sidebar-depth-0:not(.sidebar-group-toggle){color:var(--c-text);font-weight:600}.main-content{flex:1;overflow-y:auto;padding:1px 1px 10px!important}.main-content h2{margin-top:0!important;margin-bottom:0!important}.main-content .breadcrumb,.main-content [class*=breadcrumb]{margin-top:0!important;margin-bottom:6px!important;padding:0!important}.search-container,.filter-bar{margin-top:4px!important;margin-bottom:8px!important}.page-container,.app-content,.content-wrapper,.dashboard-container{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.main-content>div{width:100%!important;max-width:100%!important}.page-container,.app-content,.content-wrapper{margin-top:0!important;padding-top:0!important}.main-content p,.main-content .subtitle{margin-top:0!important;margin-bottom:12px!important}.app-footer{background:var(--c-brand);color:#ffffffd9;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:28px;padding:10px 20px;font-size:.78rem;display:flex}.app-footer-item{white-space:nowrap;align-items:center;gap:6px;display:flex}.main-content>.page{max-width:900px}.dashboard-page{padding:24px 28px}.content-topbar{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;display:flex}.create-order-btn{color:#fff;cursor:pointer;background:#f97316;border:none;border-radius:6px;align-items:center;gap:6px;padding:9px 16px;font-size:.85rem;font-weight:600;display:flex}.create-order-btn:hover{background:#ea6c0c}.breadcrumb{color:var(--c-text-muted);white-space:nowrap;align-items:center;gap:6px;font-size:.85rem;display:flex}.content-topbar .breadcrumb{flex-shrink:0}.export-excel-btn{background:var(--c-surface);color:var(--c-brand-text);border:1px solid var(--c-brand);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:600;display:flex}.export-excel-btn:hover:not(:disabled){background:var(--c-row-green)}.export-excel-btn:disabled{opacity:.5;cursor:not-allowed}.batch-order-table{table-layout:fixed;min-width:1375px}.batch-order-table th,.batch-order-table td{border-right:1px solid var(--c-table-border);white-space:normal;word-break:break-word}.batch-order-table thead th{text-align:center;vertical-align:middle}.batch-order-table tbody tr:not(.batch-group-row) td:nth-child(7),.batch-order-table tbody tr:not(.batch-group-row) td:nth-child(8),.batch-order-table tbody tr:not(.batch-group-row) td:nth-child(9),.batch-order-table tbody tr:not(.batch-group-row) td:nth-child(10),.batch-group-row td.batch-group-stat{text-align:center}.batch-order-table th:last-child,.batch-order-table td:last-child{z-index:1;border-right:none;position:sticky;right:0;box-shadow:-2px 0 4px #0000000f}.batch-order-table thead th:last-child{background:var(--c-th-bg);z-index:2}.batch-order-table tbody td:last-child{background:var(--c-surface)}.batch-order-table tbody tr.batch-group-row td:last-child{background:var(--c-row-green)}.batch-order-table th:first-child,.batch-order-table td:first-child{z-index:1;position:sticky;left:0;box-shadow:2px 0 4px #0000000f}.batch-order-table thead th:first-child{background:var(--c-th-bg);z-index:2}.batch-order-table tbody td:first-child{background:var(--c-surface)}.batch-order-table tbody tr.batch-group-row td:first-child{background:var(--c-row-green)}.batch-order-table tbody tr:not(.batch-group-row):hover td{background:var(--c-row-blue)}.batch-order-table tbody tr.batch-group-row:hover td{background:var(--c-row-green-hover)}.col-filter-th{align-items:center;gap:4px;display:inline-flex;position:relative}.col-filter-btn{width:18px;height:18px;color:var(--c-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.col-filter-btn:hover{background:var(--c-border);color:var(--c-text)}.col-filter-btn.active{color:var(--c-brand-text)}.col-filter-backdrop{z-index:25;position:fixed;inset:0}.col-filter-panel{z-index:30;background:var(--c-surface);border:1px solid var(--c-border);text-align:left;text-transform:none;border-radius:8px;flex-direction:column;width:220px;max-height:260px;font-weight:400;display:flex;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000001f}.col-filter-clear{border:none;border-bottom:1px solid var(--c-border-light);color:var(--c-link);text-align:left;cursor:pointer;background:0 0;flex-shrink:0;padding:8px 10px;font-size:.8rem}.col-filter-clear:disabled{color:var(--c-text-muted);cursor:not-allowed}.col-filter-options{padding:4px;overflow-y:auto}.col-filter-option{color:var(--c-text);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:.82rem;display:flex}.col-filter-option:hover{background:var(--c-page-bg)}.col-filter-empty{color:var(--c-text-muted);text-align:center;padding:10px;font-size:.8rem}.bill-number-link{color:var(--c-link);font-weight:600}.batch-order-table .bill-number-link{word-break:normal}.batch-order-table .bill-number-link>.link-btn{white-space:nowrap;text-overflow:ellipsis;width:100%;display:block;overflow:hidden}.link-btn{font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;padding:0}.link-btn:hover{text-decoration:underline}.revenue-total-row{background:var(--c-row-blue)}.revenue-report-table th,.revenue-report-table td{border:1px solid var(--c-table-border)}.revenue-report-table td:not(:nth-child(2)){text-align:right}.bordered-table th,.bordered-table td{border:1px solid var(--c-table-border)}.customer-order-table{table-layout:fixed}.customer-order-table th,.customer-order-table td{white-space:normal;word-break:break-word}.price-table-list{table-layout:fixed}.price-table-list th,.price-table-list td{white-space:normal;word-break:break-word}.related-order-links{margin-top:2px}.related-order-links .link-btn{color:var(--c-text-muted);font-size:11px;display:block}.related-order-links .link-btn:hover{color:var(--c-link)}.manifest-detail-meta{background:var(--c-surface-alt);border-radius:8px;flex-wrap:wrap;gap:8px 32px;margin-bottom:16px;padding:12px 16px;display:flex}.manifest-detail-meta>div{flex-direction:column;gap:2px;font-size:.9rem;display:flex}.manifest-detail-label{color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.02em;font-size:.72rem;font-weight:600}.manifest-detail-meta>.meta-full{flex-basis:100%}.batch-group-row td{background:var(--c-row-green);border-bottom:1px solid #d7e8de;padding:0}.batch-group-toggle{cursor:pointer;text-align:left;width:100%;color:var(--c-brand-text);background:0 0;border:none;align-items:center;gap:14px;padding:10px 4px;font-size:.75rem;display:flex}.batch-group-row td.batch-group-stat{color:var(--c-text);padding:10px 12px;font-weight:700}.batch-group-row .icon-btn{background:0 0;border-color:#b9d6c5}.batch-group-row .icon-btn:hover{background:#fff9}.batch-group-count{color:var(--c-text-muted);font-weight:400}.order-photo-thumb-link{display:block}.order-photo-thumb{object-fit:cover;border:1px solid var(--c-border);border-radius:4px;width:36px;height:36px}.order-photo-placeholder{color:var(--c-input-border)}.login-shell{background:var(--c-surface-alt);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-box{background:var(--c-surface);border:1px solid var(--c-border);border-top:5px solid var(--c-brand);border-radius:10px;flex-direction:column;gap:14px;width:420px;padding:32px 28px 44px;display:flex}.login-submit-btn{transition:background-color .15s}.login-submit-btn:hover:not(:disabled){background:var(--c-brand-dark)}.login-version{text-align:center;color:var(--c-text-muted);margin-top:4px;font-size:.75rem}.login-brand{color:var(--c-brand-text);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:1.1rem;font-weight:600;display:flex}.login-logo{width:auto;height:40px}.login-box h1{margin:0 0 4px}.password-input-wrap{position:relative}.password-input-wrap input{width:100%;padding-right:36px}.password-toggle-btn{cursor:pointer;color:var(--c-text-secondary);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-toggle-btn:hover{color:var(--c-brand-text)}.page{text-align:left;max-width:900px;padding:28px}.coming-soon-box{color:var(--c-text-muted);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:60px 20px;display:flex}.coming-soon-box h2{color:var(--c-text-secondary);margin:4px 0 0}.page.page-wide{max-width:1320px}.page.page-full{max-width:none}.form-row.export-manifest-header-row{grid-template-columns:.8fr 1.3fr 1.3fr 1.6fr;gap:14px;display:grid}.export-manifest-header-row>div{flex-direction:column;gap:6px;display:flex}h1{margin-bottom:8px;font-size:1.5rem}.subtitle{color:var(--c-text-secondary);margin-bottom:24px;font-size:.9rem;line-height:1.5}.error-box{color:#900;background:#fee;border:1px solid #f99;border-radius:6px;margin-bottom:16px;padding:12px}.success-box{color:var(--c-brand);background:#eafaf0;border:1px solid #a6e6bd;border-radius:6px;margin-bottom:16px;padding:12px}.order-form fieldset{border:1px solid var(--c-border);background:var(--c-surface);border-radius:8px;margin-bottom:20px;padding:16px 20px}.order-form legend{color:var(--c-brand-text);padding:0 8px;font-weight:600}.form-row{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.form-row.two-col{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-row.four-col{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.form-row.two-col>div,.form-row.four-col>div{flex-direction:column;gap:6px;display:flex}label{color:var(--c-text);font-size:.85rem;font-weight:600}input,select{border:1px solid var(--c-input-border);border-radius:6px;width:100%;padding:8px 10px;font-size:.95rem}input[type=checkbox],input[type=radio]{flex-shrink:0;width:14px;height:14px}.province-ward-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.province-ward-row>div{flex-direction:column;gap:4px;display:flex}.searchable-select{position:relative}.searchable-select-list{background:var(--c-surface);border:1px solid var(--c-border);border-radius:6px;max-height:260px;overflow-y:auto;box-shadow:0 8px 24px #0000002e}.searchable-select-option{cursor:pointer;white-space:normal;word-break:break-word;padding:6px 10px;font-size:.85rem;line-height:1.35}.searchable-select-option.highlight{background:var(--c-row-green)}.searchable-select-option.selected{color:var(--c-brand-text);font-weight:600}.searchable-select-empty{color:var(--c-text-muted);padding:6px 10px;font-size:.85rem}.submit-btn{background:var(--c-brand);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:12px 24px;font-size:1rem}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.page-tabs{border-bottom:1px solid var(--c-border);gap:4px;margin-bottom:20px;display:flex}.page-tab{color:var(--c-text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;font-size:.95rem}.page-tab:hover{color:var(--c-brand-text)}.page-tab.active{color:var(--c-brand-text);border-bottom-color:var(--c-brand-text);font-weight:600}.modal-overlay{z-index:50;background:#0f172a73;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-box{background:var(--c-surface);border-radius:10px;width:100%;max-width:980px;max-height:calc(100vh - 80px);overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-overlay.maximized{padding:12px}.modal-box.maximized{width:100%;max-width:none;height:100%;max-height:none}.modal-header{border-bottom:1px solid var(--c-border);background:var(--c-surface);z-index:1;border-radius:10px 10px 0 0;align-items:center;gap:16px;padding:12px 24px;display:flex;position:sticky;top:0}.modal-header h2{color:var(--c-brand-text);white-space:nowrap;margin:0;font-size:1.1rem}.modal-header-extra{flex:1;align-items:center;gap:12px;display:flex}.modal-header-field{flex-direction:column;gap:1px;min-width:0;display:flex}.modal-header-field label{color:var(--c-text-muted);white-space:nowrap;font-size:.65rem;font-weight:600}.modal-header-field input{width:150px;height:28px;padding:4px 8px;font-size:.82rem}.modal-header-total{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:6px;align-items:center;height:28px;padding:0 10px;font-size:.9rem;font-weight:700;display:flex}.modal-header-copy{color:var(--c-text-secondary);white-space:nowrap;align-items:center;gap:5px;margin-left:auto;font-size:.8rem;display:flex}.modal-header-actions{align-items:center;gap:4px;display:flex}.modal-close-btn,.modal-maximize-btn{cursor:pointer;color:var(--c-text-secondary);background:0 0;border:none;border-radius:6px;padding:4px;display:flex}.modal-close-btn:hover,.modal-maximize-btn:hover{background:var(--c-surface-alt);color:var(--c-text)}.modal-body{padding:20px 24px 24px}.modal-section-title{background:var(--c-surface-alt);color:var(--c-text-secondary);border-radius:6px;margin:18px 0 12px;padding:8px 12px;font-weight:600}.ai-scan-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#7c3aed;border:none;border-radius:20px;align-items:center;gap:5px;padding:5px 10px;font-size:.75rem;font-weight:600;display:flex}.ai-scan-btn:has(input:disabled){opacity:.6;cursor:not-allowed}.modal-section-title:first-child{margin-top:0}.modal-grid-3{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px;display:grid}.modal-grid-3>div{flex-direction:column;gap:6px;display:flex}.modal-grid-6{grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:14px;display:grid}.modal-grid-6>div{flex-direction:column;gap:6px;display:flex}.xnk-attach-box{cursor:pointer;flex-direction:column;align-items:center;gap:4px;display:flex}.xnk-attach-box-icon{width:44px;height:44px;color:var(--c-text-secondary);background:var(--c-page-bg);border:1.5px dashed #c8ccd0;border-radius:6px;justify-content:center;align-items:center;display:flex}.xnk-attach-box:hover .xnk-attach-box-icon{border-color:var(--c-brand-text);color:var(--c-brand-text)}.xnk-attach-box-label{color:var(--c-text-secondary);text-align:center;font-size:.7rem}.modal-fee-layout{grid-template-columns:2fr 1fr;align-items:start;gap:20px;display:grid}.modal-fee-layout .form-row{margin-bottom:12px}.modal-footer{border-top:1px solid var(--c-border);background:var(--c-surface);border-radius:0 0 10px 10px;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex;position:sticky;bottom:0}.confirm-dialog-overlay{z-index:200;background:#0f172a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog-box{background:var(--c-surface);border-radius:8px;width:100%;max-width:360px;padding:20px 24px;box-shadow:0 20px 60px #0000004d}.confirm-dialog-title{color:var(--c-brand-text);margin-bottom:10px;font-size:1.05rem;font-weight:700}.confirm-dialog-message{color:var(--c-text);margin:0 0 18px}.confirm-dialog-actions{justify-content:flex-end;gap:10px;display:flex}.confirm-dialog-btn{cursor:pointer;border:none;border-radius:6px;padding:7px 18px;font-size:.9rem}.confirm-dialog-btn-ok{background:var(--c-brand);color:#fff}.confirm-dialog-btn-cancel{background:var(--c-surface);color:var(--c-brand-text);border:1px solid var(--c-brand)}.order-total-box{color:#fff;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:6px;align-items:center;min-height:30px;padding:6px 12px;font-size:.95rem;font-weight:700;display:flex}.order-compact .form-row{gap:2px;margin-bottom:6px}.order-compact label{margin-bottom:0;font-size:.72rem}.required-mark{color:#dc2626;margin-left:2px}.input-invalid{border-color:#dc2626!important}.input-error-text{color:#dc2626;margin-top:2px;font-size:.72rem}.order-compact input,.order-compact select{box-sizing:border-box;height:29px;padding:5px 8px;font-size:.82rem}.order-compact .modal-section-title{margin:6px 0;padding:5px 10px;font-size:.9rem}.order-section-tabs{border-bottom:1px solid var(--c-border);gap:4px;margin:6px 0 10px;display:flex}.order-section-tab{color:var(--c-text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:6px 12px;font-size:.85rem}.order-section-tab:hover{color:var(--c-brand-text)}.order-section-tab.active{color:var(--c-brand-text);border-bottom-color:var(--c-brand-text);font-weight:600}.order-attachment-panel{margin-bottom:16px}.order-attachment-label{margin-bottom:8px;display:block}.order-attachment-dropzone{color:var(--c-text-muted);cursor:pointer;border:1.5px dashed #c8ccd0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;max-width:360px;padding:28px 16px;font-size:.85rem;display:flex}.order-attachment-dropzone:hover{border-color:var(--c-brand-text);color:var(--c-brand-text)}.order-attachment-preview{display:inline-block;position:relative}.order-attachment-preview img{border:1px solid var(--c-border);border-radius:8px;max-width:320px;max-height:240px;display:block}.order-attachment-preview .icon-btn-danger{position:absolute;top:6px;right:6px}.order-compact .modal-grid-3{gap:8px;margin-bottom:4px}.order-compact .province-ward-row{grid-template-columns:.85fr 1.1fr;gap:8px}.order-compact .province-ward-row>div{gap:2px}.order-edit-fieldset{border:none;min-width:0;margin:0;padding:0}.order-sr-grid{grid-template-columns:repeat(6,1fr);gap:6px 10px;margin-bottom:6px;display:grid}.order-sr-grid>div{flex-direction:column;gap:2px;display:flex}.order-addr-grid{grid-template-columns:2fr .85fr 1.1fr 2fr .85fr 1.1fr;gap:6px 10px;margin-bottom:6px;display:grid}.order-addr-grid>div{flex-direction:column;gap:2px;display:flex}.order-sr-span2{grid-column:span 2}.order-sr-divider-r{border-right:1px solid var(--c-border);padding-right:10px}.order-sr-divider-l{padding-left:10px}.order-info-row{flex-wrap:wrap;align-items:flex-end;gap:8px;margin-bottom:6px;display:flex}.order-info-row>div{flex:100px;min-width:90px}.order-info-row>.order-info-btn-col{flex:none}.order-info-row>.order-icon-btn-col{flex:none;min-width:34px}.order-info-row>.order-field-narrow{flex:0 0 90px;min-width:70px}.order-info-row>.order-field-weight{flex:0 0 115px;min-width:95px}.order-info-row>.order-field-addon{flex:0 0 336px;min-width:200px}.order-info-row>.order-field-medium{flex:0 0 160px;min-width:130px}.order-info-row>.order-field-amount{flex:0 0 130px;min-width:110px}.order-popup-btn{color:#fff;cursor:pointer;white-space:normal;background:#60a5fa;border:none;border-radius:6px;width:88px;height:46px;padding:4px 8px;font-size:.7rem;line-height:1.15}.order-popup-btn:hover{background:#3b82f6}.order-popup-btn.active{background:#16a34a}.order-popup-btn.active:hover{background:#15803d}.order-icon-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex;box-shadow:0 1px 3px #00000040}.order-icon-btn:hover{background:#2563eb}.order-icon-btn.active{background:#16a34a}.order-compact .pricing-box{margin-bottom:8px;padding:8px 12px}.order-compact .pricing-box-title{margin:0}.staged-bills-wrap{max-height:280px;overflow-y:auto}.staged-bills-wrap table thead th{z-index:1;position:sticky;top:0}.staged-bills-wrap tbody tr:nth-child(2n){background:var(--c-surface-alt)}.staged-bills-wrap tbody tr:hover{background:var(--c-row-green)}.form-row.three-col{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.form-row.three-col>div{flex-direction:column;gap:6px;display:flex}.pricing-box{background:var(--c-row-green);border:1px dashed #a6c9a6;border-radius:8px;margin-bottom:14px;padding:14px 16px}.pricing-box-title{color:var(--c-brand-text);margin-bottom:10px;font-weight:600}.pricing-hint{color:var(--c-text-secondary);margin:0 0 10px;font-size:.85rem}.surcharge-list{flex-direction:column;gap:6px;max-height:220px;margin:10px 0;padding-right:4px;display:flex;overflow-y:auto}.surcharge-item{align-items:center;gap:8px;font-size:.85rem;font-weight:400;display:flex}.surcharge-item input{width:auto}.surcharge-value{color:var(--c-text-secondary);margin-left:auto;font-size:.8rem}.calc-btn{color:#fff;cursor:pointer;background:#2a7a4a;border:none;border-radius:6px;padding:8px 18px;font-size:.9rem}.calc-btn:disabled{opacity:.6}.quote-result{background:var(--c-surface);border:1px solid #cde5cd;border-radius:6px;flex-direction:column;gap:4px;margin-top:12px;padding:12px 14px;font-size:.9rem;display:flex}.quote-surcharge{color:var(--c-text-secondary);padding-left:8px;font-size:.85rem}.quote-total{color:var(--c-brand-text);margin-top:4px;font-size:1.1rem;font-weight:700}.apply-btn{background:var(--c-brand);color:#fff;cursor:pointer;border:none;border-radius:6px;align-self:flex-start;margin-top:8px;padding:8px 16px}.result-box{background:var(--c-row-green);border:1px solid #cde5cd;border-radius:8px;margin-top:24px;padding:16px}.summary-cards{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px;display:grid}.group-header-row{background:var(--c-row-blue)}.group-header-row:hover{background:var(--c-row-blue-hover)}.dashboard-order-table{table-layout:fixed;min-width:1375px}.dashboard-order-table thead th{text-align:center;vertical-align:middle}.dashboard-order-table th,.dashboard-order-table td{border-right:1px solid var(--c-table-border);white-space:normal;word-break:break-word}.dashboard-order-table th:last-child,.dashboard-order-table td:last-child{border-right:none}.dashboard-order-table th:first-child,.dashboard-order-table td:first-child{z-index:1;position:sticky;left:0;box-shadow:2px 0 4px #0000000f}.dashboard-order-table thead th:first-child{background:var(--c-th-bg);z-index:2}.dashboard-order-table tbody td:first-child{background:var(--c-surface)}.dashboard-order-table tbody tr.group-header-row td:first-child{background:var(--c-row-blue)}.dashboard-order-table tbody tr.group-header-row:hover td:first-child{background:var(--c-row-blue-hover)}.dashboard-order-table tbody tr:not(.group-header-row):hover td{background:var(--c-row-blue)}.summary-card{background:var(--c-surface);border:1px solid var(--c-border);box-sizing:border-box;border-radius:10px;align-items:center;gap:14px;min-height:76px;padding:16px;display:flex}.summary-card-clickable{cursor:pointer;transition:box-shadow .15s,border-color .15s}.summary-card-clickable:hover{border-color:#b7c6d9;box-shadow:0 2px 8px #00000014}.summary-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.summary-icon.tone-blue{color:#1976d2;background:#e3f2fd}.summary-icon.tone-orange{color:#f57c00;background:#fff3e0}.summary-icon.tone-green{color:#388e3c;background:#e8f5e9}.summary-icon.tone-red{color:#e53935;background:#ffebee}.summary-icon.tone-pink{color:#d81b60;background:#fce4ec}.summary-value{font-size:1.3rem;font-weight:700;line-height:1.2}.summary-label{color:var(--c-text-secondary);margin-top:2px;font-size:.78rem}.kpi-delta{margin-top:4px;font-size:.74rem;font-weight:600}.kpi-delta.good{color:#2e7d32}.kpi-delta.bad{color:#c0392b}.kpi-pending{color:var(--c-text-muted);margin-top:4px;font-size:.7rem;line-height:1.35}.inline-add-form{gap:10px;max-width:420px;margin-bottom:16px;display:flex}.manifest-quick-add-row{flex-wrap:nowrap;align-items:flex-end;gap:10px;margin-bottom:16px;display:flex;overflow-x:auto}.manifest-quick-add-row input{width:100%}.manifest-general-row{flex-wrap:nowrap;gap:14px;margin-bottom:14px;display:flex;overflow-x:auto}.manifest-general-row>div{flex-direction:column;gap:6px;min-width:0;display:flex}.manifest-general-row input{width:100%}.manifest-filter-row{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.manifest-filter-row input{flex:150px;width:auto;min-width:0}.master-manifest-page h2{margin:0 0 10px}.master-manifest-page .modal-section-title{margin:10px 0 8px}.master-manifest-page .manifest-general-row,.master-manifest-page .manifest-quick-add-row{margin-bottom:10px}.master-manifest-table{table-layout:fixed}.master-manifest-table th,.master-manifest-table td{white-space:normal;text-align:center;word-break:break-word;padding:6px 4px;font-size:.8rem}.master-manifest-table .row-actions{justify-content:center}.inline-add-form input{flex:1;width:auto;min-width:0}.inline-add-form input.fixed-narrow,.inline-add-form input.value-input{flex:0 0 130px}.tier-add-form{flex-wrap:wrap;max-width:800px}.tier-add-form input{flex:0 0 160px}.used-by-empty{color:var(--c-text-muted);font-size:.85rem;font-style:italic}.inline-add-form button{background:var(--c-brand);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;display:flex}.inline-add-form button:disabled{opacity:.6}.row-actions{white-space:nowrap;gap:8px;display:flex}.print-menu{display:inline-block;position:relative}.print-menu-backdrop{z-index:25;position:fixed;inset:0}.print-menu-dropdown{background:var(--c-surface);border:1px solid var(--c-border);z-index:30;border-radius:8px;flex-direction:column;min-width:64px;padding:4px;display:flex;position:fixed;box-shadow:0 8px 24px #0000001a}.print-menu-dropdown button{text-align:left;cursor:pointer;color:var(--c-text);background:0 0;border:none;border-radius:6px;padding:6px 10px;font-size:.85rem}.print-menu-dropdown button:hover{background:var(--c-page-bg)}.icon-btn-danger{color:#c0392b;cursor:pointer;background:#fef0f0;border:1px solid #f5b8b8;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.icon-btn-danger:hover{background:#fee}.icon-btn{background:var(--c-page-bg);color:var(--c-text-secondary);border:1px solid var(--c-border);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.icon-btn-permitted{color:var(--c-brand);background:#eaf6f0;border-color:#bfe3d1}.icon-btn-permitted:hover{background:#d9f0e4}.icon-btn-disabled{background:var(--c-surface-alt);color:#aaa;cursor:not-allowed;border-color:#e5e5e5}.icon-btn-disabled:hover{background:var(--c-surface-alt)}.icon-btn-label{gap:3px;width:auto;padding:0 6px;font-size:11px;font-weight:600}.icon-btn:hover{background:var(--c-border)}.icon-btn-ok{color:var(--c-brand);cursor:pointer;background:#e8f5e9;border:1px solid #a6e6bd;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.icon-btn-ok:hover{background:#d7f0dc}.confirm-delete-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#c0392b;border:none;border-radius:6px;padding:6px 12px;font-size:.8rem}.filter-row{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.filter-row input,.filter-row select{width:auto}.filter-row button{background:var(--c-brand);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;display:flex}.table-wrap{background:var(--c-surface);border:1px solid var(--c-border);border-radius:8px;overflow-x:auto}.sticky-hscrollbar{background:var(--c-surface);border-top:1px solid var(--c-border);z-index:4;height:16px;position:sticky;bottom:0;overflow:auto hidden}.input-icon-wrap{position:relative}.input-icon-wrap svg{color:var(--c-text-muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.input-icon-wrap input{padding-left:32px}table{border-collapse:collapse;width:100%;font-size:.85rem}th,td{border:1px solid var(--c-table-border);text-align:left;white-space:nowrap;padding:10px 12px}th{background:var(--c-th-bg);text-align:center;font-weight:600}.sidebar-subitems{border-left:1.2px dashed var(--c-input-border)!important;margin-left:12px!important;padding-left:0!important}.sidebar-item.sidebar-depth-1,.sidebar-item.sidebar-depth-2,.sidebar-item.sidebar-depth-3{position:relative;padding-left:5px!important}.sidebar-item.sidebar-depth-1:before,.sidebar-item.sidebar-depth-2:before,.sidebar-item.sidebar-depth-3:before{content:"";border-top:1px dashed var(--c-input-border);width:5px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-item{gap:5px!important}.sidebar-item.sidebar-depth-0{padding-left:5px!important}.postal-pagination-container{flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:24px!important;width:100%!important;margin-top:16px!important;padding:8px 12px!important;display:flex!important}.pagination-size-changer{flex-direction:row!important;align-items:center!important;gap:8px!important;display:flex!important}.page-size-select{min-width:100px!important;height:32px!important}.page-size-label{white-space:nowrap!important;display:inline-block!important}.pagination-size-changer{flex-direction:row!important;flex-shrink:0!important;align-items:center!important;gap:8px!important;display:flex!important}.page-size-select{min-width:90px!important;height:28px!important;padding:2px 4px!important}.pagination-buttons{align-items:center;gap:4px;display:flex}.page-btn{border:1px solid var(--c-border);background:var(--c-surface);min-width:30px;height:30px;color:var(--c-text);cursor:pointer;border-radius:6px;padding:0 8px;font-size:.85rem}.page-btn:hover:not(:disabled){background:var(--c-page-bg)}.page-btn.active{background:var(--c-brand);border-color:var(--c-brand);color:#fff;font-weight:600}.page-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-total{color:var(--c-text-secondary);white-space:nowrap;margin-left:auto;font-size:.85rem}.export-manifest-table th,.export-manifest-table td.col-center{text-align:center}.permission-layout{align-items:flex-start;gap:16px;display:flex}.permission-roles-panel{background:var(--c-surface);border:1px solid var(--c-border);border-radius:8px;flex-shrink:0;width:260px;padding:12px}.permission-menu-panel{background:var(--c-surface);border:1px solid var(--c-border);border-radius:8px;flex:1;min-width:0;padding:12px}.permission-role-list{flex-direction:column;max-height:60vh;display:flex;overflow-y:auto}.permission-role-item{text-align:left;border:none;border-bottom:1px solid var(--c-border-light);cursor:pointer;color:var(--c-text-secondary);background:0 0;border-radius:6px;padding:8px 10px;font-size:.85rem}.permission-role-item:hover{background:var(--c-page-bg)}.permission-role-item.active{background:var(--c-row-green-strong);color:var(--c-brand-text);font-weight:600}.permission-tree-toolbar{border-bottom:1px solid var(--c-border-light);justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;font-size:.85rem;display:flex}.permission-tree-toolbar label{align-items:center;gap:6px;display:flex}.permission-tree{max-height:55vh;overflow-y:auto}.permission-row{border-bottom:1px solid var(--c-border-light);align-items:center;gap:10px;padding:6px 4px;display:flex}.permission-row-spacer{flex-shrink:0;width:22px;display:inline-block}.permission-checkbox-label{cursor:pointer;flex:1;align-items:center;gap:8px;min-width:0;font-size:.85rem;display:flex}.permission-actions{color:var(--c-text-secondary);flex-shrink:0;gap:14px;font-size:.8rem;display:flex}.permission-actions label{cursor:pointer;align-items:center;gap:4px;display:flex}.import-excel-body{flex-direction:column;gap:14px;display:flex}.import-excel-template-btn{align-items:center;gap:6px;width:fit-content;display:inline-flex}.import-excel-file-row{align-items:center;gap:12px;display:flex}.import-excel-errors{border:1px solid #f5b8b8;border-radius:6px;max-height:260px;overflow-y:auto}.import-excel-errors table{width:100%;font-size:.85rem}.import-excel-errors th,.import-excel-errors td{text-align:left;border-bottom:1px solid #f0dede;padding:6px 10px}.import-excel-errors th:first-child,.import-excel-errors td:first-child{text-align:center;width:60px}.import-excel-result{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.spin{animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.track-page{background:#f4f6f9;min-height:100vh;font-family:Arial,sans-serif}.track-header{color:#fff;text-align:center;letter-spacing:1px;background:#1a3fa0;padding:18px 12px;font-size:22px;font-weight:700}.track-body{max-width:1000px;margin:0 auto;padding:24px 20px 60px}.track-search-row{background:#fff;border-radius:8px;flex-wrap:wrap;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 1px 4px #00000014}.track-search-row label{color:#333;white-space:nowrap;font-weight:700}.track-search-box{flex:1;gap:0;min-width:260px;display:flex}.track-search-box input{border:1px solid #d0d5dd;border-radius:20px 0 0 20px;outline:none;flex:1;padding:10px 16px;font-size:14px}.track-search-box button{color:#fff;cursor:pointer;background:#22a559;border:none;border-radius:0 20px 20px 0;padding:10px 22px;font-weight:700}.track-search-box button:hover{background:#1b8a49}.track-search-box button:disabled{cursor:not-allowed;background:#9ca3af}.track-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-top:16px;padding:12px 16px}.track-info-grid{background:#fff;border-radius:8px;grid-template-columns:1fr 1fr;gap:12px 24px;margin-top:20px;padding:20px;display:grid;box-shadow:0 1px 4px #00000014}.track-label{color:#1a3fa0;margin-right:4px;font-weight:700}.track-steps{background:#fff;border-radius:8px;align-items:flex-start;margin-top:20px;padding:28px 24px 20px;display:flex;box-shadow:0 1px 4px #00000014}.track-step-wrap{flex:1;align-items:center;display:flex}.track-step-wrap:last-child{flex:none}.track-step{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:96px;display:flex}.track-step-circle{color:#9ca3af;background:#fff;border:2px solid #d0d5dd;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.track-step-circle.done{color:#fff;background:#22a559;border-color:#22a559}.track-step-circle.failed{color:#fff;background:#dc2626;border-color:#dc2626}.track-step-label{color:#444;text-align:center;font-size:12px}.track-step-line{background:#d0d5dd;flex:1;height:2px;margin:0 4px 28px}.track-step-line.done{background:#22a559}.track-photo{background:#fff;border-radius:8px;margin-top:20px;padding:0;overflow:hidden;box-shadow:0 1px 4px #00000014}.track-photo-header{color:#1a3fa0;background:#eef2f7;justify-content:space-between;align-items:center;padding:12px 20px;font-size:13px;font-weight:700;display:flex}.track-photo-download-btn{color:#1a3fa0;cursor:pointer;background:#fff;border:1px solid #1a3fa0;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.track-photo-download-btn:hover{background:#eef2f7}.track-photo-body{justify-content:center;padding:16px 20px;display:flex}.track-photo-body img{border-radius:6px;max-width:100%;max-height:420px;display:block}.track-history{background:#fff;border-radius:8px;margin-top:20px;padding:0;overflow:hidden;box-shadow:0 1px 4px #00000014}.track-history-header{color:#1a3fa0;background:#eef2f7;justify-content:space-between;padding:12px 20px;font-size:13px;font-weight:700;display:flex}.track-history-list{padding:8px 20px 16px}.track-history-row{border-bottom:1px dashed #e5e7eb;gap:16px;padding:8px 0;font-size:13px;display:flex}.track-history-row:last-child{border-bottom:none}.track-history-time{color:#666;flex:0 0 150px}.track-history-text{color:#222;flex:1}@media (width<=640px){.track-info-grid{grid-template-columns:1fr}.track-step-label{font-size:10px}.track-history-row{flex-direction:column;gap:2px}}