:root{--sh-primary:#F97316;--sh-primary-hover:#EA580C;--sh-primary-active:#C2410C;--sh-primary-gradient:linear-gradient(135deg,#F97316,#EA580C);--sh-primary-light:#FFF7ED;--sh-primary-border:#FED7AA;--sh-bg-page:#FAF6F0;--sh-bg-card:#FFFFFF;--sh-bg-card-subtle:#FFFAF5;--sh-border-card:#F3EBE1;--sh-text-primary:#2C2420;--sh-text-secondary:#786C66;--sh-text-muted:#A89F91;--sh-text-highlight:#EA580C;--sh-status-green:#16A34A;--sh-status-green-bg:#F0FDF4;--sh-status-green-border:#BBF7D0;--sh-status-red:#EF4444;--sh-status-red-bg:#FEF2F2;--sh-status-red-border:#FECACA;--sh-status-blue:#2563EB;--sh-status-blue-bg:#EFF6FF;--sh-status-blue-border:#DBEAFE;--sh-radius-sm:8px;--sh-radius-md:12px;--sh-radius-lg:16px;--sh-shadow-sm:0 1px 3px rgba(44,36,32,0.05);--sh-shadow-md:0 8px 24px -4px rgba(44,36,32,0.08)}.shift-handover-modal{box-sizing:border-box}.shift-handover-modal .ant-modal-mask{background:rgba(44,36,32,.45)!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.shift-handover-modal.sh-list-modal .ant-modal{width:min(1240px,95vw)!important;max-width:95vw!important}.shift-handover-modal.sh-detail-modal .ant-modal{width:min(960px,94vw)!important;max-width:94vw!important}.shift-handover-modal .ant-modal-content{border-radius:var(--sh-radius-lg)!important;padding:20px 22px!important;background:#ffffff!important;box-shadow:0 20px 48px -12px rgba(44,36,32,.2)!important;border:1px solid var(--sh-border-card);box-sizing:border-box!important;overflow:hidden!important;max-height:calc(90dvh);display:flex!important;flex-direction:column!important;animation:shModalEnter .22s cubic-bezier(.16,1,.3,1)}@keyframes shModalEnter{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.sh-modal-inner-container{display:flex;flex-direction:column;height:100%;max-height:calc(90dvh - 40px);min-height:0;width:100%;box-sizing:border-box}.sh-modal-scrollable-body{flex:1 1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-right:2px;margin-top:4px;margin-bottom:4px}.sh-modal-scrollable-body::-webkit-scrollbar{width:6px;height:6px}.sh-modal-scrollable-body::-webkit-scrollbar-track{background:#f8fafc;border-radius:4px}.sh-modal-scrollable-body::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.sh-modal-scrollable-body::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.sh-modal-header{justify-content:space-between;width:100%;padding-bottom:12px;border-bottom:1px solid var(--sh-border-card);box-sizing:border-box;flex-shrink:0}.sh-detail-header-left,.sh-modal-header{display:flex;align-items:center;gap:12px}.sh-detail-header-left{min-width:0}.sh-doc-icon-wrap{width:40px;height:40px;border-radius:50%;background:var(--sh-primary-gradient);color:#ffffff;flex-shrink:0;box-shadow:0 4px 10px rgba(249,115,22,.25)}.sh-doc-icon-wrap,.sh-doc-icon-wrap .anticon{display:flex;align-items:center;justify-content:center;font-size:20px}.sh-doc-icon-wrap .anticon{color:#ffffff!important}.sh-detail-header-titles{display:flex;flex-direction:column;min-width:0}.sh-modal-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sh-modal-title{font-size:clamp(16px,2vw,19px);font-weight:700;color:var(--sh-text-primary);margin:0;line-height:1.3}.sh-modal-subtitle{font-size:12px;color:var(--sh-text-secondary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sh-header-right-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.sh-count-badge{background:var(--sh-primary-light);color:var(--sh-text-highlight);border:1px solid var(--sh-primary-border);font-size:12px;font-weight:700;padding:2px 8px;border-radius:20px}.sh-close-btn{background:#f8fafc;border:1px solid #e2e8f0;font-size:20px;color:var(--sh-text-secondary);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease;flex-shrink:0}.sh-close-btn:hover{background:#fee2e2;border-color:#fca5a5;color:#ef4444;transform:rotate(90deg)}.sh-close-btn:active{transform:scale(.94)}.sh-view-mode-toggle .ant-segmented{background:#f1f5f9;padding:3px;border-radius:8px}.sh-view-mode-toggle .ant-segmented-item-selected{background:#ffffff!important;color:var(--sh-primary)!important;box-shadow:0 1px 3px rgba(0,0,0,.08)}.sh-seg-label{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600}.sh-badge-closed{border:1px solid var(--sh-status-red-border);color:var(--sh-status-red);background:var(--sh-status-red-bg);border-radius:6px}.sh-badge-closed,.sh-badge-opened{display:inline-flex;align-items:center;padding:2px 8px;font-weight:600;font-size:12px;white-space:nowrap}.sh-badge-opened{border:1px solid var(--sh-status-green-border);color:var(--sh-status-green);background:var(--sh-status-green-bg);border-radius:6px}.sh-status-pill-green{background:var(--sh-status-green-bg);color:var(--sh-status-green);border:1px solid var(--sh-status-green-border);border-radius:12px}.sh-status-pill-green,.sh-status-pill-red{padding:1px 8px;font-size:11px;font-weight:600;white-space:nowrap}.sh-status-pill-red{background:var(--sh-status-red-bg);color:var(--sh-status-red);border:1px solid var(--sh-status-red-border);border-radius:12px}.sh-table-container{width:100%;max-width:100%;overflow-x:auto!important;overflow-y:hidden;-webkit-overflow-scrolling:touch;border-radius:var(--sh-radius-md);border:1px solid var(--sh-border-card);background:#ffffff;box-shadow:var(--sh-shadow-sm);position:relative;box-sizing:border-box}.sh-table-container::-webkit-scrollbar{height:8px}.sh-table-container::-webkit-scrollbar-track{background:#f8fafc;border-radius:4px}.sh-table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.sh-table-container::-webkit-scrollbar-thumb:hover{background:var(--sh-primary)}.sh-custom-table{width:100%;min-width:1040px;border-collapse:collapse;text-align:left}.sh-custom-table thead tr{background-color:#2C2420!important}.sh-custom-table th{padding:12px;font-size:12px;font-weight:700;color:#ffffff;white-space:nowrap;border:none;letter-spacing:.2px}.sh-custom-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .15s ease}.sh-custom-table tbody tr:hover{background-color:var(--sh-bg-card-subtle)}.sh-custom-table td{padding:11px 12px;font-size:12px;color:var(--sh-text-primary);vertical-align:middle}.sh-custom-table td.col-sticky-action,.sh-custom-table th.col-sticky-action{position:sticky;right:0;z-index:2}.sh-custom-table th.col-sticky-action{background-color:#2C2420!important}.sh-custom-table td.col-sticky-action{background:#ffffff;box-shadow:-3px 0 6px rgba(0,0,0,.04)}.sh-custom-table tbody tr:hover td.col-sticky-action{background-color:var(--sh-bg-card-subtle)}.sh-code-cell{display:flex;flex-direction:column}.sh-code-link{color:var(--sh-primary-hover);font-weight:700;cursor:pointer;font-size:13px;transition:color .15s}.sh-code-link:hover{color:var(--sh-primary-active);text-decoration:underline}.sh-code-staff{font-size:11px;color:var(--sh-text-secondary);margin-top:2px}.sh-diff-pill{font-size:11px;font-weight:700;padding:2px 6px;border-radius:4px;white-space:nowrap}.sh-diff-tag-matched{color:var(--sh-status-green);background:var(--sh-status-green-bg)}.sh-diff-tag-surplus{color:var(--sh-primary-hover);background:var(--sh-primary-light)}.sh-diff-tag-shortage{color:var(--sh-status-red);background:var(--sh-status-red-bg)}.sh-table-actions-wrap{display:inline-flex;align-items:center;gap:5px;justify-content:center}.sh-table-action-btn{background:var(--sh-primary-light);border:1px solid var(--sh-primary-border);color:var(--sh-primary-hover);border-radius:6px;padding:4px 8px;font-size:11px;cursor:pointer;font-weight:700;display:inline-flex;align-items:center;gap:3px;transition:all .15s}.sh-table-action-btn:hover{background:var(--sh-primary);color:#ffffff}.sh-table-action-btn.sh-table-print-btn{background:#FFF7ED;border-color:#FED7AA;color:#EA580C}.sh-table-action-btn.sh-table-print-btn:hover{background:#EA580C;color:#ffffff;border-color:#EA580C}.sh-filter-wrapper{margin-top:10px;margin-bottom:12px;background:#ffffff;border:1px solid var(--sh-border-card);border-radius:var(--sh-radius-md);box-sizing:border-box;overflow:hidden}.sh-filter-summary-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#fff;min-width:0;box-sizing:border-box}.sh-filter-toggle-btn{height:34px;padding:0 12px;border-radius:var(--sh-radius-sm);border:1px solid var(--sh-primary-border);background:var(--sh-primary-light);color:var(--sh-primary-hover);font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;transition:all .15s ease}.sh-filter-toggle-btn.active,.sh-filter-toggle-btn:hover{background:var(--sh-primary);border-color:var(--sh-primary);color:#ffffff}.sh-filter-toggle-btn.active .sh-filter-badge,.sh-filter-toggle-btn:hover .sh-filter-badge{background:#ffffff;color:var(--sh-primary)}.sh-toggle-btn-left{display:flex;align-items:center;gap:6px}.sh-filter-badge{background:var(--sh-primary);color:#fff;font-size:10px;border-radius:10px;padding:1px 6px;font-weight:700}.sh-filter-chips-scroll{display:flex;align-items:center;gap:6px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;flex:1 1;min-width:0;padding:2px 0}.sh-filter-chips-scroll::-webkit-scrollbar{display:none}.sh-filter-chip{height:28px;padding:0 8px;border-radius:6px;background:#f1f5f9;border:1px solid #e2e8f0;font-size:11px;color:var(--sh-text-primary);display:inline-flex;align-items:center;gap:5px;flex-shrink:0}.sh-filter-chip i{color:var(--sh-text-secondary)}.sh-filter-chip .bx-x{cursor:pointer;border-radius:50%;font-size:14px}.sh-clear-all-btn,.sh-filter-chip .bx-x:hover{color:var(--sh-status-red)}.sh-clear-all-btn{background:transparent;border:none;font-size:11px;font-weight:600;cursor:pointer;padding:4px 6px;flex-shrink:0}.sh-clear-all-btn:hover{text-decoration:underline}.sh-filter-expand-box{padding:12px 14px;border-top:1px solid var(--sh-border-card);background:var(--sh-bg-card-subtle);animation:shFilterSlideDown .2s ease-out}@keyframes shFilterSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sh-filter-grid{display:grid;grid-template-columns:minmax(280px,380px) minmax(200px,260px);gap:16px;align-items:flex-end;box-sizing:border-box}@media (max-width:768px){.sh-filter-grid{grid-template-columns:1fr;gap:12px}}.sh-filter-col{display:flex;flex-direction:column;gap:5px;min-width:0}.sh-filter-label{font-size:12px;font-weight:600;color:var(--sh-text-primary)}.sh-date-range-wrap{display:flex;align-items:center;gap:6px;width:100%}.sh-antd-datepicker.ant-picker{flex:1 1;min-width:0;height:36px;padding:4px 10px;border:1px solid #cbd5e1;border-radius:var(--sh-radius-sm,6px);background:#ffffff;font-size:12px;transition:all .2s}.sh-antd-datepicker.ant-picker:hover{border-color:var(--sh-primary,#f97316)}.sh-antd-datepicker.ant-picker.ant-picker-focused{border-color:var(--sh-primary,#f97316);box-shadow:0 0 0 2px rgba(249,115,22,.15)}.sh-antd-datepicker.ant-picker .ant-picker-input>input{font-size:12px;color:var(--sh-text-primary,#1e293b)}.sh-antd-datepicker.ant-picker .ant-picker-suffix{color:var(--sh-text-secondary,#64748b);font-size:14px}.sh-date-sep{color:var(--sh-text-muted);font-weight:700}.sh-date-input{position:relative;display:flex;align-items:center;flex:1 1;min-width:0}.sh-date-input input{width:100%;height:36px;padding:6px 28px 6px 10px;border:1px solid #cbd5e1;border-radius:var(--sh-radius-sm);font-size:12px;color:var(--sh-text-primary);background:#ffffff;outline:none;box-sizing:border-box;transition:border-color .2s}.sh-date-input input:focus{border-color:var(--sh-primary);box-shadow:0 0 0 2px rgba(249,115,22,.15)}.sh-date-icon{position:absolute;right:8px;color:var(--sh-text-secondary);font-size:16px;pointer-events:none}.sh-select{height:36px;border:1px solid #cbd5e1;border-radius:var(--sh-radius-sm);padding:6px 10px;font-size:12px;color:var(--sh-text-primary);background:#ffffff;outline:none;width:100%;box-sizing:border-box;transition:border-color .2s}.sh-select:focus{border-color:var(--sh-primary);box-shadow:0 0 0 2px rgba(249,115,22,.15)}.sh-branch-tag-box{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background:#ffffff;border:1px solid var(--sh-primary-border);border-radius:var(--sh-radius-sm);font-size:12px;color:var(--sh-text-primary);gap:6px;box-sizing:border-box}.sh-branch-name-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1}.sh-branch-tag-box .bx-x{cursor:pointer;color:var(--sh-text-secondary);font-size:16px}.sh-branch-tag-box .bx-x:hover{color:var(--sh-status-red)}.sh-filter-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px;padding-top:10px;border-top:1px dashed var(--sh-border-card)}.sh-btn-filter-reset{height:34px;padding:0 14px;border-radius:var(--sh-radius-sm);border:1px solid #cbd5e1;background:#ffffff;color:var(--sh-text-secondary);font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:5px}.sh-btn-filter-reset:hover{background:#f1f5f9}.sh-btn-filter-apply{height:34px;padding:0 16px;border-radius:var(--sh-radius-sm);border:none;background:var(--sh-primary-gradient);color:#ffffff;font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:5px}.sh-btn-filter-apply:hover{background:linear-gradient(135deg,#ea580c,#c2410c)}.sh-card-list-wrapper{width:100%}.sh-card-list-wrapper,.sh-mobile-card{display:flex;flex-direction:column;gap:10px;box-sizing:border-box}.sh-mobile-card{background:#ffffff;border:1px solid var(--sh-border-card);border-radius:var(--sh-radius-md);padding:12px;box-shadow:var(--sh-shadow-sm);cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .15s}.sh-mobile-card:active{transform:scale(.985);background:var(--sh-bg-card-subtle)}.sh-card-top-bar{justify-content:space-between}.sh-card-code-group,.sh-card-top-bar{display:flex;align-items:center;gap:8px}.sh-card-code-group{min-width:0}.sh-card-code-badge{background:var(--sh-primary-light);border:1px solid var(--sh-primary-border);color:var(--sh-primary-hover);font-size:12px;font-weight:800;padding:3px 8px;border-radius:6px;display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.sh-card-staff-name{font-size:13px;font-weight:700;color:var(--sh-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sh-card-meta-rows{display:flex;flex-direction:column;gap:4px}.sh-card-meta-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--sh-text-secondary)}.sh-card-meta-item i{color:var(--sh-primary);font-size:13px}.sh-card-metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;background:var(--sh-bg-card-subtle);border:1px solid var(--sh-border-card);border-radius:var(--sh-radius-sm);padding:8px 10px;box-sizing:border-box}.sh-card-metric-cell{display:flex;flex-direction:column;min-width:0}.sh-card-metric-title{font-size:10px;color:var(--sh-text-secondary);font-weight:500}.sh-card-metric-num{font-size:13px;font-weight:700;color:var(--sh-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sh-card-metric-num.diff-matched{color:var(--sh-status-green)}.sh-card-metric-num.diff-surplus{color:var(--sh-primary-hover)}.sh-card-metric-num.diff-shortage{color:var(--sh-status-red)}.sh-card-actions{display:flex;align-items:center;gap:8px;width:100%}.sh-card-detail-btn{flex:1 1;height:36px;border-radius:var(--sh-radius-sm);border:1px solid var(--sh-primary-border);background:var(--sh-primary-light);color:var(--sh-primary-hover);font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:5px;transition:all .15s ease}.sh-card-detail-btn:hover{background:var(--sh-primary);color:#ffffff}.sh-card-print-btn{flex:1 1;height:36px;border-radius:var(--sh-radius-sm);border:1px solid #fed7aa;background:#FFF7ED;color:#EA580C;font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:5px;transition:all .15s ease}.sh-card-print-btn:hover{background:var(--sh-primary);color:#ffffff;border-color:var(--sh-primary)}.sh-card-list-empty,.sh-card-list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px;text-align:center}.sh-card-list-loading i{font-size:28px;color:var(--sh-primary)}.sh-card-list-loading span{font-size:13px;color:var(--sh-text-secondary);margin-top:8px}.sh-empty-icon-wrap{width:52px;height:52px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--sh-text-muted);margin-bottom:10px}.sh-empty-title{font-size:14px;font-weight:700;color:var(--sh-text-primary)}.sh-empty-desc{font-size:12px;color:var(--sh-text-secondary);margin-top:4px;max-width:280px}.sh-meta-bar{background:var(--sh-bg-card-subtle);border:1px solid var(--sh-primary-border);border-radius:var(--sh-radius-md);padding:12px 16px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:14px;margin-top:10px;margin-bottom:14px;box-sizing:border-box}.sh-meta-group{display:flex;align-items:center;gap:10px;min-width:0}.sh-meta-icon-box{width:38px;height:38px;border-radius:10px;background:var(--sh-primary-light);border:1px solid var(--sh-primary-border);color:var(--sh-primary);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.sh-meta-icon-box.staff-box{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.sh-meta-icon-box.branch-box{background:#eff6ff;border-color:#dbeafe;color:#2563eb}.sh-meta-content{display:flex;flex-direction:column;min-width:0}.sh-meta-title-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sh-meta-title-bold{font-size:13px;font-weight:700;color:var(--sh-text-primary)}.sh-meta-sub,.sh-meta-title-bold{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sh-meta-sub{font-size:11px;color:var(--sh-text-secondary);margin-top:2px;display:flex;align-items:center;gap:3px}.sh-detail-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;width:100%;box-sizing:border-box}.sh-card-section,.sh-reconcile-card{background:#ffffff;border:1px solid var(--sh-border-card);border-radius:var(--sh-radius-md);padding:16px;box-sizing:border-box;display:flex;flex-direction:column;box-shadow:var(--sh-shadow-sm);transition:box-shadow .2s}.sh-card-section:hover,.sh-reconcile-card:hover{box-shadow:var(--sh-shadow-md)}.sh-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;box-sizing:border-box}.sh-card-header-left{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--sh-text-primary)}.sh-card-header-left i{color:var(--sh-primary);font-size:18px}.sh-card-header-badge,.sh-reconcile-pill{background:var(--sh-primary-light);color:var(--sh-primary);border:1px solid var(--sh-primary-border);font-size:11px;font-weight:600;padding:2px 8px;border-radius:12px}.sh-metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;box-sizing:border-box}.sh-metric-box{border-radius:var(--sh-radius-sm);padding:10px 12px;display:flex;flex-direction:column;border:1px solid #e2e8f0;background:#ffffff;min-width:0;box-sizing:border-box;transition:transform .15s ease,border-color .15s ease}.sh-metric-box:hover{transform:translateY(-2px);border-color:var(--sh-primary-border)}.sh-metric-box.orange-theme{background:var(--sh-primary-light);border-color:var(--sh-primary-border)}.sh-metric-box.green-theme{background:var(--sh-status-green-bg);border-color:var(--sh-status-green-border)}.sh-metric-box.red-theme{background:var(--sh-status-red-bg);border-color:var(--sh-status-red-border)}.sh-metric-box.sky-theme{background:#f0f9ff;border-color:#bae6fd}.sh-metric-box.amber-theme{background:#fffbeb;border-color:#fde68a}.sh-metric-box.neutral-theme{background:#f8fafc;border-color:#e2e8f0}.sh-metric-box-top{display:flex;align-items:center;gap:6px;margin-bottom:6px;min-width:0}.sh-metric-icon{width:26px;height:26px;border-radius:7px;flex-shrink:0;box-shadow:0 1px 3px rgba(0,0,0,.12)}.sh-metric-icon,.sh-metric-icon .anticon{display:flex;align-items:center;justify-content:center;font-size:14px}.sh-metric-icon .anticon{color:#ffffff!important}.orange-theme .sh-metric-icon{background:var(--sh-primary);color:#fff}.green-theme .sh-metric-icon{background:var(--sh-status-green);color:#fff}.red-theme .sh-metric-icon{background:var(--sh-status-red);color:#fff}.sky-theme .sh-metric-icon{background:#0284c7;color:#fff}.amber-theme .sh-metric-icon{background:#d97706;color:#fff}.neutral-theme .sh-metric-icon{background:#475569;color:#fff}.sh-metric-label{font-size:11px;color:var(--sh-text-secondary);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sh-metric-val{font-size:clamp(14px,2vw,17px);font-weight:800;color:var(--sh-text-primary);line-height:1.25;overflow-wrap:anywhere;word-break:break-word}.orange-theme .sh-metric-val{color:var(--sh-primary-hover)}.green-theme .sh-metric-val{color:var(--sh-status-green)}.red-theme .sh-metric-val{color:var(--sh-status-red)}.sky-theme .sh-metric-val{color:#0369a1}.amber-theme .sh-metric-val{color:#b45309}.sh-metric-desc{font-size:10px;color:var(--sh-text-muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sh-diff-box{border-radius:var(--sh-radius-md);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;box-sizing:border-box}.sh-diff-box.diff-matched{background:var(--sh-status-green-bg);border:1px solid var(--sh-status-green-border)}.sh-diff-box.diff-surplus{background:var(--sh-primary-light);border:1px solid var(--sh-primary-border)}.sh-diff-box.diff-shortage{background:var(--sh-status-red-bg);border:1px solid var(--sh-status-red-border)}.sh-diff-left{display:flex;align-items:center;gap:10px;min-width:0}.sh-diff-circle-icon{width:38px;height:38px;border-radius:50%;font-size:20px;flex-shrink:0;box-shadow:0 2px 6px rgba(0,0,0,.1)}.sh-diff-circle-icon,.sh-diff-circle-icon .anticon{display:flex;align-items:center;justify-content:center}.sh-diff-circle-icon .anticon{color:#ffffff!important;font-size:22px}.diff-matched .sh-diff-circle-icon{background:var(--sh-status-green);color:#fff}.diff-surplus .sh-diff-circle-icon{background:var(--sh-primary);color:#fff}.diff-shortage .sh-diff-circle-icon{background:var(--sh-status-red);color:#fff}.sh-diff-info-col{display:flex;flex-direction:column;min-width:0}.sh-diff-title{font-size:11px;color:var(--sh-text-secondary);font-weight:500}.sh-diff-value{font-size:clamp(16px,2.5vw,20px);font-weight:800;line-height:1.2}.diff-matched .sh-diff-value{color:var(--sh-status-green)}.diff-surplus .sh-diff-value{color:var(--sh-primary-hover)}.diff-shortage .sh-diff-value{color:var(--sh-status-red)}.sh-diff-status-badge{font-size:11px;font-weight:700;padding:3px 8px;border-radius:12px;white-space:nowrap}.diff-matched .sh-diff-status-badge{background:#dcfce7;color:#166534;border:1px solid #86efac}.diff-surplus .sh-diff-status-badge{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.diff-shortage .sh-diff-status-badge{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.sh-calc-list{display:flex;flex-direction:column;gap:10px;width:100%;box-sizing:border-box}.sh-calc-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--sh-text-secondary);gap:8px}.sh-calc-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sh-calc-val{color:var(--sh-text-primary);font-weight:600;white-space:nowrap}.sh-calc-row.text-income .sh-calc-val{color:var(--sh-status-green)}.sh-calc-row.text-expense .sh-calc-val{color:var(--sh-status-red)}.sh-calc-divider{height:1px;background:var(--sh-border-card);margin:4px 0}.sh-calc-row.total-row{padding-top:4px}.sh-calc-total-label-group{display:flex;flex-direction:column}.sh-calc-total-title{font-size:13px;font-weight:700;color:var(--sh-text-primary)}.sh-calc-total-sub{font-size:10px;color:var(--sh-text-muted)}.sh-calc-total-val{font-size:16px;font-weight:800;color:var(--sh-primary-hover);white-space:nowrap}.sh-detail-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:14px;border-top:1px solid var(--sh-border-card);margin-top:10px;flex-shrink:0;box-sizing:border-box}.sh-btn-secondary{height:40px;padding:0 18px;border-radius:var(--sh-radius-sm);border:1px solid #cbd5e1;background:#ffffff;color:var(--sh-text-secondary);font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.sh-btn-secondary:hover{background:#f8fafc;color:var(--sh-text-primary);border-color:#94a3b8}.sh-btn-secondary:active{transform:scale(.98)}.sh-btn-primary-orange{height:40px;padding:0 20px;border-radius:var(--sh-radius-sm);border:none;background:var(--sh-primary-gradient);color:#ffffff;font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 4px 12px rgba(249,115,22,.25);transition:all .2s ease}.sh-btn-primary-orange:hover{background:linear-gradient(135deg,#ea580c,#c2410c);box-shadow:0 6px 16px rgba(249,115,22,.35)}.sh-btn-primary-orange:active{transform:scale(.98)}@media (min-width:768px) and (max-width:1024px){.shift-handover-modal.sh-detail-modal .ant-modal,.shift-handover-modal.sh-list-modal .ant-modal{max-width:calc(100vw - 32px)!important;width:calc(100vw - 32px)!important}.sh-detail-layout{grid-template-columns:1fr}.sh-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.shift-handover-modal .ant-modal,.shift-handover-modal.sh-detail-modal .ant-modal,.shift-handover-modal.sh-list-modal .ant-modal{max-width:calc(100% - 16px)!important;width:calc(100% - 16px)!important;margin:8px auto!important;padding:0!important;top:8px!important}.shift-handover-modal .ant-modal-content{padding:14px 12px!important;border-radius:var(--sh-radius-md)!important;max-height:calc(96dvh - 16px)}.sh-modal-inner-container{max-height:calc(96dvh - 40px)}.sh-modal-header{padding-bottom:10px}.sh-doc-icon-wrap{width:36px;height:36px;font-size:18px}.sh-modal-subtitle{display:none}.sh-meta-bar{grid-template-columns:1fr;gap:10px;padding:10px 12px}.sh-meta-icon-box{width:32px;height:32px;font-size:16px}.sh-detail-layout{grid-template-columns:1fr;gap:12px}.sh-card-section,.sh-reconcile-card{padding:12px}.sh-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sh-filter-grid{grid-template-columns:1fr;gap:10px}.sh-filter-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sh-btn-filter-apply,.sh-btn-filter-reset{width:100%;justify-content:center}.sh-detail-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;padding-top:10px;padding-bottom:max(6px,env(safe-area-inset-bottom))}.sh-btn-primary-orange,.sh-btn-secondary{width:100%;height:40px}}@media (max-width:350px){.shift-handover-modal .ant-modal{max-width:calc(100% - 8px)!important;width:calc(100% - 8px)!important;margin:4px auto!important}.shift-handover-modal .ant-modal-content{padding:10px 8px!important}.sh-modal-title{font-size:15px}.sh-badge-closed,.sh-badge-opened{font-size:10px;padding:1px 5px}.sh-metrics-grid{gap:6px}.sh-card-metrics-grid,.sh-metrics-grid{grid-template-columns:1fr!important}.sh-date-range-wrap{flex-direction:column;gap:4px}.sh-date-sep{display:none}.sh-detail-footer{grid-template-columns:1fr}}@media (max-height:500px) and (orientation:landscape){.shift-handover-modal .ant-modal{top:4px!important;margin:4px auto!important;max-height:calc(100dvh - 8px)}.shift-handover-modal .ant-modal-content{padding:10px 14px!important;max-height:calc(100dvh - 8px)!important}.sh-modal-inner-container{max-height:calc(100dvh - 28px)}.sh-modal-header{padding-bottom:8px}.sh-doc-icon-wrap{width:30px;height:30px;font-size:16px}.sh-modal-title{font-size:15px}.sh-meta-bar{grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:6px 10px;margin-top:6px;margin-bottom:8px;gap:8px}.sh-detail-layout{grid-template-columns:1.2fr 1fr;gap:10px}.sh-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px}.sh-metric-box{padding:6px 8px}.sh-metric-val{font-size:13px}.sh-diff-box{padding:8px 10px;margin-bottom:8px}.sh-calc-list{gap:6px}.sh-detail-footer{padding-top:8px;margin-top:6px}.sh-btn-primary-orange,.sh-btn-secondary{height:34px;font-size:12px}}.sh-header-print-btn{height:32px;padding:0 12px;border-radius:var(--sh-radius-sm);border:1px solid var(--sh-primary-border);background:var(--sh-primary-light);color:var(--sh-primary-hover);font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.sh-header-print-btn:hover{background:var(--sh-primary);color:#ffffff;border-color:var(--sh-primary)}.sh-btn-primary-print{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--sh-primary-gradient);color:#FFFFFF;border:none;border-radius:var(--sh-radius-sm);padding:9px 18px;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 2px 8px rgba(249,115,22,.28);transition:all .2s ease}.sh-btn-primary-print:hover{opacity:.95;box-shadow:0 4px 14px rgba(249,115,22,.38);transform:translateY(-1px)}.sh-btn-primary-print:active{transform:translateY(0)}.sh-receipt-modal .ant-modal-content{padding:0!important;border-radius:var(--sh-radius-md)!important;overflow:hidden}.sh-thermal-paper{max-width:380px;margin:0 auto;background:#FFFFFF;border:1px dashed #cbd5e1;border-radius:8px;padding:16px 14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Courier New,monospace;color:#0F172A;line-height:1.45;box-shadow:0 4px 16px rgba(44,36,32,.06)}.sh-thermal-header{text-align:center;margin-bottom:10px}.sh-thermal-brand{font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;color:#1E293B}.sh-thermal-branch{font-size:11px;color:#64748B;margin-top:2px}.sh-thermal-title{font-size:13px;font-weight:800;text-transform:uppercase;color:#EA580C;margin-top:6px;letter-spacing:.3px}.sh-thermal-meta{font-size:11px;color:#475569;margin-top:2px}.sh-thermal-dashed{border-bottom:1px dashed #cbd5e1;margin:8px 0}.sh-thermal-section-title{font-size:11px;font-weight:800;text-transform:uppercase;color:#EA580C;margin:6px 0 4px;letter-spacing:.3px}.sh-thermal-rows{display:flex;flex-direction:column;gap:3px}.sh-thermal-row{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;color:#334155}.sh-thermal-row-highlight{font-size:12.5px;font-weight:800;color:#0F172A}.sh-thermal-diff-box{display:flex;justify-content:space-between;align-items:center;padding:5px 8px;border-radius:4px;margin-top:5px;font-weight:800;font-size:12px}.sh-thermal-diff-box.matched{background:#F0FDF4;color:#16A34A}.sh-thermal-diff-box.surplus{background:#FFF7ED;color:#EA580C}.sh-thermal-diff-box.shortage{background:#FEF2F2;color:#DC2626}.sh-thermal-signatures{display:flex;justify-content:space-between;text-align:center;margin-top:14px;margin-bottom:6px}.sh-thermal-sig-col{width:48%}.sh-thermal-sig-title{font-size:11px;font-weight:700;color:#1E293B}.sh-thermal-sig-sub{font-size:9.5px;font-style:italic;color:#64748B}.sh-thermal-sig-space{height:38px}.sh-thermal-sig-name{font-size:11px;font-weight:600;color:#0F172A}.sh-thermal-footer{text-align:center;font-size:9.5px;color:#94A3B8;font-style:italic;margin-top:10px;padding-top:6px;border-top:1px dashed #e2e8f0;line-height:1.4}:root{--header-primary:#5c71b6;--header-primary-hover:#485c9e;--header-dark:#1c295d;--header-bg:#ffffff;--header-border:#e2e8f0;--header-text-main:#1e293b;--header-text-muted:#64748b;--header-height:60px;--header-height-mobile:54px}.app-header-container{display:flex;justify-content:space-between;align-items:center;width:100%;height:var(--header-height);padding:0 16px;background:var(--header-bg);box-sizing:border-box;border-bottom:1px solid var(--header-border);-webkit-user-select:none;user-select:none;transition:all .2s ease}@media(max-width:768px){.app-header-container{height:56px;padding:0 12px;position:sticky;top:0;z-index:100}}@media(max-height:500px)and (orientation:landscape){.app-header-container{height:44px;padding:0 10px}}.header-left-section{display:flex;align-items:center;min-width:0;flex:1 1 auto;gap:6px}.header-left-section .header-menu-toggle-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;color:#475569;border-radius:10px;transition:background .15s ease,color .15s ease}.header-left-section .header-menu-toggle-btn:hover{background:#f1f5f9;color:var(--header-primary)}.header-left-section .header-menu-toggle-btn:active{transform:scale(.96)}@media(max-width:768px){.header-left-section .header-menu-toggle-btn{width:40px;height:40px;min-width:40px}}.header-left-section .header-home-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;color:var(--header-primary);border-radius:10px}.header-left-section .header-home-btn:hover{background:#f1f5f9}@media(max-width:576px){.header-left-section .header-home-btn{width:32px;height:32px}}@media(max-width:350px){.header-left-section .header-home-btn{display:none}}.header-left-section .header-title-wrapper{display:flex;align-items:center;min-width:0;margin-left:4px}.header-left-section .header-title-wrapper .header-title-text{font-size:16px;font-weight:650;color:var(--header-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px;letter-spacing:-.2px}@media(max-width:1200px){.header-left-section .header-title-wrapper .header-title-text{max-width:200px;font-size:15px}}@media(max-width:992px){.header-left-section .header-title-wrapper .header-title-text{max-width:150px;font-size:14px}}@media(max-width:576px){.header-left-section .header-title-wrapper .header-title-text{max-width:110px;font-size:13.5px}}@media(max-width:380px){.header-left-section .header-title-wrapper .header-title-text{max-width:85px;font-size:13px}}.header-right-section{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;gap:10px}@media(max-width:768px){.header-right-section{gap:6px}}.header-right-section .header-icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--header-border);color:#475569;background:#fff;transition:all .2s ease}.header-right-section .header-icon-btn:hover{color:var(--header-primary);border-color:var(--header-primary);background:#f8fafc}@media(max-width:768px){.header-right-section .header-icon-btn{width:32px;height:32px}}.header-quick-actions{display:flex;align-items:center;gap:8px}@media(max-width:768px){.header-quick-actions{display:none!important}}.header-quick-actions .quick-action-link{text-decoration:none;display:inline-flex;align-items:center}.header-quick-actions .btn-travelclub{background:var(--header-primary);border-color:var(--header-primary);color:#fff;font-weight:500;border-radius:12px;height:36px;padding:0 14px}.header-quick-actions .btn-travelclub:hover{background:var(--header-primary-hover)!important;border-color:var(--header-primary-hover)!important}.header-quick-actions .btn-travelclub .mobile-only-icon{display:none}@media(max-width:1200px){.header-quick-actions .btn-travelclub{display:none!important}}.header-quick-actions .btn-pos-header{background:var(--header-dark);border-color:var(--header-dark);color:#fff;font-weight:650;border-radius:12px;height:36px;padding:0 14px;letter-spacing:.5px}.header-quick-actions .btn-pos-header:hover{opacity:.9}@media(max-width:768px){.header-quick-actions .btn-pos-header{height:32px;padding:0 10px;font-size:12px}}.header-quick-actions .btn-create-order-header{background:linear-gradient(135deg,#F97316,#EA580C)!important;border-color:#ea580c!important;color:#fff!important;font-weight:700;border-radius:12px;height:36px;padding:0 14px;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 8px rgba(234,88,12,.25);transition:all .2s ease}.header-quick-actions .btn-create-order-header:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 4px 12px rgba(234,88,12,.35)}@media(max-width:1024px){.header-quick-actions .btn-create-order-header{height:34px;padding:0 10px;font-size:12.5px}}@media(max-width:768px){.header-quick-actions .btn-create-order-header{display:none!important}}.header-quick-actions .btn-add-service{border-radius:12px;height:36px;font-weight:500;border-color:var(--header-border)}@media(max-width:1200px){.header-quick-actions .btn-add-service{display:none!important}}.header-quick-actions .btn-guide{border-radius:12px;height:36px;font-weight:500;border-color:var(--header-border)}@media(max-width:1200px){.header-quick-actions .btn-guide{display:none!important}}.header-quick-actions .mobile-more-actions{display:none}@media(max-width:1200px){.header-quick-actions .mobile-more-actions{display:inline-flex!important;align-items:center}}@media(max-width:768px){.header-quick-actions .mobile-more-actions{display:none!important}}.header-branch-wrapper{display:flex;align-items:center}.header-branch-wrapper .mobile-branch-pill-wrap{display:none}@media(max-width:768px){.header-branch-wrapper .mobile-branch-pill-wrap{display:flex;align-items:center}}.header-branch-wrapper .mobile-branch-pill-btn{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 8px;background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;cursor:pointer;transition:all .2s}.header-branch-wrapper .mobile-branch-pill-btn:active{transform:scale(.96);background:#ffedd5}.header-branch-wrapper .mobile-branch-pill-btn .mobile-branch-pill-text{font-size:11.5px;font-weight:600;color:#ea580c;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:360px){.header-branch-wrapper .mobile-branch-pill-btn .mobile-branch-pill-text{max-width:55px;font-size:11px}}.header-branch-wrapper .desktop-branch-select-wrap{display:flex;align-items:center}@media(max-width:768px){.header-branch-wrapper .desktop-branch-select-wrap{display:none}}.header-branch-wrapper .header-branch-select{min-width:130px;max-width:200px}.header-branch-wrapper .header-branch-select .ant-select-selector{border-radius:12px!important;height:36px!important;display:flex;align-items:center;border-color:var(--header-border)!important;font-weight:500;color:#334155}@media(max-width:1024px){.header-branch-wrapper .header-branch-select{min-width:100px;max-width:140px}}.header-user-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:20px!important;height:36px!important;padding:0 12px 0 6px!important;border:1px solid var(--header-border)!important;background:#fff!important;gap:8px!important;transition:all .2s ease!important}.header-user-btn:hover{border-color:var(--header-primary)!important;background:#f8fafc!important}.header-user-btn .img-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;flex-shrink:0}.header-user-btn .user-name-text{font-size:13px;font-weight:500;color:var(--header-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}@media(max-width:1100px){.header-user-btn .user-name-text{max-width:80px}}@media(max-width:768px){.header-user-btn .user-name-text{display:none}.header-user-btn{width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;border-radius:50%!important}.header-user-btn .img-avatar{width:30px;height:30px}}.header-notify-popover .ant-popover-inner{padding:0;border-radius:16px;overflow:hidden;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.05)}.header-notify-popover .ant-popover-title{padding:12px 16px;margin:0;border-bottom:1px solid #f1f5f9}.header-notify-title-bar{display:flex;justify-content:space-between;align-items:center;width:100%}.header-notify-title-bar .notify-title-text{font-size:14px;font-weight:650;color:var(--header-text-main)}.header-notify-title-bar .notify-mute-toggle{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 8px;border-radius:8px;font-size:12px;color:#475569}.header-notify-title-bar .notify-mute-toggle:hover{background:#f1f5f9}.header-notify-popup{width:320px;max-width:calc(100vw - 24px)}.header-notify-popup.empty .empty-text{padding:24px 16px;text-align:center;color:#94a3b8;font-size:13px}.header-notify-popup .header-notify-top{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-bottom:1px solid #f8fafc;background:#fcfdfd}.header-notify-popup .header-notify-top .notify-top-title{font-size:12px;color:#94a3b8;font-weight:500}.header-notify-popup .header-notify-top .notify-clear-all-btn{padding:0;height:auto;font-size:12px;color:var(--header-primary)}.header-notify-popup .header-notify-list{max-height:300px;overflow-y:auto;padding:4px 0}.header-notify-popup .header-notify-list .notify-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid #f8fafc;gap:10px;transition:background .15s ease}.header-notify-popup .header-notify-list .notify-item:hover{background:#f8fafc}.header-notify-popup .header-notify-list .notify-item .notify-item-content{display:flex;flex-direction:column;flex:1 1;min-width:0}.header-notify-popup .header-notify-list .notify-item .notify-item-content .notify-item-text{font-size:13px;font-weight:600;color:#334155;line-height:1.4;word-break:break-word}.header-notify-popup .header-notify-list .notify-item .notify-item-content .notify-item-time{font-size:11px;color:#94a3b8;margin-top:3px}.header-notify-popup .header-notify-list .notify-item .notify-action-btn{border-radius:8px;font-size:11px;font-weight:500;height:26px;padding:0 10px}.header-notify-popup .header-notify-list .notify-item .notify-action-btn.call-btn{background:#10b981;border-color:#10b981;color:#fff}.header-notify-popup .header-notify-list .notify-item .notify-action-btn.call-btn:hover{background:#059669!important;border-color:#059669!important}.header-notify-popup .header-notify-list .notify-item .notify-action-btn.close-btn{background:#f1f5f9;border-color:#e2e8f0;color:#475569}.header-notify-popup .header-notify-list .notify-item .notify-action-btn.close-btn:hover{background:#e2e8f0!important;color:#1e293b!important}.header .agency-info{height:40px;margin-right:1rem}.header .agency-info .agency-number{font-weight:500;font-size:16px}.header .agency-info .nv-phutrach{font-size:12px}.header .agency-info p{line-height:20px;margin-bottom:0}.header .item-menu-icon-header{height:30px;width:30px;display:flex;justify-content:center;align-items:center}.header .item-menu-icon-header .quantity_cart{height:16px;width:fit-content;padding:1px 5px;font-weight:600;margin-left:10px;display:flex;align-items:center;color:#fff}.header .img-avatar{height:24px;width:24px;border-radius:50%}