.custom-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:99999;background:#0f172a73;justify-content:center;align-items:center;padding:16px;animation:.18s ease-out cmodalFadeIn;display:flex;position:fixed;inset:0}@keyframes cmodalFadeIn{0%{opacity:0}to{opacity:1}}.custom-modal-card{text-align:center;background:#fff;border-radius:14px;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:24px;animation:.2s cubic-bezier(.16,1,.3,1) cmodalScaleIn;display:flex;position:relative;box-shadow:0 20px 45px -10px #00000040,0 0 0 1px #0000000f}@keyframes cmodalScaleIn{0%{opacity:0;transform:scale(.93)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.custom-modal-icon-wrap{margin-bottom:14px}.cmodal-icon{border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .15s;display:flex}.cmodal-icon svg{width:26px;height:26px}.cmodal-icon.danger{color:#ef4444;background:#fef2f2;border:1px solid #fee2e2}.cmodal-icon.warning{color:#f59e0b;background:#fffbeb;border:1px solid #fef3c7}.cmodal-icon.info{color:#0284c7;background:#f0f9ff;border:1px solid #e0f2fe}.cmodal-icon.success{color:#10b981;background:#ecfdf5;border:1px solid #d1fae5}.custom-modal-body{width:100%;margin-bottom:22px}.custom-modal-title{color:#1e293b;letter-spacing:-.01em;margin:0 0 8px;font-size:16px;font-weight:700}.custom-modal-message{color:#64748b;word-break:break-word;margin:0;font-size:13.5px;line-height:1.5}.custom-modal-actions{justify-content:center;gap:10px;width:100%;display:flex}.cmodal-btn{cursor:pointer;border:none;border-radius:8px;outline:none;flex:1;padding:9px 16px;font-size:13px;font-weight:600;transition:all .14s}.cmodal-btn.cancel{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.cmodal-btn.cancel:hover{color:#1e293b;background:#e2e8f0}.cmodal-btn.confirm.danger{color:#fff;background:#ef4444}.cmodal-btn.confirm.danger:hover{background:#dc2626;box-shadow:0 4px 12px #ef444440}.cmodal-btn.confirm.warning{color:#fff;background:#f59e0b}.cmodal-btn.confirm.warning:hover{background:#d97706;box-shadow:0 4px 12px #f59e0b40}.cmodal-btn.confirm.info{color:#fff;background:#1677ff}.cmodal-btn.confirm.info:hover{background:#0958d9;box-shadow:0 4px 12px #1677ff40}.cmodal-btn.confirm.success{color:#fff;background:#10b981}.cmodal-btn.confirm.success:hover{background:#059669;box-shadow:0 4px 12px #10b98140}.online-bar{background:#fff;border-bottom:1px solid #e8e8e8;flex-shrink:0;align-items:center;gap:24px;min-height:44px;padding:6px 16px;display:flex;overflow-x:auto}.ob-section{flex-shrink:0;align-items:center;gap:12px;display:flex}.ob-offline-section{opacity:.6}.ob-label{color:#999;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.ob-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.ob-dot.online{background:#22c55e;box-shadow:0 0 6px #22c55e80}.ob-dot.offline{background:#475569}.ob-avatars{align-items:center;gap:10px;display:flex}.ob-avatar-wrap{cursor:default;flex-direction:column;align-items:center;gap:3px;display:flex;position:relative}.ob-avatar{object-fit:cover;border:2px solid #fff;border-radius:50%;width:32px;height:32px;box-shadow:0 1px 2px #0000000f}.ob-avatar.offline{filter:grayscale();opacity:.5}.ob-avatar-letter{color:#fff;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.ob-status-dot{border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;bottom:18px;right:-1px}.ob-status-dot.online{background:#16a34a}.ob-status-dot.offline{background:#94a3b8}.ob-name{color:#475569;white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:58px;font-size:11px;font-weight:500;overflow:hidden}.ob-name.offline{color:#94a3b8}.ob-you{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:4px;padding:1px 4px;font-size:9px;font-weight:700}.ob-none{color:#94a3b8;font-size:12px}.toast-container{z-index:9999;pointer-events:none;flex-direction:column-reverse;gap:12px;max-width:400px;display:flex;position:fixed;bottom:24px;right:24px}.toast-card{pointer-events:all;opacity:0;background:#fff;border:1px solid #e2e8f0;border-left:4px solid #1677ff;border-radius:8px;align-items:center;gap:12px;width:360px;padding:12px 16px;transition:opacity .25s,transform .25s;display:flex;transform:translate(40px);box-shadow:0 10px 25px -5px #0f172a1a,0 8px 10px -6px #0f172a0d}.toast-card.visible{opacity:1;transform:translate(0)}.toast-icon-wrap{background:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.toast-body{flex:1;min-width:0}.toast-title{color:#1e293b;margin-bottom:2px;font-size:13px;font-weight:600;line-height:1.3}.toast-msg{color:#64748b;word-break:break-all;font-size:12px;line-height:1.4}.toast-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.toast-accept{color:#fff;cursor:pointer;white-space:nowrap;background:#1677ff;border:1px solid #1677ff;border-radius:4px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .15s}.toast-accept:hover{background:#4096ff;border-color:#4096ff}.toast-dismiss{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;font-size:14px;line-height:1;transition:all .15s;display:flex}.toast-dismiss:hover{color:#334155;background:#f1f5f9}.toast-persistent{border-left:4px solid #fa8c16;box-shadow:0 12px 30px -4px #fa8c1626,0 8px 12px -6px #0f172a14}.toast-live-badge{color:#fa8c16;vertical-align:middle;background:#fff7e6;border:1px solid #ffd591;border-radius:10px;margin-left:6px;padding:1px 6px;font-size:10.5px;font-weight:600;display:inline-block}.login-root{background:#f1f5f9;justify-content:center;align-items:center;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;position:relative;overflow:hidden}.login-bg-glow{pointer-events:none;filter:blur(100px);opacity:.45;border-radius:50%;width:500px;height:500px;position:absolute}.glow-top{background:radial-gradient(circle,#bae0ff 0%,#fff0 70%);top:-150px;right:-100px}.glow-bottom{background:radial-gradient(circle,#dbeafe 0%,#fff0 70%);bottom:-150px;left:-100px}.login-card{z-index:2;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;align-items:center;width:380px;max-width:90vw;padding:44px 38px 36px;display:flex;position:relative;box-shadow:0 20px 45px -10px #0f172a14,0 10px 20px -5px #0f172a0a}.login-header{flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.login-brand-icon{background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:12px;display:flex;box-shadow:0 4px 10px #1677ff14}.login-brand-title{align-items:center;gap:8px;margin-bottom:6px;display:flex}.brand-name{color:#0f172a;letter-spacing:-.5px;font-size:22px;font-weight:800}.brand-tag{color:#1677ff;letter-spacing:.5px;background:#eff6ff;border:1px solid #bae0ff;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:700}.login-sub{color:#64748b;text-align:center;margin:0;font-size:12.5px}.login-form{flex-direction:column;gap:14px;width:100%;display:flex}.input-field-wrap{align-items:center;width:100%;display:flex;position:relative}.field-icon{pointer-events:none;z-index:3;justify-content:center;align-items:center;display:flex;position:absolute;left:14px}.login-input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:12px 14px 12px 40px;font-size:13.5px;transition:all .15s}.login-input.with-toggle{padding-right:42px}.login-input:hover{border-color:#94a3b8}.login-input:focus{background:#fff;border-color:#1677ff;box-shadow:0 0 0 3px #1677ff1f}.login-input:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9}.pwd-toggle-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:opacity .15s;display:flex;position:absolute;right:10px}.pwd-toggle-btn:hover{opacity:.7}.login-caps-hint{color:#b45309;background:#fffbeb;border:1px solid #fef3c7;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:11.5px;display:flex}.login-error{color:#dc2626;box-sizing:border-box;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;line-height:1.4;animation:.3s shakeAlert;display:flex}@keyframes shakeAlert{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.login-lockout-bar{color:#cf1322;text-align:center;background:#fff1f0;border:1px solid #ffa39e;border-radius:6px;padding:8px 12px;font-size:12px;font-weight:500}.login-btn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;margin-top:6px;padding:12px;font-size:14px;font-weight:600;transition:all .15s;display:flex;box-shadow:0 4px 12px #0f172a26}.login-btn:hover:not(:disabled){background:#1e293b;box-shadow:0 6px 16px #0f172a33}.login-btn:active:not(:disabled){transform:translateY(1px)}.login-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn-loading-wrap{align-items:center;gap:8px;display:inline-flex}.btn-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spinBtn}@keyframes spinBtn{to{transform:rotate(360deg)}}.login-download-section{justify-content:center;width:100%;margin-top:18px;display:flex}.download-app-link{color:#1677ff;background:#f0f7ff;border:1px solid #bae0ff;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.download-app-link:hover{color:#0958d9;background:#e6f4ff;border-color:#91caff;transform:translateY(-1px)}.login-security-notice{color:#94a3b8;text-align:center;border-top:1px solid #f1f5f9;justify-content:center;align-items:center;gap:6px;margin-top:20px;padding-top:16px;font-size:11px;display:flex}.chat-card-container{background:#fff;border-radius:8px;height:100%;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000a}.chat-sessions-pane{background:#fff;border-right:1px solid #f0f0f0;flex-direction:column;width:250px;min-width:250px;display:flex}.sessions-search-row{background:#fff;border-bottom:1px solid #f0f0f0;align-items:center;padding:10px 12px;display:flex;position:relative}.sessions-search-input{background:#fafafa;border:1px solid #d9d9d9;border-radius:6px;outline:none;flex:1;padding:6px 28px 6px 10px;font-size:13px;transition:all .2s cubic-bezier(.16,1,.3,1)}.sessions-search-input:focus{background:#fff;border-color:#1677ff;box-shadow:0 0 0 2px #1677ff1a}.sessions-search-clear{color:#bfbfbf;cursor:pointer;background:0 0;border:none;padding:4px;font-size:12px;line-height:1;position:absolute;right:20px}.sessions-search-clear:hover{color:#595959}.sessions-scroll-list{flex:1;overflow-y:auto}.sessions-empty-tip{text-align:center;color:#8c8c8c;padding:24px;font-size:13px}.session-row-item{cursor:pointer;border-bottom:1px solid #fafafa;align-items:center;gap:10px;padding:10px 12px;transition:background .12s;display:flex}.session-row-item:hover{background:#f5f5f5}.session-row-item.active{background:#e2e8f0}.session-avatar-square{color:#fff;background:#8c8c8c;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex;overflow:hidden}.session-avatar-photo{object-fit:cover;width:100%;height:100%;display:block}.ch-avatar-photo{object-fit:cover;vertical-align:middle;border:1px solid #e2e8f0;border-radius:50%;width:28px;height:28px;margin-right:8px;display:inline-block}.session-text-info{flex:1;min-width:0}.session-uid-row{justify-content:space-between;align-items:center;margin-bottom:1px;display:flex}.session-uid-text{color:#262626;font-size:13px;font-weight:600}.session-time-text{color:#bfbfbf;font-size:11px}.session-row-item.active .session-uid-text{color:#0f172a}.session-user-row{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.session-username-text{color:#595959;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.session-row-item.active .session-username-text{color:#1e293b;font-weight:500}.session-unread-badge{color:#fff;text-align:center;background:#ff4d4f;border-radius:10px;min-width:16px;padding:0 5px;font-size:10px;font-weight:700;line-height:15px;box-shadow:0 1px 2px #ff4d4f4d}.session-last-msg-text{color:#8c8c8c;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.session-row-item.active .session-last-msg-text{color:#475569}.status-open-tag{color:#fa8c16;font-weight:700}.chat-main-pane{background:#fff;flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-pane-header{background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:8px 18px;display:flex}.ch-info{align-items:center;gap:10px;display:flex}.ch-title{color:#262626;font-size:14px;font-weight:600}.ch-subid{color:#8c8c8c;font-size:12px}.ch-status-pill{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500}.ch-status-pill.claimed{color:#52c41a;background:#f6ffed;border:1px solid #b7eb8f}.ch-status-pill.open{color:#fa8c16;background:#fffbe6;border:1px solid #ffe58f}.ch-status-pill.closed{color:#8c8c8c;background:#f5f5f5;border:1px solid #d9d9d9}.ch-btns-right{align-items:center;gap:8px;display:flex}.ch-act-btn{cursor:pointer;border:1px solid #0000;border-radius:4px;padding:4px 12px;font-size:12px;font-weight:500}.ch-act-btn.claim{color:#fff;background:#1677ff;border:none}.ch-act-btn.transfer{color:#595959;background:#fff;border:1px solid #d9d9d9}.ch-act-btn.close{color:#ff4d4f;background:#fff1f0;border:1px solid #ffa39e}.ch-act-btn.profile{color:#595959;background:#f5f5f5;border:1px solid #d9d9d9}.chat-readonly-bar{color:#d48806;text-align:center;background:#fffbe6;border-bottom:1px solid #ffe58f;padding:6px 16px;font-size:12px}.chat-content-split{background:#fff;flex:1;display:flex;overflow:hidden}.messages-scroll-area{background:#fff;flex-direction:column;flex:1;gap:16px;padding:16px 20px;display:flex;overflow-y:auto}.msg-loading-tip,.msg-loading-wrap{color:#8c8c8c;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px 0;font-size:13px;animation:.2s screenFadeIn;display:flex}.msg-empty-tip{text-align:center;color:#8c8c8c;padding:24px 0;font-size:13px}.msg-system-line{text-align:center}.msg-system-line span{color:#8c8c8c;background:#f5f5f5;border-radius:10px;padding:2px 10px;font-size:11px;display:inline-block}.chat-msg-row{gap:10px;max-width:80%;animation:.18s cubic-bezier(.16,1,.3,1) msgSlideUp;display:flex}@keyframes msgSlideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-msg-row.customer{align-self:flex-start}.chat-msg-row.staff{flex-direction:row;align-self:flex-end}.msg-avatar-customer{color:#fff;background:#8c8c8c;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex;overflow:hidden}.msg-avatar-customer .msg-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.msg-avatar-staff{color:#1677ff;background:#e6f4ff;border:1px solid #d9d9d9;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex;overflow:hidden}.msg-avatar-img{object-fit:cover;width:100%;height:100%}.msg-bubble-wrap{flex-direction:column;display:flex}.msg-bubble.bubble-customer{color:#262626;word-break:break-word;background:#fff;border:1px solid #f0f0f0;border-radius:6px;padding:8px 12px;font-size:13px;line-height:1.5;box-shadow:0 1px 2px #0000000d}.msg-bubble.bubble-staff{color:#000;word-break:break-word;background:#95ec69;border-radius:6px;padding:8px 12px;font-size:13px;line-height:1.5}.msg-timestamp-text{color:#8c8c8c;margin-top:4px;font-size:11px}.chat-msg-row.staff .msg-timestamp-text{text-align:right}.msg-bubble-photo{cursor:pointer;border-radius:4px;max-width:180px;max-height:180px;display:block}.chat-profile-drawer{background:#fff;border-left:1px solid #f0f0f0;width:240px;min-width:240px;padding:14px;overflow-y:auto}.profile-drawer-title{color:#262626;margin-bottom:12px;font-size:13px;font-weight:700}.profile-avatar-wrap{color:#fff;background:#1677ff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 8px;font-size:18px;font-weight:700;display:flex;overflow:hidden}.profile-avatar-img{object-fit:cover;width:100%;height:100%}.profile-name-bold{text-align:center;color:#262626;font-size:14px;font-weight:600}.profile-phone-gray{text-align:center;color:#8c8c8c;margin-bottom:12px;font-size:12px}.profile-kpi-grid{border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;justify-content:space-around;margin-bottom:12px;padding:8px 0;display:flex}.kpi-item{text-align:center}.kpi-val{color:#262626;font-size:14px;font-weight:700}.kpi-lbl{color:#8c8c8c;font-size:10px}.profile-info-list{flex-direction:column;gap:8px;display:flex}.info-row{color:#8c8c8c;justify-content:space-between;font-size:12px;display:flex}.info-row span:last-child{color:#262626}.info-row .green{color:#52c41a}.info-row .bold{font-weight:600}.chat-input-container{background:#fff;border-top:1px solid #f0f0f0;padding:6px 14px 10px}.chat-quick-replies-bar{align-items:center;gap:6px;margin-bottom:2px;padding:0 0 5px;display:flex;overflow-x:auto}.chat-quick-replies-bar::-webkit-scrollbar{height:3px}.quick-rep-label{color:#64748b;flex-shrink:0;font-size:11.5px;font-weight:600}.quick-chip-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-shrink:0;padding:2px 10px;font-size:11.5px;transition:all .15s}.quick-chip-btn:hover{color:#1677ff;background:#eff6ff;border-color:#93c5fd}.chat-input-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:6px 10px;transition:all .15s}.chat-input-box:focus-within{background:#fff;border-color:#1677ff;box-shadow:0 0 0 2px #1677ff14}.chat-textarea{resize:none;color:#0f172a;background:0 0;border:none;outline:none;width:100%;min-height:32px;max-height:80px;font-family:inherit;font-size:13px;line-height:1.45}.chat-input-bottom-bar{border-top:1px dashed #e2e8f0;justify-content:flex-end;align-items:center;gap:8px;margin-top:2px;padding-top:4px;display:flex}.chat-attach-icon-btn{cursor:pointer;color:#595959;border-radius:4px;padding:3px 6px;font-size:16px}.chat-attach-icon-btn:hover{background:#f5f5f5}.chat-act-blue-btn{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:4px;justify-content:center;align-items:center;height:26px;padding:2px 10px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.chat-act-blue-btn:hover:not(:disabled){color:#1677ff;border-color:#1677ff}.chat-act-blue-btn.send{color:#fff;background:#1677ff;border:none;padding:2px 14px;font-weight:600}.chat-act-blue-btn.send:hover:not(:disabled){background:#0958d9}.chat-act-blue-btn:disabled{opacity:.5;cursor:not-allowed}.chat-notice-bar{text-align:center;color:#8c8c8c;background:#fff;border-top:1px solid #f0f0f0;justify-content:center;align-items:center;padding:12px 16px;font-size:13px;display:flex}.chat-empty-selection{color:#8c8c8c;background:#fff;flex:1;justify-content:center;align-items:center;font-size:14px;display:flex}.lightbox-overlay{z-index:1000;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-img{object-fit:contain;border-radius:6px;max-width:90%;max-height:90%}.lightbox-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:24px;position:absolute;top:20px;right:20px}.transfer-modal{background:#fff;border-radius:8px;width:380px;overflow:hidden;box-shadow:0 4px 16px #00000026}.tm-header{color:#262626;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.tm-header button{color:#8c8c8c;cursor:pointer;background:0 0;border:none;font-size:16px}.tm-body{flex-direction:column;gap:10px;padding:14px 16px;display:flex}.tm-hint{color:#595959;font-size:13px}.tm-loading{text-align:center;color:#8c8c8c;padding:16px;font-size:13px}.tm-staff-list{flex-direction:column;gap:6px;max-height:240px;display:flex;overflow-y:auto}.tm-staff-item{cursor:pointer;border:1px solid #d9d9d9;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;transition:all .12s;display:flex}.tm-staff-item:hover:not(.offline){background:#f0f7ff;border-color:#1677ff}.tm-staff-item.selected{background:#e6f4ff;border-color:#1677ff}.tm-staff-item.offline{opacity:.5;cursor:not-allowed}.tm-staff-avatar{color:#fff;background:#1677ff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.tm-staff-info{flex:1}.tm-staff-name{color:#262626;font-size:13px;font-weight:600}.tm-staff-user{color:#8c8c8c;font-size:11px}.tm-staff-status{align-items:center;gap:4px;display:flex}.tm-status-dot{border-radius:50%;width:6px;height:6px}.tm-status-lbl{font-size:11px;font-weight:500}.tm-check{color:#1677ff;font-weight:700}.tm-btn{color:#fff;cursor:pointer;background:#1677ff;border:none;border-radius:4px;padding:8px;font-size:13px;font-weight:500}.tm-btn:disabled{opacity:.4;cursor:not-allowed}.el-date-editor-wrapper{display:inline-block;position:relative}.el-date-editor{box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border:1px solid #dcdfe6;border-radius:4px;align-items:center;height:32px;padding:0 10px;transition:border-color .2s,box-shadow .2s;display:inline-flex}.el-date-editor:hover{border-color:#c0c4cc}.el-date-editor.is-active{border-color:#409eff;box-shadow:0 0 0 2px #409eff2e}.el-range-icon{color:#909399;align-items:center;margin-right:8px;font-size:14px;display:inline-flex}.el-range-input{color:#303133;text-align:center;min-width:80px;font-size:13px;display:inline-block}.el-range-input.is-placeholder{color:#c0c4cc}.el-range-separator{color:#303133;-webkit-user-select:none;user-select:none;padding:0 10px;font-size:13px}.el-range-clear-btn{color:#c0c4cc;cursor:pointer;border-radius:50%;margin-left:6px;padding:2px 4px;font-size:11px;transition:color .15s}.el-range-clear-btn:hover{color:#ff4d4f}.el-picker-panel{z-index:2200;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#fff;border:1px solid #e4e7ed;border-radius:4px;width:646px;animation:.15s ease-out picker-fade;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 4px 18px #0000001f}@keyframes picker-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.el-picker-panel__arrow{filter:drop-shadow(0 -1px 1px #00000014);border:6px solid #0000;border-top-width:0;border-bottom-color:#fff;width:0;height:0;position:absolute;top:-6px;left:36px}.el-picker-panel__header-inputs{background:#fff;border-bottom:1px solid #ebeef5;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.el-picker-input-group{flex:1;align-items:center;gap:8px;display:flex}.el-picker-mini-input{color:#606266;box-sizing:border-box;background:#fff;border:1px solid #dcdfe6;border-radius:4px;outline:none;height:30px;padding:0 10px;font-size:13px;line-height:30px;transition:border-color .15s}.el-picker-mini-input:focus{border-color:#409eff}.el-picker-mini-input.date{flex:1;min-width:105px}.el-picker-mini-input.time{flex:none;width:95px}.el-picker-arrow-sep{color:#606266;-webkit-user-select:none;user-select:none;padding:0 2px;font-size:15px}.el-picker-panel__body{box-sizing:border-box;padding:14px 16px;display:flex}.el-date-range-picker__content{box-sizing:border-box;flex:1}.el-date-range-picker__content.is-left{border-right:1px solid #e4e7ed;padding-right:18px}.el-date-range-picker__content.is-right{padding-left:18px}.el-date-range-picker__header{color:#303133;justify-content:space-between;align-items:center;height:32px;margin-bottom:8px;padding:0 4px;font-size:14px;font-weight:500;display:flex}.el-date-range-picker__header-label{color:#303133;font-size:14px;font-weight:600}.el-picker-panel__icon-btn{cursor:pointer;color:#606266;background:0 0;border:none;border-radius:3px;padding:2px 6px;font-size:14px;font-weight:700;transition:color .15s}.el-picker-panel__icon-btn:hover{color:#409eff}.el-date-table{border-collapse:collapse;-webkit-user-select:none;user-select:none;width:100%;font-size:12px}.el-date-table th{color:#606266;text-align:center;border-bottom:1px solid #ebeef5;padding:6px 0;font-size:12px;font-weight:400}.el-date-table td{text-align:center;box-sizing:border-box;cursor:pointer;height:32px;padding:2px 0;position:relative}.el-date-table td span{color:#606266;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12.5px;transition:background-color .12s,color .12s;display:inline-flex}.el-date-table td:hover span{color:#409eff;background-color:#f2f6fc}.el-date-table td.is-today span{font-weight:700;color:#409eff!important}.el-date-table td.prev-month span,.el-date-table td.next-month span{color:#c0c4cc}.el-date-table td.in-range{background-color:#f2f6fc}.el-date-table td.is-selected span{font-weight:600;color:#fff!important;background-color:#409eff!important}.el-picker-panel__footer{background:#fff;border-top:1px solid #ebeef5;justify-content:flex-end;align-items:center;padding:8px 14px;display:flex}.el-picker-clear-link{color:#409eff;cursor:pointer;background:0 0;border:none;margin-right:8px;padding:4px 10px;font-size:12px;transition:color .15s}.el-picker-clear-link:hover{color:#66b1ff;text-decoration:underline}.el-picker-ok-btn{color:#606266;cursor:pointer;background:#fff;border:1px solid #dcdfe6;border-radius:3px;padding:4px 16px;font-size:12px;transition:all .15s}.el-picker-ok-btn:hover{color:#409eff;background-color:#ecf5ff;border-color:#c6e2ff}.orders-root{background:#fff;border-radius:8px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000a}.orders-toolbar{z-index:30;background:#fff;border-bottom:1px solid #f0f0f0;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;display:flex;position:relative}.toolbar-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.filter-pill{color:#595959;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d9d9d9;border-radius:4px;height:32px;padding:4px 14px;font-size:13px;transition:all .15s}.filter-pill:hover{color:#1890ff;border-color:#1890ff}.filter-pill.active{color:#fff;background:#1890ff;border-color:#1890ff}.filter-pill-select{color:#595959;cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:4px;outline:none;height:32px;padding:4px 10px;font-size:13px}.filter-pill-select:focus{border-color:#1890ff}.filter-input-sm{color:#262626;background:#fff;border:1px solid #d9d9d9;border-radius:4px;outline:none;width:140px;height:32px;padding:4px 10px;font-size:13px}.filter-input-sm:focus{border-color:#1890ff}.date-range-box{background:#fff;border:1px solid #d9d9d9;border-radius:4px;align-items:center;gap:6px;height:32px;padding:0 8px;transition:border-color .15s;display:flex}.date-range-box:focus-within{border-color:#1890ff}.date-range-field{color:#262626;cursor:pointer;background:0 0;border:none;outline:none;width:108px;padding:0;font-size:12px}.date-range-arrow{color:#8c8c8c;-webkit-user-select:none;user-select:none;font-size:13px}.date-range-cal-icon{opacity:.6;-webkit-user-select:none;user-select:none;font-size:13px}.date-range-clear{color:#bfbfbf;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:12px}.date-range-clear:hover{color:#ff4d4f}.circle-refresh-btn{color:#1890ff;cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .15s;display:flex}.circle-refresh-btn:hover{background:#f0f7ff;border-color:#1890ff}.pending-outline-btn{color:#1890ff;cursor:pointer;background:#fff;border:1px solid #91caff;border-radius:4px;align-items:center;gap:6px;height:32px;padding:4px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.pending-outline-btn:hover{background:#e6f4ff}.pending-outline-btn.flash{animation:.5s 3 flash-blue}@keyframes flash-blue{0%,to{color:#1890ff;background:#fff}50%{color:#fff;background:#1890ff}}.pending-badge{color:#fff;text-align:center;background:#ff4d4f;border-radius:10px;min-width:18px;padding:1px 6px;font-size:11px;font-weight:700}.orders-table-wrap{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;cursor:grab;background:#fff;flex:1;min-height:0;position:relative;overflow:auto}.orders-table-wrap.is-dragging{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}.orders-table-wrap::-webkit-scrollbar{width:9px;height:10px}.orders-table-wrap::-webkit-scrollbar-track{background:#f0f0f0;border-radius:5px}.orders-table-wrap::-webkit-scrollbar-thumb{background:#8c8c8c;border:2px solid #f0f0f0;border-radius:5px}.orders-table-wrap::-webkit-scrollbar-thumb:hover{background:#595959}.orders-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1540px;font-size:13.5px}.orders-table th{color:#262626;text-align:center;z-index:5;white-space:nowrap;background:#fafafa;border-bottom:1.5px solid #e8e8e8;padding:11px 12px;font-size:13.5px;font-weight:600;position:sticky;top:0}.th-id{text-align:center;width:70px;min-width:70px;max-width:70px;top:0;left:0;z-index:25!important;background:#fafafa!important;position:sticky!important}.td-id{z-index:12;text-align:center;color:#262626;background:#fff;width:70px;min-width:70px;max-width:70px;font-size:13.5px;font-weight:600;left:0;position:sticky!important}.th-uid{text-align:center;width:85px;min-width:85px;max-width:85px;top:0;left:70px;box-shadow:4px 0 8px -3px #00000014;z-index:25!important;background:#fafafa!important;position:sticky!important}.td-uid{z-index:12;text-align:center;background:#fff;width:85px;min-width:85px;max-width:85px;font-size:13.5px;font-weight:700;left:70px;box-shadow:4px 0 8px -3px #00000014;color:#1677ff!important;position:sticky!important}.th-actions{text-align:center;width:170px;min-width:170px;max-width:170px;top:0;right:0;box-shadow:-4px 0 8px -3px #00000014;z-index:25!important;background:#fafafa!important;position:sticky!important}.td-actions{z-index:12;background:#fff;width:170px;min-width:170px;max-width:170px;right:0;box-shadow:-4px 0 8px -3px #00000014;position:sticky!important}.th-order-no,.td-order-no{text-align:left;min-width:175px}.th-cat,.td-cat{text-align:left;min-width:105px;font-size:13.5px}.th-type,.td-type{text-align:center;min-width:90px;font-size:13px}.th-amount,.td-amount{text-align:center;min-width:95px}.th-qty,.td-qty{text-align:center;min-width:60px;font-size:13.5px}.th-settle,.td-settle{text-align:center;min-width:125px}.th-status,.td-status{text-align:center;min-width:95px}.th-staff,.td-staff{text-align:center;min-width:100px}.th-time,.td-time{text-align:center;min-width:125px}.orders-table td{color:#262626;vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:10px 12px;font-size:13.5px}.orders-table tr:hover td{background:#f7f9fc}.orders-table tr:hover .td-id,.orders-table tr:hover .td-uid,.orders-table tr:hover .td-actions{background:#f7f9fc!important}.row-pending td,.row-pending .td-id,.row-pending .td-uid,.row-pending .td-actions{background:#fffbe6!important}.table-loading,.table-empty{text-align:center;color:#64748b;font-size:13.5px;padding:48px 0!important}.table-loading-spinner-wrap{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:13px;animation:.2s screenFadeIn;display:inline-flex}.mono{color:#262626;word-break:break-all;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,monospace;font-size:13px;font-weight:500}.amount-green{color:#52c41a;font-size:14.5px;font-weight:700}.amount-red{color:#ff4d4f;font-size:15px;font-weight:800}.time-stacked{flex-direction:column;align-items:center;font-size:12px;line-height:1.3;display:flex}.time-date{color:#333;font-weight:500}.time-clock{color:#8c8c8c;font-size:11.5px}.time-single{color:#333;font-size:12px}.time-empty{color:#bfbfbf}.action-btns{flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.act-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:4px;justify-content:center;align-items:center;height:28px;padding:0 10px;font-size:12.5px;font-weight:500;transition:all .15s;display:inline-flex}.act-btn:hover{opacity:.88}.act-btn.blue{color:#fff;background:#1890ff}.status-badge{white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;padding:3px 8px;font-size:12px;font-weight:600;display:inline-flex}.status-badge.status-paid{color:#52c41a;background:#f6ffed;border:1px solid #b7eb8f}.status-badge.status-rejected{color:#f5222d;background:#fff1f0;border:1px solid #ffa39e}.status-badge.status-processing{color:#1677ff;background:#e6f4ff;border:1px solid #91caff}.status-badge.status-pending{color:#fa8c16;background:#fffbe6;border:1px solid #ffe58f}.verify-done-tag{color:#52c41a;background:#f6ffed;border:1px solid #b7eb8f;border-radius:4px;align-items:center;height:28px;padding:0 10px;font-size:12.5px;font-weight:500;line-height:1;display:inline-flex}.fail-display-wrap{align-items:center;gap:6px;display:inline-flex}.fail-tag{color:#f5222d;background:#fff1f0;border:1px solid #ffa39e;border-radius:3px;align-items:center;height:24px;padding:2px 7px;font-size:12px;font-weight:400;line-height:1;display:inline-flex}.fail-reason-box{color:#595959;text-overflow:ellipsis;white-space:nowrap;background:#fff;border:1px solid #d9d9d9;border-radius:3px;outline:none;width:140px;height:24px;padding:2px 8px;font-size:12px;overflow:hidden}.act-btn.verify-btn{color:#52c41a;background:#f6ffed;border:1px solid #b7eb8f}.act-btn.fail-btn{color:#f5222d;background:#fff1f0;border:1px solid #ffa39e}.orders-pagination{background:#fff;border-top:1px solid #f0f0f0;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:10px 16px;font-size:13px;display:flex}.pg-total{color:#595959;margin-right:10px}.pg-arrow-btn{color:#595959;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:14px;transition:color .15s}.pg-arrow-btn:hover:not(:disabled){color:#1890ff}.pg-arrow-btn:disabled{opacity:.35;cursor:not-allowed}.pg-num-btn{color:#595959;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;min-width:28px;height:26px;font-size:13px;transition:all .15s;display:inline-flex}.pg-num-btn:hover:not(.active){color:#1890ff}.pg-num-btn.active{color:#1890ff;background:#fff;border-color:#1890ff;font-weight:500}.pg-ellipsis{color:#bfbfbf;padding:0 4px}.pg-size-box{color:#595959;cursor:default;background:#fff;border:1px solid #d9d9d9;border-radius:3px;margin-left:10px;padding:2px 8px;font-size:12px}.modal-box.wide{width:860px}.info-row-bar{background:#f5f5f5;border:1px solid #e8e8e8;border-radius:4px;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:12px;padding:8px 12px;display:flex}.info-bar-label{color:#666;white-space:nowrap;margin-right:8px;font-size:13px}.info-bar-item{background:#fff;border:1px solid #e8e8e8;border-radius:3px;align-items:center;gap:4px;padding:4px 10px;font-size:13px;display:flex}.ibl{color:#999;margin-right:4px}.ibv{color:#333;font-weight:500}.form-row{align-items:center;gap:8px;margin-bottom:10px;display:flex}.form-row.align-top{align-items:flex-start}.form-label{color:#666;white-space:nowrap;text-align:right;min-width:72px;font-size:13px}.form-inline-label{color:#666;white-space:nowrap;font-size:13px}.form-input{color:#333;background:#f9f9f9;border:1px solid #d9d9d9;border-radius:4px;outline:none;flex:1;padding:6px 10px;font-size:13px}.form-input.short{flex:none;width:120px}.form-input.medium{flex:none;width:200px}.form-textarea{color:#333;resize:none;background:#f9f9f9;border:1px solid #d9d9d9;border-radius:4px;outline:none;flex:1;padding:8px 10px;font-family:inherit;font-size:13px}.verify-thumb{object-fit:cover;cursor:zoom-in;border:1px solid #e8e8e8;border-radius:4px;width:80px;height:80px}.verify-thumb-empty{color:#bbb;font-size:12px}.card-imgs-row{flex-wrap:wrap;gap:8px;display:flex}.card-thumb{object-fit:cover;cursor:zoom-in;border:1px solid #e8e8e8;border-radius:4px;width:100px;height:100px;transition:transform .15s}.card-thumb:hover{transform:scale(1.05)}.no-img{color:#bbb;font-size:12px}.modal-mask{z-index:100;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:#fff;border-radius:8px;flex-direction:column;width:580px;max-height:82vh;display:flex;overflow:hidden;box-shadow:0 8px 32px #00000026}.modal-box.small{width:420px}.modal-head{color:#333;border-bottom:1px solid #e8e8e8;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;font-size:15px;font-weight:600;display:flex}.modal-head button{color:#999;cursor:pointer;background:0 0;border:none;font-size:18px}.modal-body{flex-direction:column;gap:8px;padding:16px 20px;display:flex;overflow-y:auto}.detail-row{border-bottom:1px solid #f5f5f5;justify-content:space-between;align-items:flex-start;padding:6px 0;display:flex}.detail-label{color:#999;flex-shrink:0;font-size:13px}.detail-value{color:#333;text-align:right;word-break:break-all;max-width:65%;font-size:13px;font-weight:500}.detail-code{margin-top:4px}.code-box{word-break:break-all;background:#f5f5f5;border-radius:4px;margin-top:4px;padding:8px 12px;font-family:monospace;font-size:12px}.detail-imgs{margin-top:6px}.detail-img-label{color:#999;margin-bottom:6px;font-size:12px}.detail-img-row{flex-wrap:wrap;gap:8px;display:flex}.detail-img{object-fit:cover;cursor:zoom-in;border:1px solid #e8e8e8;border-radius:6px;width:100px;height:100px;transition:transform .15s}.detail-img:hover{transform:scale(1.05)}.audit-radios{gap:10px;margin:10px 0;display:flex}.audit-opt{text-align:center;cursor:pointer;color:#666;border:2px solid #e8e8e8;border-radius:6px;flex:1;padding:10px;font-size:14px;font-weight:600}.audit-opt.sel{color:#1677ff;background:#e6f4ff;border-color:#1677ff}.audit-opt.danger.sel{color:#ff4d4f;background:#fff1f0;border-color:#ff4d4f}.audit-remark{resize:none;box-sizing:border-box;border:1px solid #d9d9d9;border-radius:6px;outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:13px}.audit-remark:focus{border-color:#1677ff}.audit-submit{color:#fff;cursor:pointer;background:#1677ff;border:none;border-radius:6px;width:100%;margin-top:4px;padding:10px;font-size:14px;font-weight:600}.audit-submit.danger{background:#ff4d4f}.audit-submit:disabled{opacity:.5;cursor:not-allowed}.audit-img-section{margin:4px 0}.audit-img-label{color:#999;margin-bottom:6px;font-size:12px}.audit-img-upload{cursor:pointer;display:block}.audit-img-placeholder{color:#bbb;border:2px dashed #d9d9d9;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px;font-size:13px;transition:border-color .15s;display:flex}.audit-img-placeholder:hover{color:#1677ff;border-color:#1677ff}.audit-img-icon{font-size:24px}.audit-img-preview-wrap{display:inline-block;position:relative}.audit-img-preview{object-fit:cover;border:1px solid #e8e8e8;border-radius:6px;width:120px;height:120px;display:block}.audit-img-remove{color:#fff;cursor:pointer;background:#ff4d4f;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;line-height:1;display:flex;position:absolute;top:-8px;right:-8px}.pending-popup-large{background:#fff;border-radius:14px;flex-direction:column;width:min(900px,92vw);max-height:80vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000040}.pp-header{background:#fafafa;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.pp-header-left{align-items:center;gap:10px;display:flex}.pp-title{color:#111;font-size:17px;font-weight:800}.pp-count-badge{color:#fff;background:#fa8c16;border-radius:12px;padding:2px 10px;font-size:13px;font-weight:700}.pp-close{color:#999;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex}.pp-close:hover{color:#333;background:#f0f0f0}.pp-cards-wrap{flex:1;padding:20px 24px;overflow-y:auto}.pp-empty-card{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 0;display:flex}.pp-empty-icon{opacity:.6;font-size:56px}.pp-empty-title{color:#333;font-size:16px;font-weight:700}.pp-empty-sub{color:#999;font-size:13px}.pp-cards-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.pp-order-card{background:#fff;border:1.5px solid #e8e8e8;border-radius:12px;flex-direction:column;gap:14px;padding:18px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.pp-order-card:before{content:"";background:linear-gradient(90deg,#fa8c16,#ffc53d);height:3px;position:absolute;top:0;left:0;right:0}.pp-order-card:hover{border-color:#fa8c16;box-shadow:0 4px 16px #fa8c1626}.pp-card-top{justify-content:space-between;align-items:center;display:flex}.pp-card-cat{color:#111;font-size:15px;font-weight:700}.pp-card-status{color:#fa8c16;background:#fff7e6;border:1px solid #ffd591;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.pp-card-amounts{background:#fafafa;border-radius:8px;align-items:center;gap:10px;padding:12px 14px;display:flex}.pp-card-face,.pp-card-ngn{flex-direction:column;flex:1;gap:2px;display:flex}.pp-card-face-val{color:#52c41a;font-size:20px;font-weight:800}.pp-card-face-lbl{color:#999;font-size:11px}.pp-card-ngn-val{color:#ff4d4f;font-size:20px;font-weight:800}.pp-card-ngn-lbl{color:#999;font-size:11px}.pp-card-arrow{color:#d9d9d9;flex-shrink:0;font-size:18px}.pp-card-details{flex-wrap:wrap;gap:8px;display:flex}.pp-card-detail-item{background:#f5f5f5;border-radius:6px;flex-direction:column;flex:1;gap:2px;min-width:60px;padding:6px 10px;display:flex}.pp-dl{color:#999;font-size:10px}.pp-dv{color:#333;font-size:12px;font-weight:600}.pp-card-footer{border-top:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding-top:4px;display:flex}.pp-card-time{color:#bbb;font-size:11px}.pp-claim-btn{color:#fff;cursor:pointer;background:#1677ff;border:none;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:700;transition:background .15s}.pp-claim-btn:hover:not(:disabled){background:#0958d9}.pp-claim-btn.loading{cursor:not-allowed;background:#91caff}.pp-claim-btn:disabled{opacity:.6;cursor:not-allowed}.codes-list{flex-direction:column;flex:1;gap:6px;display:flex}.code-row-item{background:#f9f9f9;border:1px solid #e8e8e8;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;display:flex}.code-row-num{color:#fff;background:#1677ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex}.code-row-val{color:#333;letter-spacing:1px;word-break:break-all;flex:1;font-family:monospace;font-size:14px;font-weight:600}.audit-codes-section{border:1px solid #e8e8e8;border-radius:8px;margin:8px 0;overflow:hidden}.audit-codes-title{color:#666;background:#fafafa;border-bottom:1px solid #e8e8e8;padding:8px 12px;font-size:12px;font-weight:700}.audit-code-row{border-bottom:1px solid #f5f5f5;align-items:center;gap:8px;padding:8px 12px;display:flex}.audit-code-row:last-child{border-bottom:none}.audit-code-num{color:#fff;background:#1677ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex}.audit-code-val{color:#333;letter-spacing:.5px;flex:1;font-family:monospace;font-size:13px;font-weight:600}.lightbox-overlay{z-index:300;cursor:zoom-out;background:#000000e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-img{object-fit:contain;border-radius:6px;max-width:90%;max-height:90%;box-shadow:0 8px 32px #00000080}.lightbox-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;width:40px;height:40px;font-size:20px;position:absolute;top:20px;right:20px}.lightbox-close:hover{background:#ffffff40}.card-img-cell{flex-direction:column;align-items:center;gap:6px;display:flex}.copy-img-btn{color:#1677ff;cursor:pointer;white-space:nowrap;background:#e6f4ff;border:1px solid #1677ff;border-radius:4px;padding:2px 10px;font-size:11px;transition:all .15s}.copy-img-btn:hover{color:#fff;background:#1677ff}.copy-img-btn.copied{color:#52c41a;background:#f6ffed;border-color:#52c41a}.settle-edit-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#faad14;border:none;border-radius:4px;height:28px;margin-left:8px;padding:4px 12px;font-size:12px;transition:background .15s}.settle-edit-btn:hover{background:#d48806}.settle-diff-notice{color:#1e293b;background:#f1f5f9;border-left:3px solid #3b82f6;border-radius:2px;margin-top:-2px;margin-bottom:8px;margin-left:90px;padding:5px 10px;font-size:12px;font-weight:500}.claim-warning-banner{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:10px;margin-top:14px;padding:10px 14px;font-size:13px;display:flex}.claim-warning-banner strong{color:#0f172a}.claim-prompt-banner{color:#0958d9;background:#f0f7ff;border:1px solid #bae0ff;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:10px 14px;font-size:13px;display:flex}.takeover-btn{color:#1677ff;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #1677ff;border-radius:4px;padding:4px 14px;font-size:12px;font-weight:500;transition:all .15s}.takeover-btn:hover{color:#fff;background:#1677ff}.audit-settle-row{border-bottom:1px solid #f5f5f5;align-items:center;gap:8px;padding:6px 0;display:flex}.audit-settle-lbl{color:#8c8c8c;white-space:nowrap;font-size:13px}.audit-settle-input{color:#262626;border:1px solid #d9d9d9;border-radius:4px;outline:none;flex:1;padding:4px 8px;font-size:13px;font-weight:500}.audit-settle-input:focus{border-color:#1677ff}.audit-settle-input.short{flex:none;width:55px}.audit-adjust-hint{color:#1e293b;background:#f1f5f9;border-left:3px solid #3b82f6;border-radius:2px;margin:4px 0 8px;padding:4px 8px;font-size:12px}.vouchers-grid{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.voucher-preview-item{width:80px;height:80px;position:relative}.voucher-preview-img{object-fit:cover;cursor:zoom-in;border:1px solid #eee;border-radius:4px;width:80px;height:80px}.voucher-remove-btn{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;line-height:1;display:flex;position:absolute;top:2px;right:2px}.voucher-actions-row{align-items:center;gap:10px;display:flex}.voucher-upload-btn,.voucher-paste-btn{cursor:pointer;border-radius:4px;justify-content:center;align-items:center;height:28px;padding:4px 12px;font-size:12px;transition:all .15s;display:inline-flex}.voucher-upload-btn{color:#1677ff;background:#e6f4ff;border:1px solid #1677ff}.voucher-upload-btn:hover{color:#fff;background:#1677ff}.voucher-paste-btn{color:#595959;background:#fff;border:1px solid #d9d9d9}.voucher-paste-btn:hover{color:#1677ff;border-color:#1677ff}.modal-action-footer{border-top:1px solid #f0f0f0;justify-content:space-between;margin-top:18px;padding-top:14px;display:flex}.modal-act-btn{cursor:pointer;border:none;border-radius:6px;min-width:120px;padding:9px 32px;font-size:14px;font-weight:600;transition:all .15s}.modal-act-btn.success{color:#fff;background:#1677ff}.modal-act-btn.success:hover{background:#4096ff}.modal-act-btn.danger{color:#fff;background:#ff4d4f}.modal-act-btn.danger:hover{background:#ff7875}.staff-name-tag{color:#1677ff;font-size:12px;font-weight:600}.staff-name-other{color:#595959;font-size:12px}.withdrawals-root{background:#fff;border-radius:8px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000a}.withdrawals-table-wrap{cursor:grab;background:#fff;flex:1;min-height:0;position:relative;overflow:auto}.withdrawals-table-wrap.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.withdrawals-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1380px;font-size:13.5px}.withdrawals-table th{color:#475569;text-align:left;white-space:nowrap;z-index:3;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 12px;font-weight:600;position:sticky;top:0}.withdrawals-table td{color:#1e293b;vertical-align:middle;background:#fff;border-bottom:1px solid #f1f5f9;padding:8px 12px}.withdrawals-table tr:hover td{background:#f8fafc}.withdrawals-table tr.row-pending td{background:#fffcf0}.withdrawals-table tr.row-pending:hover td{background:#fff8e1}.withdrawals-table th.col-sticky-id,.withdrawals-table td.col-sticky-id{text-align:center;z-index:2;width:55px;min-width:55px;max-width:55px;position:sticky;left:0;box-shadow:1px 0 #e2e8f0}.withdrawals-table th.col-sticky-uid,.withdrawals-table td.col-sticky-uid{text-align:center;z-index:2;width:75px;min-width:75px;max-width:75px;position:sticky;left:55px;box-shadow:2px 0 4px #0000000a}.withdrawals-table th.col-sticky-act,.withdrawals-table td.col-sticky-act{text-align:center;z-index:2;width:180px;min-width:180px;position:sticky;right:0;box-shadow:-2px 0 4px #0000000a}.withdrawals-table th.col-sticky-id,.withdrawals-table th.col-sticky-uid,.withdrawals-table th.col-sticky-act{z-index:4;background:#f8fafc}.withdrawals-table tr:hover td.col-sticky-id,.withdrawals-table tr:hover td.col-sticky-uid,.withdrawals-table tr:hover td.col-sticky-act{background:#f8fafc}.withdrawals-table tr.row-pending td.col-sticky-id,.withdrawals-table tr.row-pending td.col-sticky-uid,.withdrawals-table tr.row-pending td.col-sticky-act{background:#fffcf0}.withdrawals-table tr.row-pending:hover td.col-sticky-id,.withdrawals-table tr.row-pending:hover td.col-sticky-uid,.withdrawals-table tr.row-pending:hover td.col-sticky-act{background:#fff8e1}.w-tag{border-radius:4px;align-items:center;padding:2px 8px;font-size:12px;font-weight:600;line-height:1.4;display:inline-flex}.w-tag.pending{color:#d97706;background:#fef3c7;border:1px solid #fde68a}.w-tag.processing{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.w-tag.completed{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.w-tag.rejected{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.w-receipt-thumb{object-fit:cover;cursor:pointer;vertical-align:middle;border:1px solid #e2e8f0;border-radius:4px;width:32px;height:32px;transition:transform .15s;display:inline-block}.w-receipt-thumb:hover{transform:scale(1.1)}.pay-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:14px;padding:12px 16px}.pay-summary-row{color:#64748b;justify-content:space-between;align-items:center;padding:4px 0;font-size:13px;display:flex}.pay-summary-divider{border-top:1px dashed #cbd5e1;height:1px;margin:6px 0}.pay-summary-row.total{color:#1e293b;font-size:15px;font-weight:700}.pay-actual{color:#dc2626;font-size:18px;font-weight:800}.pay-bank-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:14px;overflow:hidden}.pay-bank-title{color:#64748b;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:7px 12px;font-size:11px;font-weight:700}.copy-row{border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;padding:8px 12px;display:flex}.copy-row:last-child{border-bottom:none}.copy-label{color:#64748b;min-width:65px;font-size:12px}.copy-value{color:#1e293b;word-break:break-all;flex:1;font-size:13.5px;font-weight:600}.copy-value.mono{letter-spacing:.5px;font-family:monospace;font-size:14px}.copy-btn{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:4px;flex-shrink:0;padding:3px 10px;font-size:12px;transition:all .15s}.copy-btn:hover{color:#fff;background:#1890ff;border-color:#1890ff}.copy-btn.copied{color:#fff;background:#10b981;border-color:#10b981}.pay-mode-grid{gap:10px;margin-bottom:14px;display:flex}.pay-mode-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #e2e8f0;border-radius:8px;flex:1;padding:10px 12px;transition:all .2s}.pay-mode-card.active-auto{background:#eff6ff;border-color:#1890ff}.pay-mode-card.active-manual{background:#f0fdf4;border-color:#10b981}.pay-mode-title{font-size:14px;font-weight:700}.pay-mode-title.auto{color:#1890ff}.pay-mode-title.manual{color:#10b981}.pay-mode-desc{color:#64748b;margin-top:3px;font-size:11px}.pay-warning-alert{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.receipt-upload-section{margin-bottom:14px}.receipt-upload-box{align-items:center;gap:12px;padding:8px 0;display:flex}.receipt-upload-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:4px;padding:6px 14px;font-size:12.5px;transition:all .15s}.receipt-upload-btn:hover{color:#1890ff;border-color:#1890ff}.receipt-upload-btn.warning{color:#d46b08;background:#fffbe6;border-color:#fa8c16}.receipt-paste-hint{color:#94a3b8;font-size:11px}.receipt-req-warning{color:#ef4444;margin-top:3px;font-size:11px}.receipt-preview-container{margin-top:8px;display:inline-block;position:relative}.receipt-preview-img{object-fit:cover;cursor:pointer;border:1px solid #cbd5e1;border-radius:4px;width:72px;height:72px;display:block}.receipt-remove-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 1px 3px #0003}.desc-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:1fr 1fr;gap:10px 14px;padding:14px;display:grid}.desc-item{flex-direction:column;gap:3px;display:flex}.desc-item.col-span-2{grid-column:span 2}.desc-label{color:#64748b;font-size:11.5px;font-weight:500}.desc-val{color:#0f172a;word-break:break-all;font-size:13.5px;font-weight:600}.status-pill{border-radius:10px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.user-level-badge{color:#475569;background:#f1f5f9;border-radius:10px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-block}.user-hub-modal{flex-direction:column;display:flex;width:900px!important;max-width:95vw!important;max-height:90vh!important}.user-hub-head-left{align-items:center;gap:14px;display:flex}.user-hub-avatar{color:#fff;background:linear-gradient(135deg,#1677ff 0%,#0958d9 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:flex;overflow:hidden;box-shadow:0 2px 6px #1677ff40}.user-hub-avatar img{object-fit:cover;width:100%;height:100%}.user-hub-uid-tag{color:#475569;background:#f1f5f9;border-radius:4px;padding:2px 8px;font-family:monospace;font-size:12px;font-weight:700;display:inline-block}.user-kpi-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.user-kpi-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;padding:12px 14px;display:flex}.kpi-label{color:#64748b;margin-bottom:4px;font-size:12px}.kpi-val{font-family:monospace;font-size:16px;font-weight:700}.user-meta-strip{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;gap:20px;margin-bottom:16px;padding:10px 16px;display:flex}.meta-strip-item{align-items:center;gap:8px;font-size:13px;display:flex}.msl{color:#64748b}.msv{color:#0f172a;font-weight:600}.user-trades-section{flex-direction:column;display:flex}.user-trades-tabs{border-bottom:2px solid #e2e8f0;gap:8px;margin-bottom:12px;display:flex}.user-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.user-tab-btn:hover{color:#1677ff}.user-tab-btn.active{color:#1677ff;border-bottom-color:#1677ff}.tab-count-badge{color:#475569;background:#e2e8f0;border-radius:10px;padding:1px 7px;font-size:11px;font-weight:700}.user-tab-btn.active .tab-count-badge{color:#1677ff;background:#e6f4ff}.user-trades-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:6px;max-height:320px;overflow-y:auto}.user-sub-table{border-collapse:collapse;width:100%;font-size:13px}.user-sub-table th{text-align:left;color:#475569;z-index:1;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:9px 12px;font-size:12px;font-weight:600;position:sticky;top:0}.user-sub-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:9px 12px}.user-sub-table tbody tr:hover{background:#f8fafc}.trades-loading,.trades-empty{text-align:center;color:#94a3b8;padding:40px;font-size:13px}.u-status-tag{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.u-status-tag.tag-success{color:#10b981;background:#e6f9ed}.u-status-tag.tag-processing{color:#1677ff;background:#e6f4ff}.u-status-tag.tag-warning{color:#d46b08;background:#fff7e6}.u-status-tag.tag-danger{color:#ff4d4f;background:#ffebe6}.update-badge-container{align-items:center;display:inline-flex}.version-badge-btn{color:#94a3b8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:500;transition:all .2s;display:inline-flex}.version-badge-btn:hover{color:#f1f5f9;background:#ffffff24;border-color:#ffffff40}.version-dot{background:#10b981;border-radius:50%;width:6px;height:6px}.update-action-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid #34d399;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 2px 10px #10b98159}.update-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #10b98180}.update-action-btn.pulse{animation:2s infinite updatePulse}.update-icon{font-size:13px}.update-text{letter-spacing:-.2px;font-size:12px;font-weight:700}.update-subtext{opacity:.85;background:#0003;border-radius:10px;margin-left:2px;padding:1px 6px;font-size:10px}@keyframes updatePulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{color:#262626;-webkit-font-smoothing:antialiased;background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Helvetica Neue,Arial,sans-serif;overflow:hidden}.app-loading-screen{-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 40%,#fff 0%,#f1f5f9 100%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.app-loading-box{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:32px 40px;animation:.35s cubic-bezier(.16,1,.3,1) modalPopIn;display:flex;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #00000008}.app-loading-spinner{border:3px solid #1677ff;border-color:#1677ff #1677ff #e2e8f0 #e2e8f0;border-radius:50%;width:38px;height:38px;animation:.8s linear infinite spin}.app-loading-title{color:#0f172a;letter-spacing:.5px;font-size:16px;font-weight:700}.app-loading-sub{color:#64748b;font-size:12.5px}.app-spinner-ring{vertical-align:middle;border:2px solid #1677ff;border-color:#1677ff #1677ff #e2e8f0 #e2e8f0;border-radius:50%;width:20px;height:20px;animation:.75s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{background:#f5f7fa;flex-direction:column;height:100vh;display:flex;overflow:hidden}.top-nav-card{-webkit-app-region:drag;background:#fff;border-radius:6px;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;margin:10px 16px 0;padding:8px 16px;display:flex;box-shadow:0 1px 3px #0000000a}.top-nav-left{-webkit-app-region:no-drag;align-items:center;display:flex}.top-nav-right{-webkit-app-region:no-drag;align-items:center;gap:14px;display:flex}.nav-capsule-group{background:#fff;border:1px solid #d9d9d9;border-radius:4px;align-items:center;gap:2px;padding:2px;display:inline-flex}.nav-capsule-btn{color:#595959;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:5px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.capsule-btn-label{line-height:1;display:inline-block}.nav-capsule-btn:hover{color:#1677ff}.nav-capsule-btn.active{color:#1677ff;background:#fff;border-color:#1677ff;font-weight:600}.capsule-badge{color:#fff;background:#ff4d4f;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 6px;font-size:11px;font-weight:700;line-height:1;display:inline-flex;box-shadow:0 1px 3px #ff4d4f59}.capsule-badge.orange{background:#fa8c16;box-shadow:0 1px 3px #fa8c1659}.nav-staff-profile{align-items:center;gap:8px;display:flex}.staff-avatar-circle{background:#e6f4ff;border:1px solid #d9d9d9;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;overflow:hidden}.staff-avatar-photo{object-fit:cover;width:100%;height:100%}.staff-avatar-letter{color:#1677ff;font-size:13px;font-weight:700}.staff-meta-text{color:#262626;white-space:nowrap;font-size:13px;font-weight:500}.nav-logout-btn{color:#fff;cursor:pointer;background:#1677ff;border:none;border-radius:4px;padding:4px 14px;font-size:13px;font-weight:500;transition:background .15s}.nav-logout-btn:hover{background:#0958d9}.app-main{background:#f5f7fa;flex-direction:column;flex:1;padding:10px 16px 12px;display:flex;overflow:hidden}.app-main>*{animation:.22s cubic-bezier(.16,1,.3,1) screenFadeIn}@keyframes screenFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.modal-mask{animation:.18s ease-out maskFadeIn}.modal-box{animation:.22s cubic-bezier(.16,1,.3,1) modalPopIn}@keyframes maskFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPopIn{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.act-btn,.filter-pill,.audit-submit,.copy-btn,.nav-capsule-btn{transition:all .16s cubic-bezier(.16,1,.3,1)!important}.act-btn:active,.filter-pill:active,.audit-submit:active,.copy-btn:active,.nav-capsule-btn:active{transform:scale(.97)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}