@charset "UTF-8";.ist-auth-error-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:99999;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:20px;text-align:center}.ist-auth-error-modal-card{background-color:#1e293b;border:1px solid #334155;border-radius:12px;padding:40px;max-width:500px;box-shadow:0 20px 25px -5px #0000004d;display:flex;flex-direction:column;align-items:center;gap:24px}.ist-auth-error-modal-icon-wrapper{width:64px;height:64px;border-radius:50%;background-color:#fee2e2;color:#ef4444;display:flex;align-items:center;justify-content:center}.ist-auth-error-modal-title{font-size:1.4rem;font-weight:800;margin-bottom:12px}.ist-auth-error-modal-description{color:#94a3b8;line-height:1.6;font-size:.95rem}.ist-auth-error-modal-countdown{font-size:1.1rem;font-weight:600;color:#f59e0b}.ist-auth-error-modal-countdown-num{font-size:1.5rem;font-weight:800}.ist-auth-error-modal-btn{padding:12px 24px;background-color:#4f46e5;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s;width:100%}.ist-auth-error-modal-btn:hover{background-color:#4338ca}.cpn-authstatusmodal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cpn-authstatusmodal{background:rgba(255,255,255,.95);border-radius:12px;padding:2rem;max-width:400px;width:90%;box-shadow:0 12px 48px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);animation:fadeIn .3s ease}.cpn-authstatusmodal-content{text-align:center;padding:2rem}.cpn-authstatusmodal-header{text-align:center;margin-bottom:1.5rem}.cpn-authstatusmodal-title{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.cpn-authstatusmodal-subtitle{color:#6c757d;font-size:.95rem}.cpn-authstatusmodal-body{margin-bottom:1.5rem}.cpn-authstatusmodal-footer{display:flex;gap:1rem;justify-content:flex-end}.cpn-authstatusmodal-message{color:#495057;font-size:1rem;margin:1rem 0}.cpn-authstatusmodal-countdown{color:#6c757d;font-size:.875rem;margin-top:1rem}.cpn-authstatusmodal-icon-success{width:64px;height:64px;color:#28a745;margin:0 auto 1rem}.cpn-authstatusmodal-icon-success svg{width:100%;height:100%}.cpn-authstatusmodal-icon-error{width:64px;height:64px;color:#dc3545;margin:0 auto 1rem}.cpn-authstatusmodal-icon-error svg{width:100%;height:100%}.cpn-authstatusmodal-icon-loading{width:64px;height:64px;margin:0 auto 1rem}.cpn-authstatusmodal-loading-spinner{animation:spin 1s linear infinite;color:var(--color-primary, #667eea)}.cpn-authstatusmodal-loading-spinner svg{width:64px;height:64px}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.cpn-authstatusmodal{margin:1rem;padding:1.5rem}.cpn-authstatusmodal-content{padding:1.5rem}}[data-theme=dark] .cpn-authstatusmodal{background:var(--bg-surface, #1e2234);border-color:#ffffff14;box-shadow:0 12px 48px #00000080}[data-theme=dark] .cpn-authstatusmodal-title{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .cpn-authstatusmodal-subtitle{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .cpn-authstatusmodal-message{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .cpn-authstatusmodal-countdown{color:var(--text-secondary, #9ca3af)}.access-denied-container{display:flex;justify-content:center;align-items:center;min-height:400px;padding:40px 20px;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);border-radius:12px;margin:20px}.access-denied-content{text-align:center;background:white;padding:48px 40px;border-radius:16px;box-shadow:0 10px 40px #0000001a}.access-denied-icon{color:#ef4444;margin-bottom:24px;animation:pulse 2s infinite}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.access-denied-title{font-size:28px;font-weight:700;color:#1f2937;margin-bottom:16px}.access-denied-message{font-size:16px;color:#6b7280;margin-bottom:12px;line-height:1.6}.access-denied-hint{font-size:14px;color:#9ca3af;font-style:italic;line-height:1.5}[data-theme=dark] .access-denied-container{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%)}[data-theme=dark] .access-denied-content{background:var(--bg-surface, #1e2234);box-shadow:0 10px 40px #0006}[data-theme=dark] .access-denied-title{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .access-denied-message{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .access-denied-hint{color:#6b7280}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease-out}.confirm-modal-content{background:var(--bg-surface, white);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:100%;padding:30px;animation:slideUp .3s ease-out;position:relative}.confirm-modal-icon{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.confirm-modal-warning .confirm-modal-icon{color:#f39c12}.confirm-modal-danger .confirm-modal-icon{color:#e74c3c}.confirm-modal-success .confirm-modal-icon{color:#27ae60}.confirm-modal-info .confirm-modal-icon{color:#3498db}.confirm-modal-body{text-align:center;margin-bottom:25px}.confirm-modal-title{font-size:20px;font-weight:600;color:var(--text-primary, #2c3e50);margin:0 0 10px}.confirm-modal-message{font-size:15px;color:var(--text-secondary, #7f8c8d);line-height:1.5;margin:0;white-space:pre-line;max-height:300px;overflow-y:auto;padding-right:8px;text-align:left}.confirm-modal-footer{display:flex;gap:12px;justify-content:center}.confirm-modal-btn{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px}.confirm-modal-btn:focus{outline:none;box-shadow:0 0 0 3px #3498db33}.confirm-modal-btn-cancel{background:var(--bg-surface-hover, #ecf0f1);color:var(--text-secondary, #7f8c8d)}.confirm-modal-btn-cancel:hover{background:#bdc3c7;color:var(--text-primary, #2c3e50)}.confirm-modal-btn-confirm{color:#fff}.confirm-modal-btn-warning{background:#f39c12}.confirm-modal-btn-warning:hover{background:#e67e22;transform:translateY(-1px);box-shadow:0 4px 12px #f39c124d}.confirm-modal-btn-danger{background:#e74c3c}.confirm-modal-btn-danger:hover{background:#c0392b;transform:translateY(-1px);box-shadow:0 4px 12px #e74c3c4d}.confirm-modal-btn-success{background:#27ae60}.confirm-modal-btn-success:hover{background:#229954;transform:translateY(-1px);box-shadow:0 4px 12px #27ae604d}.confirm-modal-btn-info{background:#3498db}.confirm-modal-btn-info:hover{background:#2980b9;transform:translateY(-1px);box-shadow:0 4px 12px #3498db4d}@media (max-width: 768px){.confirm-modal-content{padding:24px;max-width:90%}.confirm-modal-title{font-size:18px}.confirm-modal-message{font-size:14px}.confirm-modal-footer{flex-direction:column-reverse}.confirm-modal-btn{width:100%}}.confirm-modal-input-wrapper{margin-top:15px;width:100%}.confirm-modal-input{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;box-sizing:border-box;background-color:var(--bg-surface, #ffffff);color:var(--text-primary, #111827);transition:border-color .15s ease,box-shadow .15s ease}.confirm-modal-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db33}[data-theme=dark] .confirm-modal-input{border-color:#ffffff26;background-color:#ffffff0d;color:#f3f4f6}[data-theme=dark] .confirm-modal-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db4d}.confirm-modal-options-wrapper{margin-top:15px;text-align:left;width:100%}.confirm-modal-option-label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:var(--text-primary, #374151)}.confirm-modal-button-group{display:flex;gap:10px;width:100%}.confirm-modal-option-btn{flex:1;padding:10px 14px;font-size:14px;font-weight:500;border:1px solid #d1d5db;border-radius:8px;background-color:var(--bg-surface, #ffffff);color:var(--text-secondary, #4b5563);cursor:pointer;transition:all .2s ease;text-align:center}.confirm-modal-option-btn:hover{background-color:#f3f4f6;border-color:#9ca3af}.confirm-modal-option-btn.active{background-color:#e0f2fe;border-color:#0284c7;color:#0369a1;font-weight:600}[data-theme=dark] .confirm-modal-option-label{color:#f3f4f6}[data-theme=dark] .confirm-modal-option-btn{border-color:#ffffff26;background-color:#ffffff0d;color:#d1d5db}[data-theme=dark] .confirm-modal-option-btn:hover{background-color:#ffffff1a;border-color:#ffffff4d}[data-theme=dark] .confirm-modal-option-btn.active{background-color:#38bdf826;border-color:#38bdf8;color:#38bdf8}.header-clock{display:flex;flex-direction:row;align-items:center;gap:12px;background:rgba(var(--color-primary-rgb, 102, 126, 234),.07);border:1px solid rgba(var(--color-primary-rgb, 102, 126, 234),.18);border-radius:20px;padding:10px 12px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.header-clock-time,.header-clock-date{display:flex;align-items:center;gap:5px;line-height:1}.header-clock-time{color:var(--color-primary, #667eea);font-size:.85rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.03em}.header-clock-date{color:var(--text-label, #4a5568);font-size:.9rem;font-weight:700}.header-clock-divider{width:1px;height:14px;background:rgba(var(--color-primary-rgb, 102, 126, 234),.3);flex-shrink:0}.header-clock-notification{position:relative;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--color-primary, #667eea);cursor:default;flex-shrink:0;transition:background .2s ease}.header-clock-notification:hover{background:rgba(var(--color-primary-rgb, 102, 126, 234),.1)}.header-clock-notification-badge{position:absolute;top:1px;right:1px;background:#e53e3e;color:#fff;font-size:.58rem;font-weight:700;min-width:15px;height:15px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1;border:1.5px solid var(--bg-header, #fff)}@media (max-width: 768px){.header-clock{display:none}}.notification-item{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;cursor:pointer;transition:background .15s,border-left-color .15s;position:relative;border-bottom:1px solid var(--border-color, #f3f4f6);border-left:4px solid transparent}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--bg-hover, rgba(0, 0, 0, .04))}.notification-item--unread{background:var(--bg-unread, rgba(59, 130, 246, .05))}.notification-item--unread:hover{background:var(--bg-unread-hover, rgba(59, 130, 246, .09))}.notification-item--info{border-left-color:var(--color-info, #3b82f6)}.notification-item--success{border-left-color:var(--color-success, #22c55e)}.notification-item--warning{border-left-color:var(--color-warning, #f59e0b)}.notification-item--danger{border-left-color:var(--color-danger, #ef4444)}.notification-item-icon{flex-shrink:0;margin-top:2px}.notification-item-type-icon--info{color:var(--color-info, #3b82f6)}.notification-item-type-icon--success{color:var(--color-success, #22c55e)}.notification-item-type-icon--warning{color:var(--color-warning, #f59e0b)}.notification-item-type-icon--danger{color:var(--color-danger, #ef4444)}.notification-item-content{flex:1;min-width:0}.notification-item-title{font-size:13px;font-weight:600;color:var(--text-primary, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.notification-item-message{font-size:12px;color:var(--text-secondary, #6b7280);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px}.notification-item-meta{display:flex;align-items:center;gap:8px}.notification-item-time{font-size:11px;color:var(--text-tertiary, #9ca3af)}.notification-item-category{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary, #9ca3af);background:var(--bg-tag, rgba(0, 0, 0, .06));padding:2px 6px;border-radius:4px}.notification-item-dot{width:8px;height:8px;border-radius:50%;background:var(--color-primary, #3b82f6);flex-shrink:0;margin-top:6px}.notification-item-delete-btn{display:none;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;border-radius:4px;cursor:pointer;color:var(--text-tertiary, #9ca3af);flex-shrink:0;transition:background .2s,color .2s}.notification-item:hover .notification-item-delete-btn{display:flex}.notification-item-delete-btn:hover{background:var(--bg-danger-soft, rgba(239, 68, 68, .1));color:var(--color-danger, #ef4444)}[data-theme=dark] .notification-item{border-bottom-color:var(--border-color-dark, #374151)}[data-theme=dark] .notification-item:hover{background:var(--bg-hover-dark, rgba(255, 255, 255, .05))}[data-theme=dark] .notification-item--unread{background:rgba(59,130,246,.08)}[data-theme=dark] .notification-item-title{color:var(--text-primary-dark, #f9fafb)}[data-theme=dark] .notification-item-message{color:var(--text-secondary-dark, #9ca3af)}[data-theme=dark] .notification-item-category{background:rgba(255,255,255,.08);color:var(--text-tertiary-dark, #6b7280)}.notification-settings{padding:12px 16px}.notification-settings-loading{padding:24px;text-align:center;color:var(--text-secondary, #6b7280);font-size:14px}.notification-settings-section{margin-bottom:24px}.notification-settings-section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary, #9ca3af);margin:0 0 8px;padding:0 4px}.notification-settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 4px;border-radius:8px;transition:background .15s}.notification-settings-row:hover{background:var(--bg-hover, rgba(0, 0, 0, .03))}.notification-settings-row-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.notification-settings-row-label{font-size:14px;color:var(--text-primary, #111827);font-weight:500}.notification-settings-row-desc{font-size:12px;color:var(--text-secondary, #6b7280)}.notification-settings-row-status{font-size:11px;color:var(--accent-color, #6f5fbe);font-style:italic}.notification-settings-toggle{position:relative;display:inline-flex;align-items:center;width:40px;height:22px;flex-shrink:0;cursor:pointer}.notification-settings-toggle input{opacity:0;width:0;height:0;position:absolute}.notification-settings-toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-toggle-off, #d1d5db);border-radius:11px;transition:background .2s}.notification-settings-toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.notification-settings-toggle input:checked+.notification-settings-toggle-slider{background:var(--color-primary, #3b82f6)}.notification-settings-toggle input:checked+.notification-settings-toggle-slider:before{transform:translate(18px)}.notification-settings-toggle input:disabled+.notification-settings-toggle-slider{opacity:.4;cursor:not-allowed}.notification-settings-btn-reset{padding:4px 12px;font-size:12px;border-radius:6px;border:1px solid var(--color-warning, #f59e0b);background:transparent;color:var(--color-warning, #f59e0b);cursor:pointer;white-space:nowrap;transition:background .15s,color .15s;flex-shrink:0}.notification-settings-btn-reset:hover:not(:disabled){background:var(--color-warning, #f59e0b);color:#fff}.notification-settings-btn-reset:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .notification-settings-row-label{color:var(--text-primary-dark, #f9fafb)}[data-theme=dark] .notification-settings-row-desc{color:var(--text-secondary-dark, #9ca3af)}[data-theme=dark] .notification-settings-row:hover{background:var(--bg-hover-dark, rgba(255, 255, 255, .05))}[data-theme=dark] .notification-settings-toggle-slider{background:var(--bg-toggle-off-dark, #4b5563)}.notification-dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);width:500px;max-height:600px;background:var(--bg-surface, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;box-shadow:0 8px 30px #0000001f;z-index:9999;display:flex;flex-direction:column;overflow:hidden;animation:notification-dropdown-appear .15s ease-out}@keyframes notification-dropdown-appear{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.notification-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-color, #e5e7eb);flex-shrink:0}.notification-dropdown-title{font-size:15px;font-weight:600;color:var(--text-primary, #111827);display:flex;align-items:center;gap:8px}.notification-dropdown-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;background:var(--color-primary, #3b82f6);color:#fff;font-size:11px;font-weight:700;border-radius:10px}.notification-dropdown-actions{display:flex;align-items:center;gap:4px}.notification-dropdown-mark-all-btn,.notification-dropdown-settings-btn,.notification-dropdown-close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--text-secondary, #6b7280);transition:background .2s,color .2s}.notification-dropdown-mark-all-btn:hover,.notification-dropdown-settings-btn:hover,.notification-dropdown-settings-btn.active{background:var(--bg-hover, rgba(0, 0, 0, .06));color:var(--color-primary, #3b82f6)}.notification-dropdown-close-btn:hover{background:var(--bg-hover, rgba(0, 0, 0, .06));color:var(--text-primary, #111827)}.notification-dropdown-list{overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--border-color, #e5e7eb) transparent}.notification-dropdown-empty{padding:40px 16px;text-align:center;color:var(--text-secondary, #6b7280);font-size:14px}.notification-dropdown-loading{padding:12px 16px;text-align:center;color:var(--text-secondary, #6b7280);font-size:13px}.notification-dropdown-load-more{width:100%;padding:12px;border:none;background:transparent;border-top:1px solid var(--border-color, #e5e7eb);cursor:pointer;font-size:13px;color:var(--color-primary, #3b82f6);font-weight:500;transition:background .2s}.notification-dropdown-load-more:hover{background:var(--bg-hover, rgba(0, 0, 0, .04))}.notification-dropdown-settings-panel{overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--border-color, #e5e7eb) transparent}.notification-category-tabs-wrapper{position:relative;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb);flex-shrink:0}.notification-category-tabs{display:flex;align-items:center;gap:5px;padding:6px 10px;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.notification-category-tabs::-webkit-scrollbar{display:none}.notification-category-scroll-btn{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--bg-primary, #fff);border:1px solid var(--border-color, #d1d5db);border-radius:50%;cursor:pointer;transition:all .2s ease;z-index:2;box-shadow:0 2px 6px #0000001a;color:var(--text-secondary, #6b7280)}.notification-category-scroll-btn:hover{background:var(--color-primary, #3b82f6);border-color:var(--color-primary, #3b82f6);color:#fff;box-shadow:0 2px 8px #3b82f64d}.notification-category-scroll-btn.left{left:4px}.notification-category-scroll-btn.right{right:4px}.notification-category-scroll-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.notification-category-tab{display:flex;align-items:center;gap:4px;padding:4px 10px;background:var(--bg-primary, #fff);border:1px solid var(--border-color, #d1d5db);border-radius:6px;font-size:11.5px;font-weight:500;color:var(--text-secondary, #6b7280);cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0;box-shadow:0 1px 2px #0000000a}.notification-category-tab:hover{background:var(--bg-hover, #f9fafb);border-color:var(--color-primary, #3b82f6);color:var(--color-primary, #3b82f6);transform:translateY(-1px);box-shadow:0 2px 4px #00000014}.notification-category-tab.active{background:linear-gradient(135deg,var(--color-primary, #3b82f6),var(--color-primary-dark, #2563eb));border-color:var(--color-primary-dark, #2563eb);color:#fff;font-weight:600;box-shadow:0 2px 6px #3b82f640}.notification-category-tab.active:hover{background:linear-gradient(135deg,var(--color-primary-dark, #2563eb),var(--color-primary, #3b82f6));transform:translateY(-1px);box-shadow:0 3px 8px #3b82f659}.notification-category-count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;background:rgba(255,255,255,.3);border-radius:8px;font-size:9.5px;font-weight:700;line-height:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.notification-category-tab:not(.active) .notification-category-count{background:var(--color-primary-light, #dbeafe);color:var(--color-primary, #3b82f6);border:1px solid var(--color-primary, #3b82f6)}[data-theme=dark] .notification-dropdown{background:var(--bg-surface, #1f2937);border-color:var(--border-color, #374151);box-shadow:0 8px 30px #0006}[data-theme=dark] .notification-dropdown-header{border-bottom-color:var(--border-color, #374151)}[data-theme=dark] .notification-dropdown-title{color:var(--text-primary, #f9fafb)}[data-theme=dark] .notification-dropdown-mark-all-btn,[data-theme=dark] .notification-dropdown-close-btn{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .notification-dropdown-mark-all-btn:hover{background:var(--bg-hover, rgba(255, 255, 255, .08))}[data-theme=dark] .notification-dropdown-close-btn:hover{background:var(--bg-hover, rgba(255, 255, 255, .08));color:var(--text-primary, #f9fafb)}[data-theme=dark] .notification-category-tabs-wrapper{background:var(--bg-tertiary, #0f172a);border-bottom-color:var(--border-color, #374151)}[data-theme=dark] .notification-category-scroll-btn{background:var(--bg-surface, #1f2937);border-color:var(--border-color, #4b5563);color:var(--text-secondary, #9ca3af);box-shadow:0 2px 6px #0000004d}[data-theme=dark] .notification-category-scroll-btn:hover{background:var(--color-primary, #3b82f6);border-color:var(--color-primary, #3b82f6);color:#fff;box-shadow:0 2px 8px #3b82f666}[data-theme=dark] .notification-category-tab{background:var(--bg-surface, #1f2937);border-color:var(--border-color, #4b5563);color:var(--text-secondary, #9ca3af);box-shadow:0 1px 2px #0003}[data-theme=dark] .notification-category-tab:hover{background:var(--bg-hover, #374151);border-color:var(--color-primary, #3b82f6);color:var(--color-primary, #60a5fa);box-shadow:0 2px 4px #0000004d}[data-theme=dark] .notification-category-tab.active{background:linear-gradient(135deg,var(--color-primary, #3b82f6),var(--color-primary-dark, #2563eb));border-color:var(--color-primary-dark, #2563eb);color:#fff;box-shadow:0 2px 8px #3b82f666}[data-theme=dark] .notification-category-tab.active:hover{background:linear-gradient(135deg,var(--color-primary-dark, #2563eb),var(--color-primary, #3b82f6));box-shadow:0 3px 10px #3b82f680}[data-theme=dark] .notification-category-tab:not(.active) .notification-category-count{background:var(--bg-tertiary, #0f172a);border-color:var(--color-primary, #3b82f6);color:var(--color-primary, #60a5fa)}[data-theme=dark] .notification-dropdown-load-more{border-top-color:var(--border-color, #374151)}[data-theme=dark] .notification-dropdown-load-more:hover{background:var(--bg-hover, rgba(255, 255, 255, .06))}@media (max-width: 480px){.notification-dropdown{position:fixed;top:50px;left:0;right:0;bottom:0;width:100%;max-height:none;border-radius:0;transform:none;animation:notification-dropdown-appear-mobile .2s ease-out}.notification-category-tabs{padding:5px 8px;gap:4px}.notification-category-tab{padding:3px 8px;font-size:10.5px;border-radius:5px}.notification-category-count{min-width:14px;height:14px;font-size:8.5px;padding:0 3px}.notification-category-scroll-btn{width:20px;height:20px}.notification-category-scroll-btn.left{left:3px}.notification-category-scroll-btn.right{right:3px}}@keyframes notification-dropdown-appear-mobile{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.notification-bell{position:relative;display:inline-flex;align-items:center}.notification-bell-btn{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:50%;cursor:pointer;color:var(--text-secondary, #6b7280);transition:background .2s,color .2s}.notification-bell-btn:hover{background:var(--bg-hover, rgba(0, 0, 0, .06));color:var(--text-primary, #111827)}.notification-bell-btn:focus-visible{outline:2px solid var(--color-primary, #3b82f6);outline-offset:2px}.notification-bell-icon{flex-shrink:0}.notification-bell-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;background:var(--color-danger, #ef4444);color:#fff;font-size:10px;font-weight:700;line-height:16px;border-radius:8px;text-align:center;pointer-events:none}[data-theme=dark] .notification-bell-btn{color:var(--text-secondary-dark, #9ca3af)}[data-theme=dark] .notification-bell-btn:hover{background:var(--bg-hover-dark, rgba(255, 255, 255, .08));color:var(--text-primary-dark, #f9fafb)}.main-layout{display:flex;min-height:100vh;background:var(--bg-layout, #f8fafc);--sidebar-width: 50px;font-family:var(--font-family-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif);font-size:var(--font-size-base, 14px)}@media (min-width: 769px){.main-layout:has(.sidebar:not(.collapsed)){--sidebar-width: 50px}}.sidebar{position:fixed;left:0;top:0;height:100vh;width:50px;background:var(--bg-sidebar, #ffffff);color:var(--text-secondary, #2d3748);box-shadow:2px 0 10px #0000000d;border-right:1px solid var(--border-sidebar, #e2e8f0);transition:width .3s cubic-bezier(.4,0,.2,1);z-index:10050;display:flex;flex-direction:column;overflow:hidden}.sidebar:not(.collapsed){width:280px;box-shadow:2px 0 20px #0003;z-index:10060}.sidebar.collapsed{width:50px}.sidebar.open{width:280px}.sidebar-header{border-bottom:1px solid var(--border-sidebar, #e2e8f0);display:flex;align-items:center;min-height:50px;padding:0}.sidebar-toggle{background:none;border:none;color:var(--text-secondary, #4a5568);cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s ease;width:50px;height:50px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-toggle:hover{background-color:#f7fafc}.sidebar-logo{display:flex;align-items:center;font-weight:700;font-size:1.125rem;min-height:50px;flex:1;padding-right:1rem}.logo-text{font-size:1.25rem;font-weight:600;white-space:nowrap;opacity:1;max-width:200px;overflow:hidden;padding-right:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);transform:translate(0)}.sidebar.collapsed .logo-text{opacity:0;max-width:0;padding-right:0;transform:translate(-10px)}.hamburger{display:flex;flex-direction:column;justify-content:space-between;width:18px;height:14px;position:relative}.hamburger span{width:100%;height:2px;background-color:var(--text-secondary, #4a5568);border-radius:1px;transition:all .3s ease;transform-origin:center}.sidebar:not(.collapsed) .hamburger span:nth-child(1),.sidebar.open .hamburger span:nth-child(1){transform:translateY(6px) rotate(45deg)}.sidebar:not(.collapsed) .hamburger span:nth-child(2),.sidebar.open .hamburger span:nth-child(2){opacity:0;transform:scaleX(0)}.sidebar:not(.collapsed) .hamburger span:nth-child(3),.sidebar.open .hamburger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.sidebar-backdrop{position:fixed;top:0;left:50px;width:calc(100% - 50px);height:100vh;background-color:transparent;z-index:999;opacity:1;visibility:visible;transition:all .3s ease;pointer-events:auto}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto;min-height:0}.sidebar.collapsed .sidebar-nav{overflow-y:hidden!important;overflow-x:hidden!important}.nav-item{position:relative;display:flex;align-items:center;color:var(--text-secondary, #4a5568);text-decoration:none;transition:all .2s ease;min-height:44px;height:44px;margin-bottom:.125rem}.nav-item:hover{background-color:rgba(var(--color-primary-rgb, 102, 126, 234),.07);color:var(--text-primary, #2d3748)}.nav-item.active{background-color:transparent;color:var(--color-primary, #667eea)}.sidebar:not(.collapsed) .nav-item.active,.sidebar.open .nav-item.active{background-color:rgba(var(--color-primary-rgb, 102, 126, 234),.12)}.nav-item.active .nav-icon{overflow:hidden;color:#fff;transition:color .35s cubic-bezier(.4,0,.2,1)}.nav-item.active .nav-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-primary, #667eea);transform:translate(0);transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:0}.nav-item.active .nav-icon>*{position:relative;z-index:1}.sidebar:not(.collapsed) .nav-item.active .nav-icon,.sidebar.open .nav-item.active .nav-icon{color:var(--color-primary, #667eea)}.sidebar:not(.collapsed) .nav-item.active .nav-icon:before,.sidebar.open .nav-item.active .nav-icon:before{transform:translate(-100%)}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--color-primary, #667eea)}.nav-icon{width:50px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;position:relative;transition:none;min-width:50px;max-width:50px}.nav-text,.menu-label{font-weight:500;white-space:nowrap;padding:.625rem 1rem .625rem 0;opacity:1;max-width:200px;overflow:hidden;flex:1 1 auto;min-width:0;transition:all .4s cubic-bezier(.4,0,.2,1);transform:translate(0)}.sidebar.collapsed .nav-text,.sidebar.collapsed .menu-label{opacity:0;max-width:0;padding-left:0;padding-right:0;transform:translate(-10px);transition-delay:0s}.marquee-inner{display:inline-block;white-space:nowrap;will-change:transform}.nav-tooltip,.menu-tooltip{position:absolute;left:55px;top:50%;transform:translateY(-50%);background-color:#333;color:#fff;padding:.5rem .75rem;border-radius:4px;font-size:.75rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1001;pointer-events:none}.nav-tooltip:before,.menu-tooltip:before{content:"";position:absolute;top:50%;left:-5px;transform:translateY(-50%);border-right:5px solid #333;border-top:5px solid transparent;border-bottom:5px solid transparent}.sidebar.collapsed .nav-item:hover .nav-tooltip,.sidebar.collapsed .nav-item:hover .menu-tooltip{opacity:1;visibility:visible}.sidebar-footer{padding:1rem;border-top:1px solid #e2e8f0;text-align:center;transition:all .3s ease;flex-shrink:0;margin-top:auto}.footer-info{transition:all .4s cubic-bezier(.4,0,.2,1);opacity:1;max-height:60px;overflow:hidden;transform:translateY(0)}.footer-text{font-size:.75rem;color:#718096;margin-bottom:.25rem}.footer-version{font-size:.7rem;color:#a0aec0}.sidebar.collapsed .sidebar-footer{padding:.25rem 0}.sidebar.collapsed .footer-info{opacity:0;max-height:0;transform:translateY(-10px)}.user-section{border-top:1px solid var(--border-sidebar, #e2e8f0)}.logout-btn{background:none;border:none;color:#718096;cursor:pointer;padding:0;border-radius:6px;transition:background-color .3s ease;display:flex;align-items:center;width:100%;min-height:48px}.logout-btn:hover{background:#fee2e2;color:#e53e3e}.logout-icon{width:50px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:50px;max-width:50px}.logout-text{font-weight:500;white-space:nowrap;padding:.75rem 1rem .75rem 0;opacity:1;max-width:200px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);transform:translate(0)}.sidebar.collapsed .logout-text{opacity:0;max-width:0;transform:translate(-10px)}.main-content{flex:1;height:100vh;display:flex;flex-direction:column;background:transparent;overflow:hidden}.main-header{background:var(--bg-header, rgba(255, 255, 255, .95));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0;height:50px;box-shadow:0 2px 20px #0000001a;border-bottom:1px solid var(--border-divider, rgba(255, 255, 255, .2));position:sticky;top:0;z-index:10100;width:100%}.header-content{width:100%;padding:0 5px;height:50px;display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:1rem;flex:1;min-width:0;overflow:hidden}.header-logo{height:65px;width:auto;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.header-menu-toggle{background:none;border:none;color:var(--color-primary, #667eea);cursor:pointer;padding:.5rem;border-radius:6px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0}.header-menu-toggle:hover{background:rgba(var(--color-primary-rgb, 102, 126, 234),.1)}.page-title{font-size:1.5rem;font-weight:600;color:#2c3e50;margin:0}.header-right{display:flex;align-items:center;margin-right:20px;gap:1rem}.header-actions{display:flex;align-items:center;gap:.5rem}.header-title{font-size:1.25rem;font-weight:600;color:var(--text-primary, #2c3e50);margin:0}.user-greeting{color:#6c757d;font-size:.875rem;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.user-profile-menu{position:relative;display:flex;align-items:center}.user-profile-trigger{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.25rem .5rem;border-radius:8px;transition:background .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.user-profile-trigger:hover{background:rgba(var(--color-primary-rgb, 102, 126, 234),.08)}.user-avatar-header{width:32px;height:32px;border-radius:50%;background:var(--color-primary, #667eea);color:#fff;font-weight:600;font-size:.875rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.user-profile-trigger:hover .user-avatar-header{background:var(--color-primary-hover, #5a67d8);transform:scale(1.05)}.user-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:380px;background:var(--bg-surface, #ffffff);border:1px solid rgba(var(--color-primary-rgb, 102, 126, 234),.5);border-radius:12px;box-shadow:0 8px 30px #0000001f,0 2px 8px #0000000f;z-index:2000;overflow:hidden;animation:dropdown-in .15s ease}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.user-dropdown-header{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--bg-dropdown-header, #f8fafc)}.user-dropdown-avatar{width:38px;height:38px;border-radius:50%;background:var(--color-primary, #667eea);color:#fff;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-dropdown-name{font-size:.875rem;font-weight:600;color:#1a202c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.user-dropdown-role{font-size:.75rem;color:#718096;margin-top:.125rem;text-transform:capitalize}.user-dropdown-divider{height:1px;background:#e2e8f0;margin:.25rem 0}.user-dropdown-item{display:flex;align-items:center;gap:.625rem;width:100%;padding:.625rem 1rem;background:none;border:none;color:#374151;font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;text-align:left;transition:background .15s ease,color .15s ease}.user-dropdown-item:hover:not(:disabled){background:#f1f5f9;color:#1a202c}.user-dropdown-item--disabled{color:#a0aec0;cursor:not-allowed}.user-dropdown-item--danger{color:#e53e3e}.user-dropdown-item--danger:hover:not(:disabled){background:#fff5f5;color:#c53030}.user-dropdown-badge{margin-left:auto;font-size:.65rem;font-weight:600;color:#a0aec0;background:#edf2f7;padding:.1rem .4rem;border-radius:4px;white-space:nowrap}.user-dropdown-lang{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1rem;gap:.625rem}.user-dropdown-lang-label{display:flex;align-items:center;gap:.625rem;font-size:.875rem;font-weight:500;color:#374151;white-space:nowrap}.user-dropdown-lang-group{display:flex;gap:4px;background:#f1f5f9;border-radius:7px;padding:3px}.user-dropdown-lang-btn{display:flex;align-items:center;gap:3px;padding:3px 8px;border:none;background:none;border-radius:5px;font-size:.72rem;font-weight:600;color:#718096;cursor:pointer;font-family:inherit;transition:background .15s ease,color .15s ease;white-space:nowrap}.user-dropdown-lang-btn:hover:not(.active){background:#e2e8f0;color:#2d3748}.user-dropdown-lang-btn.active{background:var(--bg-surface, #ffffff);color:var(--color-primary, #667eea);box-shadow:0 1px 3px #0000001f}.user-dropdown-theme-custom{color:#a0aec0!important;cursor:not-allowed!important;opacity:.7}.user-dropdown-color-group{display:flex;gap:6px;background:#f1f5f9;border-radius:7px;padding:5px 6px;align-items:center}.user-dropdown-color-btn{width:18px;height:18px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;flex-shrink:0;padding:0}.user-dropdown-color-btn:hover{transform:scale(1.2);box-shadow:0 2px 6px #00000040}.user-dropdown-color-btn.active{border-color:#0006;box-shadow:0 0 0 2px #ffffffe6,0 2px 6px #0003;transform:scale(1.15)}.lang-flag{font-size:.85rem;line-height:1}.notif-menu{position:relative;display:flex;align-items:center}.notif-trigger{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;border-radius:50%;cursor:pointer;color:#6c757d;transition:background .2s ease,color .2s ease;flex-shrink:0}.notif-trigger:hover{background:rgba(var(--color-primary-rgb, 102, 126, 234),.1);color:var(--color-primary, #667eea)}.notif-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;background:#e53e3e;color:#fff;font-size:.6rem;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1;pointer-events:none}.notif-dropdown{position:absolute;top:calc(100% + 10px);right:-200px;width:450px;background:var(--bg-surface, #ffffff);border:1px solid rgba(var(--color-primary-rgb, 102, 126, 234),.5);border-radius:12px;box-shadow:0 8px 30px #0000001f,0 2px 8px #0000000f;z-index:2000;overflow:hidden;animation:dropdown-in .15s ease}.notif-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem .75rem;border-bottom:1px solid rgba(var(--color-primary-rgb, 102, 126, 234),.35);background:var(--bg-dropdown-header, #f8fafc)}.notif-dropdown-title{font-size:.9rem;font-weight:700;color:#1a202c}.notif-dropdown-close{display:none;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:none;color:#718096;cursor:pointer;border-radius:50%;transition:background .15s;font-family:inherit}.notif-dropdown-close:hover{background:#f1f5f9;color:#1a202c}.notif-mark-all{display:flex;align-items:center;gap:4px;background:none;border:none;font-size:.72rem;font-weight:600;color:var(--color-primary, #667eea);cursor:pointer;padding:3px 6px;border-radius:4px;font-family:inherit;transition:background .15s ease}.notif-mark-all:hover{background:rgba(var(--color-primary-rgb, 102, 126, 234),.1)}.notif-list{max-height:340px;overflow-y:auto}.notif-list::-webkit-scrollbar{width:4px}.notif-list::-webkit-scrollbar-track{background:transparent}.notif-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:2px}.notif-empty{padding:2rem 1rem;text-align:center;color:#a0aec0;font-size:.85rem}.notif-item{display:flex;align-items:flex-start;gap:.625rem;padding:.75rem 1rem;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .15s ease}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#f8fafc}.notif-item--unread{background:rgba(var(--color-primary-rgb, 102, 126, 234),.08)}.notif-item--unread:hover{background:rgba(var(--color-primary-rgb, 102, 126, 234),.13)}.notif-dot{width:8px;height:8px;border-radius:50%;background:#cbd5e0;flex-shrink:0;margin-top:5px}.notif-item--unread .notif-dot{background:var(--color-primary, #667eea)}.notif-item--success .notif-dot{background:#38a169}.notif-item--warning .notif-dot{background:#d69e2e}.notif-item--info .notif-dot{background:#3182ce}.notif-content{flex:1;min-width:0}.notif-item-title{font-size:.8rem;font-weight:600;color:#2d3748;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-item--unread .notif-item-title{color:#1a202c}.notif-item-message{font-size:.775rem;color:#718096;margin-top:2px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-item-time{font-size:.7rem;color:#a0aec0;margin-top:4px}.mobile-avatar{display:none;width:32px;height:32px;border-radius:50%;background:var(--color-primary, #667eea);color:#fff;font-weight:600;font-size:.875rem;align-items:center;justify-content:center}.content-area{flex:1;background:transparent;box-sizing:border-box;overflow:auto;min-height:0;display:flex;flex-direction:column;position:relative!important}.content-area.cropper-open{overflow:hidden!important}@media (min-width: 769px){.content-area{margin-left:var(--sidebar-width);transition:margin-left .3s ease;max-width:calc(100vw - var(--sidebar-width))}.sidebar:not(.collapsed)+.main-content .content-area{margin-left:50px}}.app-container{margin:0 auto;width:100%;box-sizing:border-box;flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto}.mobile-overlay{display:none}.user-info-mobile{display:none;align-items:center;padding:.75rem 1rem;margin-bottom:.5rem;border-bottom:1px solid rgba(0,0,0,.1);gap:.75rem}@media (min-width: 769px){.user-greeting{display:block!important}.user-avatar-header{display:flex!important}.mobile-avatar,.user-info-mobile{display:none!important}}.user-avatar-sidebar{width:32px;height:32px;border-radius:50%;background:var(--color-primary, #667eea);color:#fff;font-weight:600;font-size:.875rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-greeting-sidebar{color:#374151;font-size:.875rem;font-weight:500;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:left center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.user-greeting-sidebar.visible{opacity:1;transform:translate(0) scaleX(1);width:auto}.user-greeting-sidebar.hidden{opacity:0;transform:translate(-20px) scaleX(0);width:0;overflow:hidden}.sidebar-nav:has(.nav-item:only-child){justify-content:flex-start}@media (max-width: 768px){.sidebar.vendor-mode{background:rgba(var(--color-primary-rgb, 102, 126, 234),.98)}.sidebar.vendor-mode .nav-item{color:#fff;font-weight:500}.sidebar.vendor-mode .nav-item:hover{background:rgba(255,255,255,.2)}.sidebar.vendor-mode .nav-item.active{background:rgba(255,255,255,.3)}.sidebar.vendor-mode .user-info-mobile{background:rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.2)}.sidebar.vendor-mode .user-avatar-sidebar{background:rgba(255,255,255,.9);color:var(--color-primary, #667eea)}.sidebar.vendor-mode .user-greeting-sidebar{color:#fff}}@media (max-width: 768px){.main-header{backdrop-filter:none;-webkit-backdrop-filter:none}.sidebar{transform:translate(-100%);width:280px;top:0;height:100vh;z-index:10060}.sidebar.open{transform:translate(0);box-shadow:2px 0 20px #00000080}.sidebar.open .nav-text,.sidebar.open .logout-text,.sidebar.open .logo-text,.sidebar.open .footer-info{opacity:1!important;max-width:200px!important;transform:none!important;display:block!important;visibility:visible!important;padding-right:1rem!important}.sidebar.open .sidebar-footer{padding:1rem!important}.content-area{margin-left:0!important;max-width:100vw!important}.main-layout{--sidebar-width: 0px}.header-menu-toggle{display:flex;flex-shrink:0;width:40px;height:40px}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;display:block}.header-content{padding:0 .75rem;justify-content:space-between;width:100%}.header-left{gap:.4rem;flex:1;min-width:0;width:100%}.header-logo{height:45px;flex-shrink:0}.nav-tooltip{display:none}.header-title{font-size:clamp(12px,calc(8px + 3vw),20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;font-weight:600}@media (max-width: 480px){.header-title{font-size:clamp(11px,calc(6px + 4vw),18px)}}@media (max-width: 360px){.header-title{font-size:clamp(10px,calc(4px + 5vw),16px)}}@supports (container-type: inline-size){.header-left{container-type:inline-size}@container (max-width: 400px){.header-title{font-size:clamp(10px,4cqw,16px)}}@container (max-width: 300px){.header-title{font-size:clamp(9px,5cqw,14px)}}}.header-clock{display:none}.header-right{gap:4px;margin-right:8px}.user-greeting{display:none}.user-profile-trigger .user-avatar-header{display:flex!important}.user-avatar-header,.mobile-avatar{display:none}.user-info-mobile{display:flex}.notif-dropdown{position:fixed;top:50px;left:0;right:0;bottom:0;width:100%;border-radius:0;border-left:none;border-right:none;border-bottom:none;box-shadow:none;z-index:9999;display:flex;flex-direction:column}.notif-dropdown-close{display:flex}.notif-list{max-height:none;flex:1;overflow-y:auto}.user-dropdown{position:fixed;top:50px;left:50%;transform:translate(-50%);right:auto;width:min(410px,95vw);min-width:unset;animation:dropdown-in-mobile .15s ease}.app-container{width:100vw;max-width:100vw;margin:0;box-sizing:border-box}}@keyframes dropdown-in-mobile{0%{opacity:0;transform:translate(-50%) translateY(-6px) scale(.97)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}[data-theme=dark] .main-layout{background:var(--bg-layout, #13141f)}[data-theme=dark] .sidebar{background:var(--bg-sidebar, #1e2030);border-right-color:var(--border-sidebar, #2d3150);box-shadow:2px 0 10px #0006}[data-theme=dark] .sidebar-header{border-bottom-color:var(--border-sidebar, #2d3150)}[data-theme=dark] .sidebar-toggle{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .hamburger span{background-color:var(--text-primary, #e5e7eb)}[data-theme=dark] .nav-item{color:var(--text-secondary, #cbd5e1)}[data-theme=dark] .nav-item:hover{background-color:#ffffff0f;color:var(--text-primary, #e5e7eb)}[data-theme=dark] .nav-tooltip,[data-theme=dark] .menu-tooltip{background-color:var(--bg-surface, #1e2030);border:1px solid var(--border-sidebar, #2d3150);color:var(--text-primary, #e5e7eb)}[data-theme=dark] .nav-tooltip:before,[data-theme=dark] .menu-tooltip:before{border-right-color:var(--bg-surface, #1e2030)}[data-theme=dark] .sidebar-footer{border-top-color:var(--border-sidebar, #2d3150)}[data-theme=dark] .footer-text{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .footer-version{color:var(--text-secondary, #6b7280)}[data-theme=dark] .user-section{border-top-color:var(--border-sidebar, #2d3150)}[data-theme=dark] .logout-btn{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .logout-btn:hover{background:rgba(239,68,68,.15);color:#fc8181}[data-theme=dark] .main-header{background:rgba(30,32,50,.97);border-bottom:1px solid var(--border-sidebar, #2d3150);box-shadow:0 2px 10px #0006}[data-theme=dark] .page-title,[data-theme=dark] .header-title{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .user-greeting,[data-theme=dark] .user-greeting-sidebar{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .header-menu-toggle{color:var(--color-primary, #667eea)}[data-theme=dark] .header-menu-toggle:hover{background:rgba(var(--color-primary-rgb,102,126,234),.15)}[data-theme=dark] .user-profile-trigger:hover{background:rgba(255,255,255,.08)}[data-theme=dark] .notif-trigger{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .notif-trigger:hover{background:rgba(255,255,255,.08);color:var(--text-primary, #e5e7eb)}[data-theme=dark] .user-dropdown{background:var(--bg-surface, rgba(30,32,50,.98));border-color:var(--border-sidebar, #2d3150);box-shadow:0 8px 30px #00000080}[data-theme=dark] .user-dropdown-header{background:rgba(255,255,255,.05)}[data-theme=dark] .user-dropdown-name{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .user-dropdown-role{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .user-dropdown-divider{background:var(--border-divider, rgba(255,255,255,.1))}[data-theme=dark] .user-dropdown-item{color:var(--text-label, #d1d5db)}[data-theme=dark] .user-dropdown-item:hover:not(:disabled){background:rgba(255,255,255,.07);color:var(--text-primary, #e5e7eb)}[data-theme=dark] .user-dropdown-badge{background:rgba(255,255,255,.1);color:var(--text-secondary, #9ca3af)}[data-theme=dark] .user-dropdown-lang-label{color:var(--text-label, #d1d5db)}[data-theme=dark] .user-dropdown-lang-group{background:rgba(255,255,255,.07)}[data-theme=dark] .user-dropdown-lang-btn{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .user-dropdown-lang-btn:hover:not(.active){background:rgba(255,255,255,.1);color:var(--text-primary, #e5e7eb)}[data-theme=dark] .user-dropdown-lang-btn.active{background:rgba(255,255,255,.15);color:var(--color-primary, #667eea);box-shadow:0 1px 3px #0000004d}[data-theme=dark] .user-dropdown-color-group{background:rgba(255,255,255,.07)}[data-theme=dark] .user-dropdown-color-btn.active{border-color:#ffffff80;box-shadow:0 0 0 2px #fff3,0 2px 6px #0006}[data-theme=dark] .notif-dropdown{background:var(--bg-surface, rgba(30,32,50,.98));border-color:var(--border-sidebar, #2d3150)}[data-theme=dark] .notif-dropdown-header{background:rgba(255,255,255,.05);border-bottom-color:var(--border-sidebar, #2d3150)}[data-theme=dark] .notif-dropdown-title{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .notif-mark-all{color:var(--color-primary, #667eea)}[data-theme=dark] .notif-mark-all:hover{background:rgba(var(--color-primary-rgb,102,126,234),.15)}[data-theme=dark] .notif-dropdown-close:hover{background:rgba(255,255,255,.1);color:var(--text-primary, #e5e7eb)}[data-theme=dark] .notif-list::-webkit-scrollbar-thumb{background:var(--border-divider, rgba(255,255,255,.2))}[data-theme=dark] .notif-item{border-bottom-color:var(--border-divider, rgba(255,255,255,.06))}[data-theme=dark] .notif-item:hover{background:rgba(255,255,255,.05)}[data-theme=dark] .notif-item--unread{background:rgba(var(--color-primary-rgb,102,126,234),.12)}[data-theme=dark] .notif-item--unread:hover{background:rgba(var(--color-primary-rgb,102,126,234),.18)}[data-theme=dark] .notif-item-title{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .notif-item--unread .notif-item-title{color:var(--text-primary, #f3f4f6)}[data-theme=dark] .notif-item-message{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .notif-item-time,[data-theme=dark] .notif-empty{color:var(--text-secondary, #6b7280)}[data-theme=dark] .user-info-mobile{border-bottom-color:var(--border-divider, rgba(255,255,255,.1))}.cpn-loadingspinner-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.cpn-loadingspinner-wrapper.fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:rgba(0,0,0,.3)}.cpn-loadingspinner-wrapper.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;background:rgba(255,255,255,.7)}.cpn-loadingspinner{width:48px;height:48px;border:4px solid rgba(var(--color-primary-rgb, 102, 126, 234),.2);border-top-color:var(--color-primary, #667eea);border-radius:50%;animation:cpn-spin 1s linear infinite}.cpn-loadingspinner.small{width:24px;height:24px;border-width:3px}.cpn-loadingspinner.large{width:64px;height:64px;border-width:5px}.cpn-loadingspinner.inline{display:inline-block;vertical-align:middle;margin:0}.cpn-loadingspinner-text{font-size:1.1rem;font-weight:500;color:var(--color-primary, #667eea);margin:0}.cpn-loadingspinner-text.small{font-size:.9rem}.cpn-loadingspinner-text.large{font-size:1.3rem}@keyframes cpn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-page{height:calc(100vh - 50px);width:100%;background:#ffffff;padding:0;margin:0;overflow:hidden}.dashboard-container{width:100%;height:100%;margin:0;padding:0;display:flex;flex-direction:column;overflow:hidden}.dashboard-header{display:flex;justify-content:space-between;align-items:center;background:white;padding:24px 32px;border-radius:16px;box-shadow:0 4px 12px #0000001a;border:1px solid #e2e8f0}.header-title{display:flex;align-items:center;gap:12px}.title-icon{color:#3b82f6}.header-title h1{margin:0;font-size:28px;font-weight:700;color:#1e293b}.header-info{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.welcome-text{font-size:16px;font-weight:600;color:#374151}.user-role{font-size:14px;color:#6b7280;padding:4px 12px;background:#f3f4f6;border-radius:20px}.quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.stat-card{background:white;padding:24px;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #e2e8f0;display:flex;align-items:center;gap:16px;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.stat-icon{padding:12px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center}.stat-content{flex:1}.stat-value{font-size:28px;font-weight:700;color:#1e293b;line-height:1;margin-bottom:4px}.stat-label{font-size:14px;color:#6b7280;font-weight:500}.dashboard-content{flex:1;height:100%;width:100%;overflow:hidden}.dashboard-panel{background:white;border-radius:0;box-shadow:none;border:none;overflow:hidden;height:100%;width:100%;display:flex;flex-direction:column;flex-shrink:0}.panel-header{padding:8px 16px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:#f8fafc;min-height:50px}.panel-header h2{margin:0;font-size:20px;font-weight:600;color:#1e293b}.panel-controls{display:flex;gap:8px}.control-btn{padding:8px 12px;border:1px solid #d1d5db;background:white;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#6b7280}.control-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af;color:#374151}.control-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn .spinning{animation:spin 1s linear infinite}.dashboard-iframe.loading{opacity:0}.iframe-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:white;z-index:10}.loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.iframe-loading p{color:#6b7280;font-size:16px;margin:0}.iframe-placeholder{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:white;z-index:5}.placeholder-content{text-align:center;max-width:600px;padding:40px}.placeholder-icon{color:#9ca3af;margin-bottom:24px}.placeholder-content h3{font-size:24px;font-weight:600;color:#1e293b;margin:0 0 16px}.placeholder-content p{color:#6b7280;font-size:16px;margin-bottom:24px;line-height:1.6}.placeholder-content ol{text-align:left;color:#374151;font-size:14px;line-height:1.6;margin-bottom:24px}.placeholder-content li{margin-bottom:8px}.placeholder-content code{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:13px;color:#dc2626}.placeholder-note{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:16px;text-align:left;font-size:14px;color:#92400e}.placeholder-note strong{color:#78350f}.dashboard-footer{text-align:center;padding:16px;color:#6b7280;font-size:14px}@media (max-width: 768px){.dashboard-page{padding:16px}.dashboard-header{flex-direction:column;gap:16px;text-align:center;padding:20px}.header-info{align-items:center}.quick-stats{grid-template-columns:1fr}.stat-card{padding:20px}.panel-header{padding:16px 20px;flex-direction:column;gap:12px}.dashboard-content.fullscreen{padding:12px}.placeholder-content{padding:24px 20px}.placeholder-content h3{font-size:20px}}@media (max-width: 480px){.header-title h1{font-size:22px}.stat-value{font-size:24px}.dashboard-panel{min-height:500px}}.dashboard-content,.stat-card,.control-btn{transition:all .2s ease}.control-btn:focus,.dashboard-iframe:focus{outline:2px solid #3b82f6;outline-offset:2px}.lego-reporting-view .embedding-footer{display:none!important;visibility:hidden!important;height:0!important;z-index:-1!important}.embedding-footer{display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important}.embedding-footer.layout-align-end-end.layout-row.show-navigation{display:none!important;visibility:hidden!important;height:0!important;max-height:0!important}[class*=embedding-footer]{display:none!important;visibility:hidden!important;height:0!important}[class*=show-navigation]{display:none!important;visibility:hidden!important}.iframe-container{flex:1;position:relative;background:#ffffff;height:calc(100% + 60px);width:100%;overflow:hidden;margin-bottom:-60px}.dashboard-iframe{width:100%;height:100%;border:none;transition:opacity .3s ease;display:block;margin:0;padding:0}.iframe-container .footer-overlay{position:absolute;bottom:0;left:0;right:0;height:50px;background:white;pointer-events:none;z-index:10;display:none}.toast-container{position:fixed;top:80px;right:30px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:400px;pointer-events:none}.toast-position-top-right{top:80px;right:20px;left:auto;bottom:auto}.toast-position-top-left{top:80px;left:50px;right:auto;bottom:auto}.toast-position-bottom-right{bottom:20px;right:20px;top:auto;left:auto;flex-direction:column-reverse}.toast-position-bottom-left{bottom:20px;left:50px;top:auto;right:auto;flex-direction:column-reverse}.toast{display:flex;align-items:center;gap:12px;padding:14px 16px 16px;background:var(--bg-surface, white);border-radius:8px;box-shadow:0 4px 12px #00000026;pointer-events:auto;animation:slideInRight .3s ease-out;border-left:4px solid;min-width:300px;position:relative;overflow:hidden}.toast.toast-closing{animation:slideOutRight .3s ease-out forwards}.toast-position-top-left .toast,.toast-position-bottom-left .toast{animation:slideInLeft .3s ease-out}.toast-position-top-left .toast.toast-closing,.toast-position-bottom-left .toast.toast-closing{animation:slideOutLeft .3s ease-out forwards}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}@keyframes slideInLeft{0%{transform:translate(-400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-400px);opacity:0}}.toast-success{border-left-color:#27ae60}.toast-success .toast-icon{color:#27ae60}.toast-error{border-left-color:#e74c3c}.toast-error .toast-icon{color:#e74c3c}.toast-warning{border-left-color:#f39c12}.toast-warning .toast-icon{color:#f39c12}.toast-info{border-left-color:#3498db}.toast-info .toast-icon{color:#3498db}.toast-icon{display:flex;align-items:center;flex-shrink:0}.toast-message{flex:1;font-size:14px;color:var(--text-primary, #2c3e50);line-height:1.4}.toast-close{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary, #7f8c8d);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;flex-shrink:0}.toast-close:hover{background:var(--bg-surface-hover, #ecf0f1);color:var(--text-primary, #2c3e50)}.toast-progress-bar{position:absolute;bottom:0;left:0;right:0;height:4px;background:rgba(0,0,0,.05);overflow:hidden}.toast-progress-fill{height:100%;background:currentColor;transition:width 50ms linear;opacity:.7}.toast-success .toast-progress-fill{background:#27ae60}.toast-error .toast-progress-fill{background:#e74c3c}.toast-warning .toast-progress-fill{background:#f39c12}.toast-info .toast-progress-fill{background:#3498db}@media (max-width: 768px){.toast-container{top:70px;right:10px;left:10px;max-width:none}.toast{min-width:auto;padding:12px 14px}.toast-message{font-size:13px}}.cpn-pagination-container{display:flex;justify-content:space-between;align-items:center;padding:5px 20px;margin-top:2px}.cpn-pagination-info{font-size:14px;color:#6b7280;font-weight:500}.cpn-pagination-info-label{margin-right:4px}.cpn-pagination-controls{display:flex;gap:8px;align-items:center}.cpn-pagination-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:2px solid #e5e7eb;border-radius:6px;background:white;cursor:pointer;transition:all .2s ease}.cpn-pagination-btn:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6}.cpn-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.cpn-pagination-current{padding:0 16px;font-size:14px;font-weight:600;color:#1f2937}.cpn-pagination-per-page{display:flex;align-items:center;gap:8px}.cpn-pagination-per-page label{font-size:14px;color:#6b7280;font-weight:500}.cpn-pagination-select{padding:6px 12px;border:2px solid #e5e7eb;border-radius:6px;font-size:14px;cursor:pointer}@media (max-width: 768px){.cpn-pagination-container{display:grid;grid-template-columns:25% 50% 25%;grid-template-areas:"info controls perpage";align-items:center;padding:6px 8px;gap:0}.cpn-pagination-info{grid-area:info;display:flex;flex-direction:column;font-size:11px;word-break:break-word;padding-right:4px}.cpn-pagination-info-label,.cpn-pagination-info-range{white-space:nowrap}.cpn-pagination-controls{grid-area:controls;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;white-space:nowrap;overflow:hidden}.cpn-pagination-btn{width:28px;height:28px;border-width:1px;flex-shrink:0}.cpn-pagination-btn svg{width:12px;height:12px}.cpn-pagination-current{padding:0 4px;font-size:11px;white-space:nowrap;flex-shrink:0}.cpn-pagination-per-page{grid-area:perpage;display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding-left:4px}.cpn-pagination-per-page label{font-size:11px;white-space:nowrap;line-height:1.2}.cpn-pagination-select{padding:3px 6px;font-size:11px;width:100%;max-width:70px}}.cpn-pagination-container--compact{display:grid!important;grid-template-columns:25% 50% 25%!important;grid-template-areas:"info controls perpage"!important;align-items:center!important;padding:6px 8px!important;gap:0!important}.cpn-pagination-container--compact .cpn-pagination-info{grid-area:info!important;display:flex!important;flex-direction:column!important;font-size:11px!important;word-break:break-word!important;padding-right:4px!important}.cpn-pagination-container--compact .cpn-pagination-info-label,.cpn-pagination-container--compact .cpn-pagination-info-range{white-space:nowrap!important}.cpn-pagination-container--compact .cpn-pagination-controls{grid-area:controls!important;display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important;gap:4px!important;white-space:nowrap!important;overflow:hidden!important}.cpn-pagination-container--compact .cpn-pagination-btn{width:28px!important;height:28px!important;border-width:1px!important;flex-shrink:0!important}.cpn-pagination-container--compact .cpn-pagination-btn svg{width:12px!important;height:12px!important}.cpn-pagination-container--compact .cpn-pagination-current{padding:0 4px!important;font-size:11px!important;white-space:nowrap!important;flex-shrink:0!important}.cpn-pagination-container--compact .cpn-pagination-per-page{grid-area:perpage!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:2px!important;padding-left:4px!important}.cpn-pagination-container--compact .cpn-pagination-per-page label{font-size:11px!important;white-space:nowrap!important;line-height:1.2!important}.cpn-pagination-container--compact .cpn-pagination-select{padding:3px 6px!important;font-size:11px!important;width:100%!important;max-width:70px!important}[data-theme=dark] .cpn-pagination-info,[data-theme=dark] .cpn-pagination-per-page label{color:var(--text-label, #6b7280)}[data-theme=dark] .cpn-pagination-current{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .cpn-pagination-btn{background:var(--bg-input, #252830);border-color:var(--border-input, #3a3f4f);color:var(--text-secondary, #8a93a8)}[data-theme=dark] .cpn-pagination-btn:hover:not(:disabled){border-color:var(--color-primary, #667eea);color:var(--color-primary, #667eea);background:var(--bg-surface-hover, #2a2f3d)}[data-theme=dark] .cpn-pagination-select{background:var(--bg-input, #252830);border-color:var(--border-input, #3a3f4f);color:var(--text-primary, #e2e8f0)}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}html body{font-family:Times New Roman,Times,serif!important}.printcard-page body,bo.preview-wrap{width:600px!important;min-width:320px!important;max-width:600px!important;flex-shrink:0!important;display:flex!important;flex-direction:column!important;background:#fafafa!important;border-left:1px solid #e0e0e0!important;margin:0!important;padding:0!important;position:relative!important;height:calc(100vh - 50px)!important;font-family:Times New Roman,Times,serif!important}age,html body .printcard-page{font-family:Times New Roman,Times,serif!important}#root{width:100%;height:100vh;margin:0;padding:0}.printcard-page-wrapper .container,.printcard-page-wrapper .container-fluid,.printcard-page-wrapper .container-sm,.printcard-page-wrapper .container-md,.printcard-page-wrapper .container-lg,.printcard-page-wrapper .container-xl,.printcard-page-wrapper .container-xxl{max-width:none;width:100%;margin:0;padding:0}.row{margin:0!important;padding:0!important}.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{padding:0!important;margin:0!important}.printcard-page-wrapper .shell *{max-width:none}.printcard-page-wrapper .shell .container,.printcard-page-wrapper .shell .container-fluid{max-width:none;width:100%;margin:0;padding:0}.printcard-page-wrapper .printcard-page{width:100%;height:100%;overflow:hidden;font-family:Times New Roman,Times,serif!important}.printcard-page-wrapper .printcard-page,.printcard-page *{font-family:Times New Roman,Times,serif!important}.printcard-page-wrapper .shell{display:flex!important;height:calc(100vh - 50px)!important;width:100%!important;background:#f5f5f5!important;overflow:hidden!important;margin:0!important;padding:0!important;position:relative!important}.printcard-page-wrapper .left{flex:1!important;display:flex!important;flex-direction:column!important;background:#fff!important;min-width:0!important;margin:0!important;padding:0!important;width:calc(100% - 600px)!important}.printcard-page-wrapper .right{width:400px;display:flex;flex-direction:column;background:#fafafa}[data-theme=dark] .printcard-page-wrapper .shell{background:var(--bg-surface)!important}[data-theme=dark] .printcard-page-wrapper .left{background:var(--bg-content)!important}[data-theme=dark] .printcard-page-wrapper .right{background:var(--bg-surface)}.printcard-page-wrapper .pane{display:flex;flex-direction:column;height:100%}.pane.list{flex:1;display:flex;flex-direction:column;height:100%}.printcard-page-wrapper .pane-title{padding:0 16px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-bottom:1px solid #e0e0e0;font-weight:600;font-size:16px;height:50px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-shrink:0;box-sizing:border-box}.printcard-page-wrapper .title-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.printcard-page-wrapper .title-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.title-left label{display:flex;align-items:center;gap:6px;font-size:14px;cursor:pointer;white-space:nowrap}.title-left input[type=checkbox]{margin:0;cursor:pointer}.title-left input[type=text]{padding:8px 12px;border:1px solid rgba(255,255,255,.3);border-radius:6px;background:rgba(255,255,255,.1);color:#fff;font-size:14px;flex:1;min-width:200px;max-width:none}.title-left input[type=text]::-moz-placeholder{color:#ffffffb3}.title-left input[type=text]::placeholder{color:#ffffffb3}.title-left input[type=text]:focus{outline:none;background:rgba(255,255,255,.2);border-color:#ffffff80}.title-left button{padding:8px 16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.title-left button:hover{background:rgba(255,255,255,.2);border-color:#ffffff80}.title-left button:disabled{opacity:.5;cursor:not-allowed}.title-right button{padding:8px 16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease;white-space:nowrap}.title-right button:hover{background:rgba(255,255,255,.2);border-color:#ffffff80}.title-right button:disabled{opacity:.5;cursor:not-allowed}.printcard-page-wrapper .pane-footer{padding:12px 16px;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;align-items:center;justify-content:space-between;gap:16px;height:50px;flex-shrink:0;box-sizing:border-box;min-width:0}.printcard-page-wrapper .footer-left,.printcard-page-wrapper .footer-right{flex:0 0 auto;white-space:nowrap;font-size:13px}.printcard-page-wrapper .footer-center{flex:1;display:flex;justify-content:center;min-width:0}.printcard-page-wrapper .cell-person{display:flex;align-items:center;gap:12px}.printcard-page-wrapper .thumb{width:45px;height:60px;border-radius:8px;-o-object-fit:cover;object-fit:cover;border:1px solid #e9ecef;background:#f3f3f3;aspect-ratio:3/4;box-shadow:0 1px 2px #0000000a}.printcard-page-wrapper .meta{flex:1}.printcard-page-wrapper .name{font-weight:500;color:#333;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.printcard-page-wrapper .sub{font-size:12px;color:#6c757d}[data-theme=dark] .printcard-page-wrapper .pane-title{background:#0f172a;border-bottom-color:var(--border-divider)}[data-theme=dark] .printcard-page-wrapper .pane-footer{background:var(--bg-surface);border-top-color:var(--border-divider);color:var(--text-secondary, #8a93a8)}[data-theme=dark] .printcard-page-wrapper .thumb{border-color:var(--border-divider);background:var(--bg-input)}[data-theme=dark] .printcard-page-wrapper .name{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .printcard-page-wrapper .sub,[data-theme=dark] .printcard-page-wrapper .footer-left,[data-theme=dark] .printcard-page-wrapper .footer-right{color:var(--text-secondary, #8a93a8)}.printcard-page-wrapper .table-wrap{flex:1;overflow:auto;background:white;width:100%;min-width:0;height:calc(100vh - 150px);position:relative}.printcard-page-wrapper .grid{width:100%;min-width:100%;border-collapse:collapse;font-size:14px;table-layout:auto}.grid th{background:#f8f9fa;border-bottom:2px solid #e9ecef;padding:0;position:sticky;top:0;z-index:10;vertical-align:middle;min-width:80px}.grid th:first-child{min-width:36px;max-width:36px;width:36px}.grid th span{display:block;padding:12px 8px;font-weight:600;color:#495057;text-align:left}.printcard-page-wrapper .th-cell{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;min-height:48px;white-space:nowrap;position:relative}.th-cell span{flex:1;text-align:center;font-weight:600;color:#495057;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 24px)}.printcard-page-wrapper .th-sort-label{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-flex!important;align-items:center;gap:2px;padding:4px!important;border-radius:4px;transition:background .15s ease;max-width:calc(100% - 28px)!important;white-space:nowrap}.printcard-page-wrapper .th-sort-label:hover{background:rgba(var(--color-primary-rgb, 102, 126, 234),.1);color:#4e6dce}.printcard-page-wrapper .sort-icon{font-size:11px;opacity:.5;font-weight:400;flex-shrink:0;font-style:normal;letter-spacing:-.5px}.printcard-page-wrapper .th-sort-label:hover .sort-icon{opacity:.9}.grid td{padding:2px 5px;text-align:center;border-bottom:1px solid #e9ecef;vertical-align:middle}.grid tr:hover{background:#4d8ec4}.grid tr.selected{background:#3fc56c!important}.grid tr.selected:hover{background:#4d8ec4!important}[data-theme=dark] .printcard-page-wrapper .table-wrap{background:var(--bg-content)}[data-theme=dark] .printcard-page-wrapper .grid th{background:var(--bg-input);border-bottom-color:var(--border-divider)}[data-theme=dark] .printcard-page-wrapper .grid th span,[data-theme=dark] .printcard-page-wrapper .th-cell span{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .printcard-page-wrapper .grid td{border-bottom-color:var(--border-divider);color:var(--text-primary, #e2e8f0)}.printcard-page-wrapper .filter-btn{background:lavender;border:none;cursor:pointer;padding:4px 6px;color:#6c757d;font-size:12px;line-height:1;border-radius:3px;transition:all .2s ease;flex-shrink:0;margin-left:4px}.filter-btn:hover{background:rgba(108,117,125,.1);color:#495057}.filter-btn:focus{outline:none;background:rgba(108,117,125,.15)}.printcard-page-wrapper .filter-menu{position:absolute;top:100%;right:0;background:white;border:1px solid #e9ecef;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:300px;max-width:500px;padding:12px;display:none}.th-cell:first-child .filter-menu{right:auto;left:0}.th-cell:last-child .filter-menu{right:0;left:auto;transform:translate(0)}.th-cell:nth-last-child(-n+2) .filter-menu{right:0;max-width:280px}.filter-menu.show{display:block;max-height:80vh;overflow:visible}.printcard-page-wrapper .filter-search{width:100%;padding:8px 12px;border:1px solid #e9ecef;border-radius:4px;font-size:13px;margin-bottom:8px}.filter-search:focus{outline:none;border-color:var(--color-primary, #667eea);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 102, 126, 234),.1)}.printcard-page-wrapper .filter-options{max-height:calc(70vh - 120px);overflow-y:auto;border:1px solid #e9ecef;border-radius:4px;margin-bottom:12px}.printcard-page-wrapper .filter-option{display:flex;align-items:center;padding:6px 10px;font-size:13px;cursor:pointer;border-bottom:1px solid #f8f9fa}.filter-option:last-child{border-bottom:none}.filter-option:hover{background:#f8f9fa}.filter-option input[type=checkbox]{margin-right:8px}.printcard-page-wrapper .filter-option-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left!important}.printcard-page-wrapper .filter-option-count{color:#6c757d;font-size:11px;margin-left:4px;flex-shrink:0;text-align:right!important;min-width:30px;padding-left:8px}.printcard-page-wrapper .filter-actions{display:flex;gap:8px;justify-content:flex-end}.filter-actions button{padding:6px 12px;border:1px solid #e9ecef;background:white;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s ease}.filter-actions button:first-child{background:var(--color-primary, #667eea);color:#fff;border-color:var(--color-primary, #667eea)}.filter-actions button:first-child:hover{background:#5a6fd8;border-color:#5a6fd8}.filter-actions button:last-child:hover{background:#f8f9fa}.printcard-page-wrapper .select-all-option{background:#f8f9fa;font-weight:500;border-bottom:2px solid #e9ecef!important}.printcard-page-wrapper .menu-actions{display:flex;gap:8px}.menu-actions button{flex:1;padding:6px 12px;border:1px solid #e9ecef;background:white;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s ease}.menu-actions button:first-child{background:var(--color-primary, #667eea);color:#fff;border-color:var(--color-primary, #667eea)}.menu-actions button:first-child:hover{background:#5a6fd8}.menu-actions button:last-child:hover{background:#f8f9fa}.filter-menu{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:400px;display:flex;flex-direction:column;font-size:14px}.filter-menu.show{display:flex}.filter-search{padding:8px;border-bottom:1px solid #eee}.filter-search .col-filter{width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:3px;font-size:13px}.filter-controls{padding:10px 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;background:#f8f9fa;font-size:12px}.select-all-btn{background:none;border:none;color:#007bff;cursor:pointer;font-size:12px;padding:4px 8px;border-radius:3px;font-weight:500;transition:background-color .15s ease}.select-all-btn:hover{background:rgba(0,123,255,.1);text-decoration:none}.selected-count{font-size:12px;color:#666;font-weight:500;padding:3px 8px;border-radius:12px}.filter-values{flex:1;overflow-y:auto;max-height:250px;padding:4px 0}.filter-value-item{display:flex;align-items:center;padding:8px 12px;cursor:pointer;margin:0;font-size:13px;border-bottom:1px solid #f0f0f0;transition:background-color .15s ease}.filter-value-item:hover{background:#f8f9fa}.filter-value-item:last-child{border-bottom:none}.filter-value-item input[type=checkbox]{margin-right:10px;margin-left:0;width:16px;height:16px;cursor:pointer;accent-color:#007bff}.filter-value-text{flex:1;line-height:1.4;word-break:break-word;cursor:pointer;margin-right:8px}.filter-value-count{font-size:11px;color:#666;background-color:#e9ecef;padding:2px 6px;border-radius:10px;font-weight:500;flex-shrink:0;min-width:-moz-fit-content;min-width:fit-content}.filter-value-item input[type=checkbox]:checked{background-color:#007bff;border-color:#007bff}.no-values{padding:12px;text-align:center;color:#999;font-style:italic;font-size:13px}.menu-actions{padding:8px;border-top:1px solid #eee;display:flex;gap:8px;background:#f9f9f9}.menu-actions button{flex:1;padding:6px 12px;border:1px solid #ddd;border-radius:3px;background:white;cursor:pointer;font-size:12px}.menu-actions button:hover{background:#f5f5f5}.menu-actions button:first-child{background:#007bff;color:#fff;border-color:#007bff;font-weight:500}.menu-actions button:first-child:hover{background:#0056b3;border-color:#0056b3}.menu-actions button:last-child{background:#6c757d;color:#fff;border-color:#6c757d}.menu-actions button:last-child:hover{background:#545b62;border-color:#545b62}[data-theme=dark] .printcard-page-wrapper .filter-btn{background:var(--bg-input);color:var(--text-secondary, #8a93a8)}[data-theme=dark] .printcard-page-wrapper .filter-menu,[data-theme=dark] .filter-menu{background:var(--bg-surface);border-color:var(--border-divider);box-shadow:0 4px 12px #0006}[data-theme=dark] .printcard-page-wrapper .filter-search,[data-theme=dark] .filter-search{border-bottom-color:var(--border-divider)}[data-theme=dark] .printcard-page-wrapper .filter-search input,[data-theme=dark] .filter-search .col-filter{background:var(--bg-input);border-color:var(--border-input);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .printcard-page-wrapper .filter-options{border-color:var(--border-divider)}[data-theme=dark] .printcard-page-wrapper .filter-option,[data-theme=dark] .filter-value-item{border-bottom-color:var(--border-divider);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .printcard-page-wrapper .filter-option:hover,[data-theme=dark] .filter-value-item:hover{background:var(--bg-surface-hover)}[data-theme=dark] .printcard-page-wrapper .filter-option-count,[data-theme=dark] .filter-value-count{background-color:var(--bg-input);color:var(--text-secondary, #8a93a8)}[data-theme=dark] .printcard-page-wrapper .filter-actions button:last-child,[data-theme=dark] .menu-actions button:last-child{background:var(--bg-input);border-color:var(--border-divider);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .printcard-page-wrapper .select-all-option{background:var(--bg-input);border-bottom-color:var(--border-divider)!important;color:var(--text-primary, #e2e8f0)}[data-theme=dark] .filter-controls{background:var(--bg-input);border-bottom-color:var(--border-divider)}[data-theme=dark] .selected-count{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .menu-actions{background:var(--bg-input);border-top-color:var(--border-divider)}[data-theme=dark] .no-values{color:var(--text-secondary, #8a93a8)}.filter-values::-webkit-scrollbar{width:6px}.filter-values::-webkit-scrollbar-track{background:#f1f1f1}.filter-values::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.filter-values::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.printcard-page-wrapper .cpn-pagination-container{width:100%!important;padding:0!important;margin-top:0!important}.printcard-page-wrapper .cpn-pagination-container,.printcard-page-wrapper .cpn-pagination-container *{font-family:Inter,system-ui,-apple-system,sans-serif!important}.printcard-page-wrapper .preview-wrap{width:560px!important;min-width:320px!important;max-width:600px!important;flex-shrink:0!important;display:flex!important;flex-direction:column!important;background:#fafafa!important;border-left:1px solid #e0e0e0!important;margin:0!important;padding:0!important;position:relative!important;height:100vh!important;font-family:Times New Roman,Times,serif!important}.printcard-page-wrapper .preview-header{padding:0 12px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-bottom:1px solid #e0e0e0;height:50px;display:flex;align-items:center;flex-shrink:0;box-sizing:border-box;font-family:Times New Roman,Times,serif!important}.preview-header>div{display:flex;flex-direction:row;gap:12px;align-items:center;width:100%;justify-content:space-between}.printcard-page-wrapper .selected-count{color:#000;font-size:12px;text-align:center;flex:1}.selected-count span{font-size:18px;font-weight:700;color:#3700ff}.printcard-page-wrapper .selected-table-controls{display:flex;flex-direction:row;gap:8px}.selected-table-controls button{padding:6px 12px;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-family:inherit!important;transition:all .2s ease;width:auto;min-width:100px;white-space:nowrap}.selected-table-controls button:hover{background:#5a6268;transform:translateY(-1px)}.actions button.primary{padding:8px;background:linear-gradient(135deg,#28a745 0%,#20c997 100%);color:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:600;font-family:inherit!important;transition:all .2s ease;box-shadow:0 2px 8px #28a74533;width:100%}.actions button.primary:hover:not(:disabled){background:linear-gradient(135deg,#218838 0%,#1ba085 100%);transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.actions button.primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.printcard-page-wrapper .pages{flex:1;overflow:auto;padding:12px;background:#ececec;font-family:Times New Roman,Times,serif!important;min-height:0}.printcard-page-wrapper .preview-page{background:#fff;width:210mm;height:297mm;padding:10mm;box-shadow:0 4px 8px #0000001a;border-radius:15px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(5,1fr);row-gap:2mm;-moz-column-gap:2mm;column-gap:2mm;transform:scale(.67);transform-origin:top center;position:relative;margin-bottom:-360px}.printcard-page-wrapper .preview-card-container{display:flex;align-items:center;justify-content:center;position:relative;margin:0;padding:0;width:100%;height:100%}.printcard-page-wrapper .card-slot{margin:0 auto}.printcard-page-wrapper .preview-card-container:nth-child(odd) .card-slot{margin-left:auto;margin-right:0}.printcard-page-wrapper .preview-card-container:nth-child(2n) .card-slot{margin-left:0;margin-right:auto}.printcard-page-wrapper .empty-state{text-align:center;padding:40px 20px;color:#6c757d;font-family:inherit!important}.printcard-page-wrapper .preview-cards{display:flex;flex-direction:column;gap:8px;align-items:center;width:100%}.printcard-page-wrapper .preview-navigation{display:flex;justify-content:center;align-items:center;gap:12px}.printcard-page-wrapper .preview-nav-btn{padding:8px 16px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;transition:all .2s ease;pointer-events:auto;position:relative;z-index:10}.preview-nav-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd8 0%,#6a4190 100%);transform:translateY(-1px)}.preview-nav-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.printcard-page-wrapper .preview-page-info{color:#6c757d;font-size:14px;font-weight:500}.printcard-page-wrapper .preview-footer{padding:12px 16px;background:#f8f9fa;border-top:1px solid #e9ecef;color:#6c757d;font-size:14px;bottom:50px;font-family:Times New Roman,Times,serif!important;height:50px;flex-shrink:0;box-sizing:border-box;display:flex!important;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:10}.printcard-page-wrapper .footer-info{display:flex;align-items:center}.printcard-page .preview-footer .footer-info{text-align:center!important;display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important}.printcard-page .preview-footer .footer-info span{text-align:center!important;display:block!important;width:100%!important}[data-theme=dark] .printcard-page-wrapper .preview-wrap{background:var(--bg-surface)!important;border-left-color:var(--border-divider)!important}[data-theme=dark] .printcard-page-wrapper .preview-header{background:#0f172a;border-bottom-color:var(--border-divider)}[data-theme=dark] .printcard-page-wrapper .selected-count{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .printcard-page-wrapper .selected-count span{color:#93c5fd}[data-theme=dark] .printcard-page-wrapper .pages{background:#1e2435}[data-theme=dark] .printcard-page-wrapper .empty-state,[data-theme=dark] .printcard-page-wrapper .preview-page-info{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .printcard-page-wrapper .preview-footer{background:var(--bg-surface);border-top-color:var(--border-divider);color:var(--text-secondary, #8a93a8)}.background-blur{position:absolute;left:50%;top:52%;width:8cm;height:auto;transform:translate(-50%,-50%);-o-object-fit:contain;object-fit:contain;opacity:.2;z-index:0;pointer-events:none;max-width:135%;max-height:135%}.card-slot{width:8.6cm;height:5.4cm;box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin:0;padding:0;float:left;border:none;border-radius:2mm;background:transparent}.card-slot.has-card{border:1.5px dashed #333;position:relative}.card-font-controls{position:absolute;top:100px;left:5px;right:5px;display:flex!important;justify-content:space-between;align-items:center;z-index:999;width:calc(100% - 117px);pointer-events:auto!important;height:25px;background:rgba(255,255,255,.1);border-radius:4px}.card-font-controls button{pointer-events:auto!important;cursor:pointer!important}.card-remove-btn{position:absolute;top:0;right:0;width:30px;height:30px;border:2px solid #dc3545;background:rgba(220,53,69,.9);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;line-height:1;box-shadow:0 2px 6px #0000004d;transition:all .2s ease;z-index:1001;pointer-events:auto}.card-remove-btn:hover{background:rgba(185,28,28,.95);transform:scale(1.1);border-color:#b91c1c}.card-remove-btn:active{transform:scale(.95)}.card-font-controls .font-control-btn{pointer-events:auto}@media print{.card-font-controls,.card-remove-btn{display:none!important}}.font-control-btn{width:24px!important;height:24px!important;border:2px solid #333!important;background:rgba(255,255,255,.95)!important;border-radius:50%!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:14px!important;font-weight:700!important;color:#333!important;line-height:1!important;box-shadow:0 2px 6px #0000004d!important;transition:all .2s ease!important;z-index:1000!important;pointer-events:auto!important;position:relative!important}.font-control-btn:hover{background:rgba(240,240,240,.95);transform:scale(1.1);border-color:#000}.font-control-btn:active{transform:scale(.95);background:rgba(220,220,220,.95)}.id-card-container{width:8.3cm;height:5.2cm;box-sizing:border-box;padding:2mm;border:1.2px solid #333;border-radius:2mm;background:#fff;position:relative;overflow:hidden;display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;margin:0 auto;font-family:Times New Roman,Times,serif!important}.id-left,.id-center,.id-right{position:absolute;top:0;bottom:0}.id-left{left:0;width:16%;height:100%}.id-right{right:0;width:35%;height:100%;align-items:center}.qr-cccd{position:static;width:50px;height:50px;margin:0 auto 2px;display:block}.label-cccd{position:static;font-size:1em;color:#b71c1c;font-weight:500;text-align:center;margin-top:2px}.qr-msnv{position:static;width:50px;height:50px;margin:0 auto 2px;display:block}.msnv-label{position:static;font-size:1em;color:#b71c1c;font-weight:500;text-align:center;margin-top:2px}.field-name{position:absolute;top:45%;left:0;width:calc(72% - 20px);padding:0 10px;transform:translateY(-50%);text-align:center;font-size:1.2em;font-weight:700;letter-spacing:.1px;color:#181818;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.field-name span.name-fit{display:inline-block;width:100%;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:inherit;text-align:center}.field-id{position:absolute;top:62%;left:0;width:calc(72% - 20px);padding:0 10px;transform:translateY(-50%);text-align:center;font-size:1.3em;font-weight:700;letter-spacing:.5px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.field-id span{display:inline-block;width:100%;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:inherit;text-align:center}.dept{position:absolute;bottom:18px;left:11%;width:calc(65% - 20px);padding:0 10px;text-align:center;font-size:1.2em;color:#222;font-weight:500;line-height:1.2}.company-logo{position:absolute;top:-5px;right:25px;width:60px;height:auto;-webkit-text-emphasis:center;text-emphasis:center;-o-object-fit:contain;object-fit:contain}.company-name{position:absolute;top:45px;right:0;width:108px;height:18px;background:#1565c0;color:#fff;font-size:.5em;font-weight:700;letter-spacing:.1px;text-align:center;border-radius:6px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 8px #e3eaf7}.avatar{position:absolute;bottom:2px;right:2px;width:2.76cm;height:3.37cm;-o-object-fit:cover;object-fit:cover;border-radius:2mm;border:1px solid #aaa;background:#eee}.qr-cccd-wrap{padding:2px;margin:3px;display:flex;flex-direction:column;align-items:center;width:-moz-fit-content;width:fit-content}.qr-msnv-wrap{padding:2px;margin:3px;display:flex;flex-direction:column;align-items:center;width:-moz-fit-content;width:fit-content;position:absolute;left:0;bottom:-4px}.qr-cccd-wrap img,.qr-msnv-wrap img{border:1px solid #888;border-radius:6px;display:block;margin:0;padding:2px;width:1cm;height:1cm}.label-cccd,.msnv-label{text-align:center;margin-top:2px;font-size:.8em}.printcard-page-wrapper .print-preview-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;display:flex;align-items:center;justify-content:center;font-family:Times New Roman,Times,serif!important}.printcard-page-wrapper .print-preview-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.printcard-page-wrapper .print-preview-container{position:relative;width:90vw;height:90vh;max-width:1200px;background:white;border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;overflow:hidden}.printcard-page-wrapper .print-preview-header{padding:16px 24px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.print-preview-header h3{margin:0;font-size:18px;font-weight:600}.printcard-page-wrapper .close-btn{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s ease}.close-btn:hover{background:rgba(255,255,255,.2)}.printcard-page-wrapper .print-preview-content{flex:1;overflow:auto;background:#ececec;padding:20px}.printcard-page-wrapper .print-preview-pages{display:flex;flex-direction:column;gap:20px;align-items:center}.print-preview-modal .preview-page{transform:scale(.8);margin-bottom:-200px}.printcard-page-wrapper .print-preview-footer{padding:16px 24px;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.printcard-page-wrapper .print-info{color:#6c757d;font-size:14px}.printcard-page-wrapper .print-actions{display:flex;gap:12px}.printcard-page-wrapper .cancel-btn{padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.cancel-btn:hover{background:#5a6268}.printcard-page-wrapper .print-btn{padding:10px 20px;background:linear-gradient(135deg,#28a745 0%,#20c997 100%);color:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 8px #28a74533}.print-btn:hover{background:linear-gradient(135deg,#218838 0%,#1ba085 100%);transform:translateY(-1px);box-shadow:0 4px 12px #28a7454d}.printcard-page-wrapper .print-preview-modal{animation:modalFadeIn .3s ease-out}.printcard-page-wrapper .print-preview-container{animation:modalSlideIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.printcard-page-wrapper .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.printcard-page-wrapper .modal-content{background:white;border-radius:8px;box-shadow:0 10px 30px #0000004d;max-width:500px;width:90%;max-height:90vh;overflow:hidden;animation:modalAppear .2s ease-out}@keyframes modalAppear{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.printcard-page-wrapper .modal-header{padding:20px 24px 16px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:#111827}.printcard-page-wrapper .modal-body{padding:24px;color:#374151;line-height:1.5}.modal-body p{margin:0 0 16px}.modal-body p:last-child{margin-bottom:0}.modal-body .text-secondary{font-size:14px;color:#6b7280}.printcard-page-wrapper .modal-footer{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end;background:#f9fafb;border-top:1px solid #e5e7eb}.printcard-page-wrapper .btn-secondary{padding:8px 16px;border:1px solid #d1d5db;background:white;color:#374151;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f3f4f6;border-color:#9ca3af}.printcard-page-wrapper .btn-primary{padding:8px 16px;border:1px solid #3b82f6;background:#3b82f6;color:#fff;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#2563eb;border-color:#2563eb}[data-theme=dark] .printcard-page-wrapper .print-preview-container{background:var(--bg-surface);box-shadow:0 20px 40px #00000080}[data-theme=dark] .printcard-page-wrapper .print-preview-header{background:#0f172a;border-bottom:1px solid rgba(255,255,255,.08)}[data-theme=dark] .printcard-page-wrapper .print-preview-content{background:#1e2435}[data-theme=dark] .printcard-page-wrapper .print-preview-footer{background:var(--bg-surface);border-top-color:var(--border-divider)}[data-theme=dark] .printcard-page-wrapper .print-info{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .printcard-page-wrapper .modal-content{background:var(--bg-surface);box-shadow:0 10px 30px #00000080}[data-theme=dark] .printcard-page-wrapper .modal-header,[data-theme=dark] .printcard-page-wrapper .modal-footer{background:var(--bg-input);border-color:var(--border-divider)}[data-theme=dark] .modal-header h3{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .printcard-page-wrapper .modal-body{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .printcard-page-wrapper .btn-secondary{background:var(--bg-input);border-color:var(--border-input);color:var(--text-primary, #e2e8f0)}.printcard-page-wrapper .loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid var(--color-primary, #667eea);border-radius:50%;animation:spin 1s linear infinite}.empty-state svg{opacity:.3;margin-bottom:16px}.empty-state p{margin:0;font-size:16px;font-family:inherit!important}.printcard-page-wrapper .text-center{text-align:center}.printcard-page-wrapper .text-left{text-align:left}.printcard-page-wrapper .text-right{text-align:right}.printcard-page-wrapper .font-bold{font-weight:700}.printcard-page-wrapper .font-medium{font-weight:500}.printcard-page-wrapper .font-normal{font-weight:400}.printcard-page-wrapper .text-primary{color:var(--color-primary, #667eea)}.printcard-page-wrapper .text-secondary{color:#6c757d}.printcard-page-wrapper .text-success{color:#28a745}.printcard-page-wrapper .text-danger{color:#dc3545}.printcard-page-wrapper .text-warning{color:#ffc107}.printcard-page-wrapper .text-info{color:#17a2b8}.printcard-page-wrapper .bg-primary{background-color:var(--color-primary, #667eea)}.printcard-page-wrapper .bg-secondary{background-color:#6c757d}.printcard-page-wrapper .bg-success{background-color:#28a745}.printcard-page-wrapper .bg-danger{background-color:#dc3545}.printcard-page-wrapper .bg-warning{background-color:#ffc107}.printcard-page-wrapper .bg-info{background-color:#17a2b8}.printcard-page-wrapper .mb-0{margin-bottom:0}.printcard-page-wrapper .mb-1{margin-bottom:4px}.printcard-page-wrapper .mb-2{margin-bottom:8px}.printcard-page-wrapper .mb-3{margin-bottom:12px}.printcard-page-wrapper .mb-4{margin-bottom:16px}.printcard-page-wrapper .mb-5{margin-bottom:20px}.printcard-page-wrapper .mt-0{margin-top:0}.printcard-page-wrapper .mt-1{margin-top:4px}.printcard-page-wrapper .mt-2{margin-top:8px}.printcard-page-wrapper .mt-3{margin-top:12px}.printcard-page-wrapper .mt-4{margin-top:16px}.printcard-page-wrapper .mt-5{margin-top:20px}.printcard-page-wrapper .p-0{padding:0}.printcard-page-wrapper .p-1{padding:4px}.printcard-page-wrapper .p-2{padding:8px}.printcard-page-wrapper .p-3{padding:12px}.printcard-page-wrapper .p-4{padding:16px}.printcard-page-wrapper .p-5{padding:20px}@media (max-width: 1400px){.th-cell span{font-size:12px}.printcard-page-wrapper .filter-btn{font-size:10px;padding:2px 4px}.printcard-page-wrapper .preview-page{transform:scale(.5);margin-bottom:-70px}.printcard-page-wrapper .preview-wrap{width:500px!important}.printcard-page-wrapper .left{width:calc(100% - 500px)!important}}@media (max-width: 1200px){.printcard-page-wrapper .th-cell{padding:6px 8px;min-height:40px}.th-cell span{font-size:11px}.printcard-page-wrapper .filter-menu{min-width:200px}.printcard-page-wrapper .preview-page{transform:scale(.45);margin-bottom:-80px}.printcard-page-wrapper .preview-wrap{width:450px!important}.printcard-page-wrapper .left{width:calc(100% - 450px)!important}}@media (max-width: 1024px){.printcard-page-wrapper .th-cell{padding:4px 6px;min-height:36px}.th-cell span{font-size:10px}.printcard-page-wrapper .filter-btn{padding:1px 3px}.printcard-page-wrapper .filter-menu{min-width:180px;max-width:250px}.printcard-page-wrapper .filter-menu{right:auto!important;left:0!important;transform:none!important}.printcard-page-wrapper .shell{flex-direction:column!important;height:auto!important}.printcard-page-wrapper .left{width:100%!important;height:60vh!important}.printcard-page-wrapper .preview-wrap{width:100%!important;height:40vh!important}.printcard-page-wrapper .preview-page{transform:scale(.3);margin-bottom:-120px}.printcard-page-wrapper .pages{height:calc(40vh - 100px)!important}}@media (max-width: 768px){.printcard-page-wrapper .font-control-btn{width:20px!important;height:20px!important;font-size:12px!important}.printcard-page-wrapper .card-remove-btn{width:18px!important;height:18px!important;font-size:10px!important}.printcard-page-wrapper .preview-navigation{flex-wrap:wrap;gap:8px}.printcard-page-wrapper .preview-nav-btn{padding:6px 12px;font-size:11px}.printcard-page-wrapper .print-preview-container{width:95vw;height:95vh}.print-preview-modal .preview-page{transform:scale(.4);margin-bottom:-300px}.printcard-page-wrapper .print-actions{flex-direction:column;gap:8px}.printcard-page-wrapper .cancel-btn,.printcard-page-wrapper .print-btn{width:100%;justify-content:center}.printcard-page-wrapper .pane-footer{flex-direction:column;height:auto;gap:8px;padding:8px}.printcard-page-wrapper .footer-left,.printcard-page-wrapper .footer-right,.printcard-page-wrapper .footer-center{flex:none;width:100%;justify-content:center;text-align:center}.printcard-page-wrapper .pagination{gap:8px}.printcard-page-wrapper .pagination button{padding:6px 12px;font-size:12px;min-width:60px}.printcard-page-wrapper #pageInfo{font-size:12px;padding:6px 12px}}.printcard-page-wrapper .mobile-tab-switcher{display:none}@media (max-width: 1024px){.printcard-page-wrapper .shell{height:calc(100vh - 50px)!important;overflow:hidden!important}.printcard-page-wrapper .mobile-tab-switcher{display:flex!important;position:sticky;top:0;z-index:100;background:white;border-bottom:2px solid #e0e0e0;height:51px;flex-shrink:0}.printcard-page-wrapper .tab-btn{flex:1;padding:12px;background:#f5f5f5;border:none;border-bottom:3px solid transparent;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .2s ease}.printcard-page-wrapper .tab-btn.active{background:white;color:var(--color-primary, #667eea);border-bottom-color:var(--color-primary, #667eea)}.printcard-page-wrapper .left,.printcard-page-wrapper .preview-wrap{display:none!important}.printcard-page-wrapper .left.active,.printcard-page-wrapper .preview-wrap.active{display:flex!important}.printcard-page-wrapper .left.active{width:100%!important;height:calc(100vh - 101px)!important;overflow:hidden!important;flex-direction:column!important}.printcard-page-wrapper .left.active .pane.list{flex-direction:column!important;height:100%!important;overflow:hidden!important}.printcard-page-wrapper .left.active .pane-title{position:sticky!important;top:0!important;z-index:200!important;flex-wrap:wrap!important}.printcard-page-wrapper .left.active .table-wrap{flex:1!important;height:0!important;min-height:0!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:auto!important;z-index:1!important;-webkit-overflow-scrolling:touch}.printcard-page-wrapper .left.active .table-wrap .grid{width:-moz-max-content!important;width:max-content!important;min-width:100%!important}.printcard-page-wrapper .left.active .table-wrap .filter-menu{z-index:10000!important}.printcard-page-wrapper .left.active .pane-footer{position:sticky!important;bottom:0!important;z-index:200!important;background:#f8f9fa!important;height:50px!important;padding:0!important;display:block!important}.printcard-page-wrapper .preview-wrap.active{width:100%!important;height:calc(100vh - 101px)!important;overflow:visible!important}.printcard-page-wrapper .preview-wrap.active .preview-header{flex-direction:column!important;height:auto!important;padding:12px!important;align-items:stretch!important}.printcard-page-wrapper .preview-wrap.active .preview-header>div{flex-direction:column!important;gap:px!important;width:100%!important;align-items:stretch!important;justify-content:flex-start!important}.printcard-page-wrapper .preview-wrap.active .selected-count{order:1!important;width:100%!important;text-align:center!important;font-size:16px!important;font-weight:600!important;flex:none!important}.printcard-page-wrapper .preview-wrap.active .selected-table-controls{order:2!important;width:100%!important;display:flex!important;flex-direction:row!important;justify-content:center!important;gap:8px!important;flex-wrap:nowrap!important;flex:none!important}.printcard-page-wrapper .preview-wrap.active .selected-table-controls button{flex:1!important;max-width:200px!important}.printcard-page-wrapper .preview-wrap.active .actions{order:3!important;width:100%!important;flex:none!important}.printcard-page-wrapper .preview-wrap.active .actions button{width:100%!important}.printcard-page-wrapper .preview-wrap.active .preview-page{transform:scale(.45)!important;margin-bottom:-80px!important}.printcard-page-wrapper .preview-wrap.active .pages{height:calc(100vh - 221px)!important;overflow-y:auto!important}}@media (max-width: 768px){.printcard-page-wrapper .left.active .pane-title{height:auto!important;padding:8px 12px!important}.printcard-page-wrapper .left.active .title-left{order:1!important;width:100%!important;margin-bottom:8px!important}.printcard-page-wrapper .left.active .title-right{order:2!important;width:100%!important;justify-content:flex-start!important}.printcard-page-wrapper .preview-wrap.active .preview-page{transform:scale(.38)!important}}@media (max-width: 480px){.printcard-page-wrapper .preview-wrap.active .preview-page{transform:scale(.56)!important}.printcard-page-wrapper .preview-footer{bottom:0!important}}[data-theme=dark] .printcard-page-wrapper .mobile-tab-switcher{background:var(--bg-content);border-bottom-color:var(--border-divider)}@media (max-width: 1024px){[data-theme=dark] .printcard-page-wrapper .tab-btn{background:var(--bg-surface);color:var(--text-secondary, #8a93a8)}[data-theme=dark] .printcard-page-wrapper .tab-btn.active{background:var(--bg-content);color:var(--color-primary, #667eea)}[data-theme=dark] .printcard-page-wrapper .left.active .pane-footer{background:var(--bg-surface)!important;border-top-color:var(--border-divider)!important}}.do-container{display:flex;align-items:center;justify-content:center;width:100%;min-height:80vh;padding:24px;box-sizing:border-box;background-color:#f8fafc}.do-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:420px;background:#ffffff;padding:40px 32px;border-radius:20px;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d;border:1px solid #e2e8f0}.do-icon-wrapper{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50px;background-color:#6366f11a;color:#6366f1;margin-bottom:24px;animation:float-do 3s ease-in-out infinite}.do-icon{stroke-width:1.5}.do-title{font-size:20px;font-weight:600;color:#1e293b;margin:0 0 12px;line-height:1.4}.do-message{font-size:15px;color:#64748b;margin:0;line-height:1.6}@keyframes float-do{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}[data-theme=dark] .do-container{background-color:var(--bg-content, #13141f)}[data-theme=dark] .do-content{background:var(--bg-surface, rgba(30, 32, 50, .97));border-color:var(--border-divider, rgba(255, 255, 255, .1));box-shadow:0 10px 25px -5px #0000004d,0 8px 10px -6px #0000004d}[data-theme=dark] .do-icon-wrapper{background-color:#6366f133;color:#818cf8}[data-theme=dark] .do-title{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .do-message{color:var(--text-secondary, #9ca3af)}.org-tree-panel{--tree-font-size: 13px;--tree-line-height: 1.45;--tree-item-h: 32px;--tree-indent: 18px;--tree-icon-w: 22px;--tree-radius: 6px;--tree-accent: #6366f1;--tree-accent-bg: #eef2ff;--tree-accent-text: #4338ca;--tree-hover-bg: #f5f6fa;--tree-border: #e5e7eb;--tree-text-1: #1e2532;--tree-text-2: #374151;--tree-text-3: #4b5563;--tree-text-4: #6b7280;--tree-count-bg: #f1f5f9;--tree-count-text: #94a3b8;width:270px;min-width:200px;max-width:270px;flex-shrink:0;background:#ffffff;border-right:2px solid var(--tree-border);display:flex;flex-direction:column;overflow:hidden;transition:width .25s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:var(--tree-font-size);line-height:var(--tree-line-height)}.org-tree-panel__header{display:flex;align-items:center;justify-content:space-between;padding:9px 12px 9px 14px;border-bottom:1px solid var(--tree-border);background:#f8fafc;flex-shrink:0}.org-tree-panel__title{font-size:var(--tree-font-size);font-weight:700;color:var(--tree-text-1);letter-spacing:.2px;display:flex;align-items:center;gap:6px}.org-tree-panel__title-icon{font-size:15px;line-height:1}.org-tree-panel__clear-btn{font-size:11.5px;color:var(--tree-accent);background:none;border:1px solid #c7d2fe;cursor:pointer;padding:2px 8px;border-radius:4px;font-weight:600;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.org-tree-panel__clear-btn:hover{background:var(--tree-accent-bg);color:var(--tree-accent-text);border-color:var(--tree-accent)}.org-tree-panel__collapse-btn{font-size:11px;color:#9ca3af;background:none;border:1px solid var(--tree-border);cursor:pointer;padding:2px 8px;border-radius:4px;transition:background .15s,color .15s;margin-right:4px}.org-tree-panel__collapse-btn:hover{background:#f3f4f6;color:#374151}.org-tree-panel__body{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px 0 12px}.org-tree-panel__body::-webkit-scrollbar{width:4px}.org-tree-panel__body::-webkit-scrollbar-track{background:transparent}.org-tree-panel__body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.org-tree-panel__body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.org-tree-item{display:flex;align-items:center;min-height:var(--tree-item-h);cursor:pointer;transition:background .1s;position:relative;border-radius:0}.org-tree-item:hover{background:var(--tree-hover-bg)}.org-tree-item.is-selected{background:var(--tree-accent-bg);color:var(--tree-accent-text)!important}.org-tree-item--all{padding:0 12px 0 14px;font-size:var(--tree-font-size);font-weight:600;color:var(--tree-text-1);border-bottom:1px solid var(--tree-border);margin-bottom:2px;min-height:36px}.org-tree-item--all.is-selected{background:var(--tree-accent-bg);color:var(--tree-accent-text)}.org-tree-item--xuong{padding:0 8px 0 6px;font-size:var(--tree-font-size);font-weight:600;color:var(--tree-text-1);border-top:1px solid #f0f2f5}.org-tree-item--xuong.is-selected{color:var(--tree-accent-text);font-weight:700}.org-tree-item--xuong.is-selected:before,.org-tree-item--bophan.is-selected:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;background:var(--tree-accent);border-radius:0 3px 3px 0}.org-tree-item__toggle{display:flex;align-items:center;justify-content:center;width:var(--tree-icon-w);height:var(--tree-item-h);flex-shrink:0;color:#9ca3af;transition:color .15s}.org-tree-item__toggle:hover{color:var(--tree-accent)}.org-tree-item__toggle svg{width:11px;height:11px}.org-tree-item__icon{font-size:13px;margin-right:4px;flex-shrink:0;line-height:1}.org-tree-item__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--tree-font-size)}.org-tree-item__count{flex-shrink:0;font-size:11px;font-weight:600;color:var(--tree-count-text);background:var(--tree-count-bg);border-radius:999px;padding:1px 7px;min-width:22px;text-align:center;margin-left:6px;margin-right:4px;line-height:18px;transition:background .1s,color .1s}.org-tree-item.is-selected .org-tree-item__count{background:#c7d2fe;color:var(--tree-accent-text)}.org-tree-item--bophan{font-size:var(--tree-font-size);font-weight:500;color:var(--tree-text-2)}.org-tree-item--bophan.is-selected{color:var(--tree-accent-text);font-weight:600}.org-tree-item--chucvu{font-size:var(--tree-font-size);font-weight:400;color:var(--tree-text-3)}.org-tree-item--cvct{font-size:var(--tree-font-size);font-weight:400;color:var(--tree-text-4)}.org-tree-item--unknown{padding:0 8px 0 14px;font-size:var(--tree-font-size);font-weight:500;color:#9ca3af;font-style:italic;border-top:1px solid #f0f2f5}.org-tree-item--unknown.is-selected{background:#fef3c7;color:#92400e;font-style:normal}.org-tree-panel__empty{padding:24px 16px;text-align:center;color:#9ca3af;font-size:var(--tree-font-size)}.org-tree-section-header{display:flex;align-items:center;min-height:30px;padding:0 10px 0 6px;cursor:pointer;background:#f8fafc;border-top:1px solid var(--tree-border);border-bottom:1px solid var(--tree-border);margin-top:6px;transition:background .12s;gap:2px}.org-tree-section-header:hover{background:#f1f5f9}.org-tree-section-header__label{flex:1;font-size:11.5px;font-weight:700;color:#6b7280;letter-spacing:.5px;text-transform:uppercase}.org-tree-item--level-2{padding-left:calc(var(--tree-indent) * 1)}.org-tree-item--level-3{padding-left:calc(var(--tree-indent) * 2)}.org-tree-item--level-4{padding-left:calc(var(--tree-indent) * 3)}.org-tree-item--flat{padding-left:24px}.org-tree-item--flat-bophan{border-left:3px solid #6366f1;padding-left:38px}.org-tree-item--flat-chucvu{border-left:3px solid #f59e0b;padding-left:38px}.org-tree-item--flat-cvct{border-left:3px solid #10b981;padding-left:38px}.org-tree-section-header--bophan{border-left:3px solid #6366f1}.org-tree-section-header--chucvu{border-left:3px solid #f59e0b}.org-tree-section-header--cvct{border-left:3px solid #10b981}.org-tree-section-header__actions{display:flex;align-items:center;gap:3px;margin-left:4px}.org-tree-panel__expand-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid #d1d5db;border-radius:4px;background:#ffffff;color:#9ca3af;font-size:14px;font-weight:400;line-height:1;cursor:pointer;padding:0;transition:background .1s,color .1s,border-color .1s}.org-tree-panel__expand-btn:hover{background:var(--tree-accent);border-color:var(--tree-accent);color:#fff}.org-tree-panel__loading{display:flex;align-items:center;gap:8px;padding:12px 14px;font-size:var(--tree-font-size);color:#9ca3af}.org-tree-panel__loading-dot{width:10px;height:10px;border-radius:50%;border:2px solid #d1d5db;border-top-color:#3b82f6;animation:org-tree-spin .8s linear infinite;flex-shrink:0}@keyframes org-tree-spin{to{transform:rotate(360deg)}}.org-tree-item--bophan.org-tree-item--level-2:after{content:"";position:absolute;left:calc(var(--tree-indent) - 4px);top:50%;width:6px;height:1px;background:#e2e8f0}.org-tree-item--bophan-top{padding-left:20px!important}.org-tree-item--bophan-top:after{display:none}@media (max-width: 900px){.org-tree-panel{display:none}}[data-theme=dark] .org-tree-panel{--tree-hover-bg: rgba(255, 255, 255, .05);--tree-border: #334155;--tree-text-1: #e2e8f0;--tree-text-2: #cbd5e1;--tree-text-3: #94a3b8;--tree-text-4: #64748b;--tree-count-bg: rgba(255, 255, 255, .08);--tree-count-text: #64748b;--tree-accent-bg: rgba(99, 102, 241, .15);--tree-accent-text: #a5b4fc;background:var(--bg-content, #1e293b);border-right:2px solid var(--border-divider, #334155)}[data-theme=dark] .org-tree-panel__header{background:var(--bg-input, #1e293b);border-bottom:1px solid var(--border-divider, #334155)}[data-theme=dark] .org-tree-panel__clear-btn{border-color:#4f46e5;color:#a5b4fc}[data-theme=dark] .org-tree-panel__clear-btn:hover{background:rgba(99,102,241,.15);color:#c7d2fe;border-color:#6366f1}[data-theme=dark] .org-tree-panel__collapse-btn{color:#64748b;border-color:var(--border-divider, #334155)}[data-theme=dark] .org-tree-panel__collapse-btn:hover{background:rgba(255,255,255,.08);color:#cbd5e1}[data-theme=dark] .org-tree-item--xuong,[data-theme=dark] .org-tree-item--unknown{border-top:1px solid #1e293b}[data-theme=dark] .org-tree-item--unknown.is-selected{background:rgba(180,83,9,.2);color:#fcd34d}[data-theme=dark] .org-tree-item.is-selected .org-tree-item__count{background:rgba(99,102,241,.3);color:#a5b4fc}[data-theme=dark] .org-tree-section-header{background:var(--bg-input, #0f172a);border-top:1px solid var(--border-divider, #334155);border-bottom:1px solid var(--border-divider, #334155)}[data-theme=dark] .org-tree-section-header:hover{background:rgba(255,255,255,.05)}[data-theme=dark] .org-tree-section-header__label{color:#64748b}[data-theme=dark] .org-tree-panel__expand-btn{background:var(--bg-content, #1e293b);border-color:var(--border-divider, #334155);color:#64748b}[data-theme=dark] .org-tree-item--bophan.org-tree-item--level-2:after{background:#334155}.acv2-filter-panel{width:260px;min-width:220px;max-width:300px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.acv2-filter-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 8px;border-bottom:1px solid #f0f0f0;background:#fafafa}.acv2-filter-header-title{font-size:13px;font-weight:600;color:#374151;letter-spacing:.01em}.acv2-filter-date-section{padding:10px 12px;border-bottom:1px solid #f0f0f0;display:flex;flex-direction:column;gap:6px}.acv2-filter-date-label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.acv2-filter-date-input{width:100%;padding:6px 8px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;color:#111827;background:#fff;outline:none;cursor:pointer;transition:border-color .15s;box-sizing:border-box}.acv2-filter-date-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f}.acv2-filter-today-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid #d1d5db;border-radius:5px;background:#f9fafb;font-size:11px;color:#374151;cursor:pointer;transition:all .15s;align-self:flex-start}.acv2-filter-today-btn:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}.acv2-filter-today-btn--icon{flex-shrink:0;padding:5px 7px;align-self:auto;font-size:12px}.acv2-filter-clear-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid #fca5a5;border-radius:5px;background:#fef2f2;font-size:11px;color:#dc2626;cursor:pointer;transition:all .15s}.acv2-filter-clear-btn:hover{background:#dc2626;color:#fff;border-color:#dc2626}.acv2-filter-tree-scroll{flex:1;overflow-y:auto;overflow-x:hidden}.acv2-filter-tree-scroll::-webkit-scrollbar{width:4px}.acv2-filter-tree-scroll::-webkit-scrollbar-track{background:transparent}.acv2-filter-tree-scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.acv2-filter-section-header{display:flex;align-items:center;gap:6px;padding:8px 12px 4px;font-size:10px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.acv2-filter-section-hint{margin-left:auto;font-size:9px;font-weight:400;color:#d1d5db;text-transform:none;letter-spacing:0;font-style:italic}.acv2-filter-section-header:hover{color:#6b7280}.acv2-filter-item{display:flex;align-items:center;gap:6px;padding:5px 12px;font-size:12.5px;color:#374151;cursor:pointer;border-radius:0;transition:background .12s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acv2-filter-item:hover{background:#f3f4f6}.acv2-filter-item.selected{background:#eff6ff;color:#1d4ed8;font-weight:600}.acv2-filter-item--l1{padding-left:12px}.acv2-filter-item--l2{padding-left:28px}.acv2-filter-item--xuong{padding-left:10px;font-weight:600;font-size:12.5px;gap:5px}.acv2-filter-item--bophan{padding-left:26px;font-size:12px;color:#4b5563;gap:5px}.acv2-filter-item-icon{flex-shrink:0;font-size:11px}.acv2-filter-item-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acv2-filter-empty{padding:16px 12px;font-size:12px;color:#9ca3af;text-align:center}.acv2-filter-count-badge{margin-left:auto;background:#e5e7eb;color:#6b7280;font-size:10px;font-weight:600;padding:1px 6px;border-radius:10px;flex-shrink:0;white-space:nowrap}.acv2-filter-count-badge.has-checked{background:#dcfce7;color:#15803d}.acv2-filter-item.selected .acv2-filter-count-badge{background:#dbeafe;color:#1d4ed8}.acv2-filter-item.selected .acv2-filter-count-badge.has-checked{background:#bbf7d0;color:#166534}.acv2-filter-chevron{flex-shrink:0;color:#9ca3af;transition:transform .18s}.acv2-filter-chevron.open{transform:rotate(90deg)}.acv2-filter-all-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;font-size:12.5px;font-weight:600;color:#374151;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background .12s}.acv2-filter-all-item:hover{background:#f3f4f6}.acv2-filter-all-item.selected{background:#eff6ff;color:#1d4ed8}.acv2-filter-skeleton{padding:8px 12px;display:flex;flex-direction:column;gap:6px}.acv2-filter-skeleton-line{height:12px;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:acv2-shimmer 1.4s infinite}@keyframes acv2-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.acv2-filter-search-section{padding:10px 12px;border-bottom:1px solid #f0f0f0;display:flex;flex-direction:column;gap:6px}.acv2-filter-search-box{display:flex;align-items:center;border:1px solid #d1d5db;border-radius:6px;background:#fff;overflow:hidden;transition:border-color .15s,box-shadow .15s}.acv2-filter-search-box:focus-within{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f}.acv2-filter-search-input{flex:1;padding:6px 8px;border:none;outline:none;font-size:13px;color:#111827;background:transparent;min-width:0}.acv2-filter-search-input::-moz-placeholder{color:#9ca3af}.acv2-filter-search-input::placeholder{color:#9ca3af}.acv2-filter-search-clear{flex-shrink:0;padding:4px 8px;border:none;background:transparent;color:#9ca3af;font-size:12px;cursor:pointer;line-height:1;transition:color .15s}.acv2-filter-search-clear:hover{color:#ef4444}.acv2-filter-search-hint{font-size:10.5px;color:#6b7280;font-style:italic;line-height:1.4}.acv2-filter-date-mode-tabs{display:flex;gap:4px;border-bottom:1px solid #e5e7eb;padding-bottom:6px;margin-bottom:2px}.acv2-filter-mode-tab{flex:1;padding:4px 6px;border:1px solid #d1d5db;border-radius:5px;background:#f9fafb;font-size:11px;color:#6b7280;cursor:pointer;text-align:center;transition:all .15s;font-weight:500}.acv2-filter-mode-tab:hover:not(:disabled){background:#f0f4ff;border-color:#93c5fd;color:#1d4ed8}.acv2-filter-mode-tab.active{background:#3b82f6;border-color:#2563eb;color:#fff;font-weight:600}.acv2-filter-mode-tab:disabled{opacity:.45;cursor:not-allowed}.acv2-filter-date-range{display:flex;flex-direction:column;gap:6px}.acv2-filter-date-range-row{display:flex;flex-direction:row;align-items:center;gap:8px}.acv2-filter-date-range-row .acv2-filter-date-label{flex-shrink:0;white-space:nowrap;width:100px}.acv2-filter-date-range-row .acv2-filter-date-input{flex:1;width:auto;min-width:0}.acv2-filter-range-info{font-size:11px;color:#6b7280;text-align:right;font-weight:500}.acv2-filter-range-info.warn{color:#ef4444;font-weight:600}[data-theme=dark] .acv2-filter-panel{background:var(--bg-surface, #1c1f26);border-right-color:var(--border-divider, #2d3140)}[data-theme=dark] .acv2-filter-header{background:var(--bg-dropdown-header, #252830);border-bottom-color:var(--border-divider, #2d3140)}[data-theme=dark] .acv2-filter-header-title{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .acv2-filter-date-section,[data-theme=dark] .acv2-filter-search-section{border-bottom-color:var(--border-divider, #2d3140)}[data-theme=dark] .acv2-filter-date-label{color:var(--text-label, #8a93a8)}[data-theme=dark] .acv2-filter-date-input{background:var(--bg-input, #252830);border-color:var(--border-input, #3a3f4f);color:var(--text-primary, #e2e8f0);color-scheme:dark}[data-theme=dark] .acv2-filter-date-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}[data-theme=dark] .acv2-filter-today-btn{background:var(--bg-input, #252830);border-color:var(--border-input, #3a3f4f);color:var(--text-secondary, #8a93a8)}[data-theme=dark] .acv2-filter-tree-scroll::-webkit-scrollbar-thumb{background:var(--border-divider, #3a3f4f)}[data-theme=dark] .acv2-filter-section-header{color:var(--text-label, #6b7280)}[data-theme=dark] .acv2-filter-section-header:hover{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .acv2-filter-item{color:var(--text-primary, #c9d1e0)}[data-theme=dark] .acv2-filter-item:hover{background:var(--bg-surface-hover, #2a2f3d)}[data-theme=dark] .acv2-filter-item--bophan{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .acv2-filter-count-badge{background:var(--bg-input, #252830);color:var(--text-secondary, #8a93a8)}[data-theme=dark] .acv2-filter-all-item{color:var(--text-primary, #c9d1e0);border-bottom-color:var(--border-divider, #2d3140)}[data-theme=dark] .acv2-filter-all-item:hover{background:var(--bg-surface-hover, #2a2f3d)}[data-theme=dark] .acv2-filter-search-box{background:var(--bg-input, #252830);border-color:var(--border-input, #3a3f4f)}[data-theme=dark] .acv2-filter-search-input{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .acv2-filter-search-hint{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .acv2-filter-mode-tab{background:var(--bg-input, #252830);border-color:var(--border-input, #3a3f4f);color:var(--text-secondary, #8a93a8)}[data-theme=dark] .acv2-filter-range-info{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .acv2-filter-skeleton-line{background:linear-gradient(90deg,#252830 25%,#2d3140 50%,#252830 75%);background-size:200% 100%}[data-theme=dark] .acv2-filter-item.selected,[data-theme=dark] .acv2-filter-all-item.selected{background:rgba(37,99,235,.12);color:#93c5fd}[data-theme=dark] .acv2-filter-count-badge.has-checked{background:rgba(21,128,61,.2);color:#4ade80}[data-theme=dark] .acv2-filter-item.selected .acv2-filter-count-badge{background:rgba(30,64,175,.2);color:#93c5fd}[data-theme=dark] .acv2-filter-item.selected .acv2-filter-count-badge.has-checked{background:rgba(21,128,61,.2);color:#4ade80}[data-theme=dark] .acv2-filter-clear-btn{background:rgba(153,27,27,.15);border-color:#fca5a54d;color:#fca5a5}[data-theme=dark] .acv2-filter-clear-btn:hover{background:rgba(220,38,38,.25);border-color:#fca5a580;color:#fca5a5}[data-theme=dark] .acv2-filter-chevron{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .acv2-filter-section-hint{color:var(--text-secondary, #8a93a8);opacity:.6}[data-theme=dark] .acv2-filter-date-mode-tabs{border-bottom-color:var(--border-divider, #2d3140)}[data-theme=dark] .acv2-filter-range-info.warn,[data-theme=dark] .acv2-filter-search-clear:hover{color:#f87171}.acv2-table-wrapper{flex:1;overflow:visible;background:#fff;min-width:100%}.acv2-table{width:-moz-max-content;width:max-content;min-width:100%;border-collapse:collapse;font-size:12.5px;color:#111827}.acv2-table-head{position:sticky;top:0;z-index:10;background:#f8f9fb}.acv2-table-head th{padding:8px 10px;font-size:11px;font-weight:700;color:#6b7280;text-align:left;white-space:nowrap;border-bottom:2px solid #e5e7eb;letter-spacing:.02em;text-transform:uppercase;background:#f8f9fb}.acv2-table-head th:nth-child(1){position:sticky;left:0;z-index:12;background:#f8f9fb;min-width:48px;text-align:center;box-shadow:2px 0 4px -1px #00000014}.acv2-table-head th:nth-child(2){position:sticky;left:48px;z-index:12;background:#f8f9fb;min-width:100px}.acv2-table-head th:nth-child(3){position:sticky;left:148px;z-index:12;background:#f8f9fb;min-width:200px;box-shadow:4px 0 6px -2px #0000001a}.acv2-table-body tr{border-bottom:1px solid #f3f4f6;transition:background .1s}.acv2-table-body tr:hover{background:#f9fafb}.acv2-table-body tr:hover td:nth-child(1),.acv2-table-body tr:hover td:nth-child(2),.acv2-table-body tr:hover td:nth-child(3){background:#f0f4f8!important}.acv2-table-body td{padding:7px 10px;vertical-align:middle;white-space:nowrap}.acv2-table-body td:nth-child(1){position:sticky;left:0;z-index:5;background:#ffffff;text-align:center;font-size:11px;color:#9ca3af;min-width:48px;box-shadow:2px 0 4px -1px #00000014}.acv2-table-body td:nth-child(2){position:sticky;left:48px;z-index:5;background:#ffffff;min-width:100px;font-family:Courier New,monospace;font-size:12px;color:#374151}.acv2-table-body td:nth-child(3){position:sticky;left:148px;z-index:5;background:#ffffff;min-width:200px;box-shadow:4px 0 6px -2px #0000001a}.acv2-table-name-cell{display:flex;align-items:center;gap:8px}.acv2-table-avatar{width:28px;height:42px;border-radius:3px;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;flex-shrink:0;border:1px solid #e5e7eb;background:#f3f4f6}.acv2-table-avatar-placeholder{width:28px;height:42px;border-radius:3px;background:#e5e7eb;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;color:#9ca3af;font-weight:700}.acv2-table-name-text{font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.acv2-table-dept-cell{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#374151}.acv2-table-date-cell{min-width:95px;color:#374151}.acv2-table-count-cell{text-align:center;min-width:70px}.acv2-table-count-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700;background:#dbeafe;color:#1d4ed8}.acv2-table-count-badge--low{background:#fef9c3;color:#92400e}.acv2-table-count-badge--zero{background:#f3f4f6;color:#9ca3af}.acv2-col-stt{width:48px}.acv2-col-manv{width:100px}.acv2-col-hoten{width:200px}.acv2-col-bophan{width:130px}.acv2-col-xuong{width:120px}.acv2-col-ngaycham{width:95px}.acv2-col-solan{width:70px}.acv2-col-time{width:75px}.acv2-table-time-cell{min-width:72px;font-size:12px;font-family:Courier New,monospace;color:#374151;text-align:center}.acv2-table-time-cell--first{color:#16a34a;font-weight:600}.acv2-table-time-cell--last{color:#ea580c;font-weight:600}.acv2-table-time-empty{color:#d1d5db;font-size:11px}.acv2-table-head th.acv2-time-col{background:#f0f4ff;color:#4f46e5;text-align:center}.acv2-table-empty{text-align:center;padding:60px 20px;color:#9ca3af}.acv2-table-empty-icon{font-size:40px;margin-bottom:12px}.acv2-table-empty-text{font-size:14px;font-weight:500}.acv2-table-empty-sub{font-size:12px;margin-top:4px;color:#c4c4c4}.acv2-table-skeleton-row td{background:transparent}.acv2-table-skeleton-cell{height:12px;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,#e4e4e4 50%,#f0f0f0 75%);background-size:200% 100%;animation:acv2-table-shimmer 1.4s infinite;display:inline-block;width:70%}.acv2-table-skeleton-cell--w1{width:55%}.acv2-table-skeleton-cell--w2{width:75%}.acv2-table-skeleton-cell--w3{width:90%}@keyframes acv2-table-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.acv2-table-row--unknown td:nth-child(2),.acv2-table-row--unknown td:nth-child(3){color:#9ca3af;font-style:italic}.acv2-table-row--single-check{background:#fffbeb}[data-theme=dark] .acv2-table-wrapper{background:var(--bg-surface, #1c1f26)}[data-theme=dark] .acv2-table{color:var(--text-primary, #c9d1e0)}[data-theme=dark] .acv2-table-head{background:var(--bg-sidebar, #1e2030)}[data-theme=dark] .acv2-table-head th{color:var(--text-label, #6b7280);border-bottom-color:var(--border-divider, #2d3140);background:var(--bg-sidebar, #1e2030)!important}[data-theme=dark] .acv2-table-head th:nth-child(1),[data-theme=dark] .acv2-table-head th:nth-child(2){background:var(--bg-sidebar, #1e2030)!important}[data-theme=dark] .acv2-table-head th:nth-child(3){background:var(--bg-sidebar, #1e2030)!important;box-shadow:4px 0 6px -2px #00000059}[data-theme=dark] .acv2-table-body tr{border-bottom-color:var(--border-divider, #2d3140)}[data-theme=dark] .acv2-table-body tr:hover{background:var(--bg-surface-hover, #2a2f3d)}[data-theme=dark] .acv2-table-body tr:hover td:nth-child(1),[data-theme=dark] .acv2-table-body tr:hover td:nth-child(2),[data-theme=dark] .acv2-table-body tr:hover td:nth-child(3){background:var(--bg-surface-hover, #2a2f3d)!important}[data-theme=dark] .acv2-table-body td:nth-child(1){background:#1c1f26;color:var(--text-label, #6b7280);box-shadow:2px 0 4px -1px #0000004d}[data-theme=dark] .acv2-table-body td:nth-child(2){background:#1c1f26;color:var(--text-secondary, #8a93a8)}[data-theme=dark] .acv2-table-body td:nth-child(3){background:#1c1f26;box-shadow:4px 0 6px -2px #0000004d}[data-theme=dark] .acv2-table-name-text{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .acv2-table-dept-cell,[data-theme=dark] .acv2-table-date-cell,[data-theme=dark] .acv2-table-time-cell{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .acv2-table-avatar{border-color:var(--border-divider, #2d3140);background:var(--bg-input, #252830)}[data-theme=dark] .acv2-table-avatar-placeholder{background:var(--bg-input, #252830);color:var(--text-label, #6b7280)}[data-theme=dark] .acv2-table-row--single-check{background:rgba(234,179,8,.06)}[data-theme=dark] .acv2-table-skeleton-cell{background:linear-gradient(90deg,#252830 25%,#2d3140 50%,#252830 75%);background-size:200% 100%}[data-theme=dark] .acv2-table-head th.acv2-time-col{background:rgba(67,56,202,.2);color:#818cf8}[data-theme=dark] .acv2-table-count-badge{background:rgba(30,64,175,.2);color:#93c5fd}[data-theme=dark] .acv2-table-count-badge--low{background:rgba(113,63,18,.2);color:#fbbf24}[data-theme=dark] .acv2-table-count-badge--zero{background:var(--bg-input, #252830);color:var(--text-secondary, #8a93a8)}[data-theme=dark] .acv2-table-time-empty{color:var(--border-divider, #3a3f4f)}[data-theme=dark] .acv2-table-empty{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .acv2-table-empty-sub{color:var(--text-secondary, #8a93a8);opacity:.6}[data-theme=dark] .acv2-table-row--unknown td:nth-child(2),[data-theme=dark] .acv2-table-row--unknown td:nth-child(3){color:var(--text-secondary, #8a93a8)}.mact-panel{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--sap-bg-main);overflow:hidden}.mact-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 16px;background:var(--sap-bg-card);border-bottom:1px solid var(--sap-border-color);flex-shrink:0}.mact-header-left{display:flex;flex-direction:column;gap:4px}.mact-header-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--sap-text-primary);margin:0}.mact-header-meta{display:flex;align-items:center;gap:8px;font-size:12px}.mact-status-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:9999px;font-weight:600;font-size:11px}.mact-status-badge.draft{background:var(--sap-status-draft-bg);color:var(--sap-status-draft-fg);border:1px solid var(--sap-status-draft-border)}.mact-status-badge.locked{background:var(--sap-status-locked-bg);color:var(--sap-status-locked-fg);border:1px solid var(--sap-status-locked-border)}.mact-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.mact-control-group{display:flex;align-items:center;gap:6px}.mact-control-label{font-size:13px;font-weight:600;color:var(--sap-text-secondary);white-space:nowrap}.mact-input{height:34px;padding:6px 10px;border-radius:6px;border:1px solid var(--sap-border-color);font-size:13px;color:var(--sap-text-primary);outline:none;background:var(--sap-bg-card);transition:border-color .15s ease}.mact-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 1px #0ea5e933}.mact-input-month{width:140px;font-weight:600}.mact-input-search{width:200px;padding-right:30px}.mact-search-wrapper{position:relative;display:inline-flex;align-items:center}.mact-search-icon{position:absolute;right:10px;pointer-events:none;color:var(--sap-text-secondary)}.mact-btn{height:34px;padding:0 12px;border-radius:6px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer;border:1px solid transparent;transition:all .2s ease;white-space:nowrap}.mact-btn-secondary{background:var(--sap-btn-secondary-bg);color:var(--sap-btn-secondary-fg);border-color:var(--sap-btn-secondary-border)}.mact-btn-secondary:hover{background:var(--sap-btn-secondary-hover-bg)}.mact-btn-success{background:#10b981;color:#fff}.mact-btn-success:hover{background:#059669}.mact-btn:disabled{opacity:.5;cursor:not-allowed}.mact-body{display:flex;flex:1;min-height:0;overflow:hidden;position:relative}.mact-sidebar{width:260px;min-width:230px;max-width:320px;flex-shrink:0;background:var(--sap-bg-card);border-right:1px solid var(--sap-border-color);display:flex;flex-direction:column;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1),min-width .3s cubic-bezier(.4,0,.2,1),max-width .3s cubic-bezier(.4,0,.2,1),border-right .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.mact-sidebar.collapsed{width:0!important;min-width:0!important;max-width:0!important;border-right:none!important}.mact-sidebar .org-tree-panel{height:100%!important;width:100%!important;max-width:100%!important;min-width:100%!important;border-right:none!important;background:transparent!important}.mact-sidebar-toggle-btn{position:absolute;left:260px;top:50%;transform:translate(-50%,-50%);z-index:50;width:24px;height:44px;background:var(--sap-bg-card);border:1px solid var(--sap-border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--sap-text-secondary);box-shadow:0 2px 8px #0000001a;transition:left .3s cubic-bezier(.4,0,.2,1),background-color .2s,color .15s}.mact-sidebar-toggle-btn:hover{color:#0ea5e9;background:var(--sap-btn-secondary-bg)}.mact-sidebar-toggle-btn.collapsed{left:0}.mact-content{flex:1;display:flex;flex-direction:column;min-width:0;height:100%}.mact-grid-container{flex:1;background:var(--sap-bg-card);border:1px solid var(--sap-border-color);border-radius:8px;overflow:auto;position:relative;min-height:0}.mact-table{border-collapse:separate;border-spacing:0;width:auto;font-size:12.5px;color:var(--sap-text-secondary)}.mact-table th,.mact-table td{padding:8px 10px;border-right:1px solid var(--sap-border-color);border-bottom:1px solid var(--sap-border-color);white-space:nowrap;vertical-align:middle}.mact-table th{background:var(--sap-table-hdr-bg);color:var(--sap-text-secondary);font-weight:700;text-align:center}.mact-table thead{position:sticky;top:0;z-index:30}.mact-table thead tr:nth-child(1) th{position:sticky;top:0;z-index:21;height:44px;box-sizing:border-box;background:var(--sap-table-hdr-bg, #f1f5f9)}.mact-table thead tr:nth-child(2) th{position:sticky;top:44px;z-index:20;height:32px;box-sizing:border-box;background:var(--sap-table-hdr-bg, #f1f5f9)}.mact-sticky-col-stt{position:sticky;left:0;background:var(--sap-bg-card, #ffffff)!important;z-index:10;box-shadow:2px 0 5px -2px #0000001f;min-width:40px;max-width:50px;text-align:center}.mact-sticky-col-code{position:sticky;left:40px;background:var(--sap-bg-card, #ffffff)!important;z-index:10;box-shadow:2px 0 5px -2px #0000001f;min-width:80px;max-width:100px}.mact-sticky-col-name{position:sticky;left:120px;background:var(--sap-bg-card, #ffffff)!important;z-index:10;box-shadow:4px 0 6px -2px #00000026;min-width:160px;max-width:220px;font-weight:600}.mact-col-xuong{min-width:80px;max-width:140px}.mact-col-bophan{min-width:100px;max-width:160px}.mact-col-chucvu{min-width:100px;max-width:180px}.mact-table th.mact-sticky-col-stt,.mact-table th.mact-sticky-col-code,.mact-table th.mact-sticky-col-name{z-index:30!important;background:var(--sap-table-hdr-bg, #f1f5f9)!important;top:0;position:sticky}.mact-table thead th.mact-sticky-col-header{position:sticky!important;top:0!important;z-index:40!important;background:var(--sap-table-hdr-bg, #f1f5f9)!important}[data-theme=dark] .mact-table thead th.mact-sticky-col-header{background:var(--sap-table-hdr-bg, #252a3a)!important}.mact-date-group-header{position:relative;background:var(--sap-date-group-hdr-bg)!important;color:var(--sap-date-group-hdr-fg)!important;border-bottom:1px solid var(--sap-border-color);font-weight:700;text-align:center}.mact-day-header{width:50px;min-width:50px;background:var(--sap-day-hdr-bg)!important;color:var(--sap-day-hdr-fg)!important;font-weight:700;font-size:11px}.mact-time-cell{width:50px;min-width:50px;text-align:center;font-size:11.5px;font-weight:500;cursor:pointer;transition:background .15s ease}.mact-time-cell:hover{background:var(--sap-hover-cell-bg)!important}.mact-time-val{color:var(--sap-text-primary)}.mact-cell-empty{color:var(--sap-cell-empty-color);font-size:11px}.mact-cell-warning{background:var(--sap-cell-forgot-bg)!important;color:#b45309}.mact-cell-danger{background:var(--sap-cell-late-bg)!important;color:#b91c1c}.mact-footer{margin-top:4px;flex-shrink:0}.mact-toast-container{z-index:1100}:root[data-theme=dark] .mact-sticky-col-stt,:root[data-theme=dark] .mact-sticky-col-code,:root[data-theme=dark] .mact-sticky-col-name,[data-theme=dark] .mact-sticky-col-stt,[data-theme=dark] .mact-sticky-col-code,[data-theme=dark] .mact-sticky-col-name{background:#1e2032!important}[data-theme=dark] .mact-table th.mact-sticky-col-stt,[data-theme=dark] .mact-table th.mact-sticky-col-code,[data-theme=dark] .mact-table th.mact-sticky-col-name,[data-theme=dark] .mact-table thead th.mact-sticky-col-header{background:#111c44!important}.acv2-page{display:flex;flex-direction:column;height:100%;min-height:0;background:#f4f6f9;overflow:hidden}.acv2-header{display:flex;align-items:center;gap:12px;padding:14px 20px 10px;background:#fff;border-bottom:1px solid #e8ecf0;flex-shrink:0}.acv2-header-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:#1a2436;margin:0}.acv2-header-icon{font-size:20px;color:#2563eb}.acv2-header-meta{display:flex;align-items:center;gap:12px;margin-left:auto;font-size:13px;color:#64748b}.acv2-header-date-badge{display:inline-flex;align-items:center;gap:5px;background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe;border-radius:6px;padding:3px 10px;font-weight:600;font-size:12.5px}.acv2-header-record-count{display:inline-flex;align-items:center;gap:5px;background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0;border-radius:6px;padding:3px 10px;font-weight:600;font-size:12.5px}.acv2-header-search-badge{display:inline-flex;align-items:center;gap:5px;background:#fefce8;color:#a16207;border:1px solid #fde68a;border-radius:6px;padding:3px 10px;font-weight:600;font-size:12.5px}.acv2-body{display:flex;flex:1;min-height:0;overflow:hidden}.acv2-panel-filter{width:260px;min-width:220px;max-width:320px;flex-shrink:0;border-right:1px solid #e2e8f0;background:#fff;display:flex;flex-direction:column;overflow:hidden}.acv2-panel-table{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.acv2-toolbar{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#fff;border-bottom:1px solid #e8ecf0;flex-shrink:0}.acv2-toolbar-info{font-size:12.5px;color:#64748b}.acv2-toolbar-info strong{color:#1a2436}.acv2-toolbar-right{display:flex;align-items:center;gap:8px;margin-left:auto}.acv2-btn-refresh{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#475569;font-size:12.5px;cursor:pointer;transition:all .15s}.acv2-btn-refresh:hover{background:#eff6ff;border-color:#93c5fd;color:#2563eb}.acv2-btn-refresh:disabled{opacity:.5;cursor:not-allowed}.acv2-btn-refresh.acv2-btn-spinning svg,.acv2-btn-refresh.acv2-btn-spinning span.acv2-refresh-icon{animation:acv2-spin .8s linear infinite}@keyframes acv2-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.acv2-table-area{flex:1;min-height:0;overflow:auto;position:relative}.acv2-error-banner{display:flex;align-items:center;gap:10px;margin:16px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px}.acv2-error-banner-icon{font-size:16px}.acv2-permission-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:#94a3b8;font-size:14px}.acv2-permission-denied-icon{font-size:48px}.acv2-permission-denied h3{margin:0;font-size:18px;color:#64748b}@media (max-width: 768px){.acv2-body{flex-direction:column}.acv2-panel-filter{width:100%;max-width:none;border-right:none;border-bottom:1px solid #e2e8f0;max-height:280px}.acv2-header-meta{display:none}}[data-theme=dark] .acv2-page{background:var(--bg-content, #0f1117)}[data-theme=dark] .acv2-header{background:var(--bg-surface, #1c1f26);border-bottom-color:var(--border-divider, #2d3140)}[data-theme=dark] .acv2-header-title{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .acv2-header-meta{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .acv2-panel-filter{background:var(--bg-surface, #1c1f26);border-right-color:var(--border-divider, #2d3140)}[data-theme=dark] .acv2-toolbar{background:var(--bg-surface, #1c1f26);border-bottom-color:var(--border-divider, #2d3140)}[data-theme=dark] .acv2-toolbar-info{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .acv2-toolbar-info strong{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .acv2-btn-refresh{background:var(--bg-input, #252830);border-color:var(--border-divider, #2d3140);color:var(--text-secondary, #8a93a8)}[data-theme=dark] .acv2-permission-denied,[data-theme=dark] .acv2-permission-denied h3{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .acv2-header-date-badge{background:rgba(30,64,175,.15);color:#93c5fd;border-color:#93c5fd4d}[data-theme=dark] .acv2-header-record-count{background:rgba(6,78,59,.2);color:#34d399;border-color:#6ee7b74d}[data-theme=dark] .acv2-header-search-badge{background:rgba(113,63,18,.2);color:#fbbf24;border-color:#fde68a4d}[data-theme=dark] .acv2-btn-refresh:hover:not(:disabled){background:rgba(59,130,246,.12);border-color:#93c5fd66;color:#93c5fd}[data-theme=dark] .acv2-error-banner{background:rgba(153,27,27,.15);border-color:#fca5a54d;color:#fca5a5}.acv2-tabs{display:flex;gap:8px;margin-top:0;border-bottom:1px solid #e8ecf0;padding:0 20px;background:#fff;flex-shrink:0}[data-theme=dark] .acv2-tabs{background:var(--bg-surface, #1c1f26);border-bottom-color:var(--border-divider, #2d3140)}.acv2-tab-btn{padding:10px 16px;font-size:13.5px;font-weight:600;color:#64748b;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .15s ease;margin-bottom:-1px}.acv2-tab-btn:hover{color:#2563eb}[data-theme=dark] .acv2-tab-btn:hover{color:#93c5fd}.acv2-tab-btn.active{color:#2563eb;border-bottom-color:#2563eb}[data-theme=dark] .acv2-tab-btn.active{color:#93c5fd;border-bottom-color:#93c5fd}.ie-import-export-container{height:calc(100vh - 60px);width:100%;margin:5px;max-width:calc(100vw - 70px);background-color:#f9fafb;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column}.ie-import-export-wrapper{margin:0 auto;max-width:100vw;width:100%;box-sizing:border-box;flex:1;display:flex;flex-direction:column;overflow:hidden}.ie-main-content{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;width:100%;max-width:100%;box-sizing:border-box;flex:1;overflow-y:auto}.ie-export-mode .ie-import-export-wrapper{overflow:hidden}.ie-export-mode .ie-main-content{overflow:hidden;padding:0}@media (max-width: 768px){.ie-import-export-wrapper{max-width:100vw}.ie-main-content{padding:1rem}}.ie-export-layout{display:flex;flex-direction:row;gap:.5rem;width:100%;max-width:100%;box-sizing:border-box;flex:1;overflow:hidden}.ie-export-sidebar{width:300px;min-width:300px;flex-shrink:0;display:flex;flex-direction:column;height:100%}.ie-export-content{flex:1;display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden}.ie-export-sidebar-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:.5rem;height:100%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.ie-export-sidebar .ie-form-grid,.ie-export-sidebar .ie-date-range-container{grid-template-columns:1fr;gap:1rem}.ie-export-sidebar .ie-date-range-container.ie-extended-filters{grid-template-columns:1fr}.ie-preview-header-actions{display:flex;gap:.5rem;align-items:flex-start;flex-shrink:0}.ie-preview-header-content{flex:1;min-width:0}.ie-preview-header-actions .ie-action-button{width:auto;min-width:120px;padding:.5rem 1rem;font-size:.875rem;white-space:nowrap}@media (max-width: 1024px){.ie-export-layout{flex-direction:column;height:auto;min-height:calc(100vh - 200px)}.ie-export-sidebar{width:100%;min-width:auto;height:auto}.ie-export-sidebar-card{height:auto;overflow:visible}.ie-export-content,.ie-data-preview{height:auto}.ie-preview-header{flex-direction:column;align-items:stretch;gap:1rem}.ie-preview-header-actions{width:100%;justify-content:flex-start}.ie-preview-header-actions .ie-action-button{flex:1;min-width:auto}}@media (max-width: 768px){.ie-export-layout{height:auto;padding:.5rem}.ie-data-table-wrapper{overflow-x:auto;overflow-y:visible}.ie-preview-header-actions{flex-direction:column}.ie-preview-header-actions .ie-action-button{width:100%}}.ie-export-mode,.ie-export-mode body,.ie-export-mode html,.ie-export-mode .ie-import-export-wrapper,.ie-export-mode .ie-export-layout,.ie-export-mode .ie-main-content{overflow:hidden!important}body:has(.ie-export-mode),html:has(.ie-export-mode){overflow:hidden!important}.page-header{margin-bottom:2rem}.page-title{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:.5rem}.page-description{color:#6b7280}.ie-message-container{margin-bottom:1.5rem;padding:1rem;border-radius:.5rem;border:1px solid}.ie-error-message{background-color:#fef2f2;border-color:#fecaca;color:#dc2626}.ie-success-message{background-color:#f0fdf4;border-color:#bbf7d0;color:#166534}.ie-message-content{display:flex;align-items:center}.ie-message-icon{width:1.25rem;height:1.25rem;margin-right:.5rem}.ie-tab-navigation{display:flex;width:100%;background:#f8fafc;border-bottom:2px solid #e2e8f0;flex-shrink:0}.ie-tab-button{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem 2rem;font-size:1rem;font-weight:600;color:#64748b;background:transparent;border:none;cursor:pointer;transition:all .3s ease;position:relative}.ie-tab-button:hover{background:#f1f5f9;color:#475569}.ie-tab-button.active{color:#2563eb;background:#ffffff;border-bottom:3px solid #2563eb}.ie-tab-button.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:#2563eb}.ie-tab-icon{width:1.25rem;height:1.25rem;margin-right:.5rem}@media (max-width: 640px){.ie-tab-button{padding:.75rem 1rem;font-size:.875rem}.ie-tab-icon{width:1rem;height:1rem}}.mode-selector{margin-bottom:1.5rem}.mode-buttons{display:flex;gap:1rem}.mode-button{display:flex;align-items:center;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;transition:all .2s;cursor:pointer;border:none;outline:none}.mode-button-icon{width:1.25rem;height:1.25rem;margin-right:.5rem}.mode-button.active-import{background-color:#2563eb;color:#fff}.mode-button.active-export{background-color:#059669;color:#fff}.mode-button.inactive{background-color:#f3f4f6;color:#374151}.mode-button.inactive:hover{background-color:#e5e7eb}@media (max-width: 768px){.mode-buttons{flex-direction:column}}.ie-table-selector{width:100%;max-width:100%}.ie-form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.ie-form-select,.ie-form-input{width:100%;max-width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;outline:none;transition:all .2s;box-sizing:border-box}.ie-form-select:focus,.ie-form-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.ie-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;width:100%;max-width:100%;box-sizing:border-box}.ie-date-filter-section{margin:0;padding:1rem;background-color:#f8fafc;border-radius:.5rem;border:1px solid #e5e7eb;width:100%;max-width:100%;box-sizing:border-box}.ie-filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.ie-filter-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.ie-preview-limit-control{display:flex;align-items:center;gap:.5rem}.ie-inline-label{margin-bottom:0;font-size:.875rem;white-space:nowrap}.ie-compact-select{min-width:120px;padding:.5rem;font-size:.875rem}.ie-filter-title{font-size:1rem;font-weight:600;color:#374151;margin:0}.ie-filter-indicator{font-size:.75rem;font-weight:500;color:#059669;opacity:.8}.ie-clear-filters-button{display:flex;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#374151;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;transition:all .2s}.ie-clear-filters-button:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.ie-clear-filters-button:disabled{opacity:.5;cursor:not-allowed}.ie-checkbox-container{margin-bottom:1rem;width:100%}.ie-checkbox-label{display:flex;align-items:center;cursor:pointer;font-weight:500;color:#374151;flex-wrap:wrap}.ie-checkbox-input{width:1.125rem;height:1.125rem;margin-right:.5rem;cursor:pointer;accent-color:#2563eb;flex-shrink:0}.ie-checkbox-text{font-size:.875rem;flex:1}.ie-date-range-container{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;width:100%;max-width:100%}.ie-date-range-container.ie-extended-filters{grid-template-columns:1fr;gap:1rem}@media (min-width: 1024px){.ie-date-range-container.ie-extended-filters:not(.ie-export-sidebar .ie-date-range-container){grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.ie-date-range-container.ie-extended-filters:not(.ie-export-sidebar .ie-date-range-container){grid-template-columns:repeat(4,1fr)}}.ie-date-input-group{display:flex;flex-direction:column;width:100%;max-width:100%}.ie-date-input{font-size:.875rem;box-sizing:border-box}.ie-filter-count{font-size:.75rem;color:#6b7280;font-weight:400;opacity:.8}@media (max-width: 768px){.ie-form-grid,.ie-date-range-container{grid-template-columns:1fr}.ie-date-filter-section{margin:0;padding:.75rem}.ie-filter-header{flex-direction:column;align-items:flex-start;gap:.75rem}.ie-filter-controls{width:100%;flex-direction:column;align-items:stretch}.ie-preview-limit-control{width:100%;justify-content:space-between}.ie-compact-select{flex:1;max-width:140px}.ie-clear-filters-button{width:100%;justify-content:center}.ie-checkbox-label{align-items:flex-start}.ie-checkbox-input{margin-top:.125rem}}.ie-section-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;width:100%;max-width:100%;box-sizing:border-box;padding:1.5rem}.ie-section-header{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:1rem;display:flex;align-items:center;word-wrap:break-word}.ie-section-icon{width:1.5rem;height:1.5rem;margin-right:.5rem;flex-shrink:0}.ie-section-icon.ie-import{color:#2563eb}.ie-section-icon.ie-export{color:#059669}.ie-file-upload-area{border:2px dashed #d1d5db;border-radius:.5rem;padding:1.5rem;text-align:center;transition:border-color .2s;margin-bottom:1rem;cursor:pointer}.ie-file-upload-area:hover{border-color:#3b82f6}.ie-file-input{display:none}.ie-file-select-button{display:inline-flex;align-items:center;padding:.5rem 1rem;background-color:#2563eb;color:#fff;border-radius:.375rem;border:none;cursor:pointer;transition:background-color .2s}.ie-file-select-button:hover{background-color:#1d4ed8}.ie-file-info{margin-top:1rem;font-size:.875rem;color:#6b7280}.ie-file-name{font-weight:500}.ie-action-button{width:100%;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.375rem;font-weight:500;border:none;cursor:pointer;transition:all .2s;outline:none}.ie-action-button:disabled{opacity:.5;cursor:not-allowed}.ie-action-button.ie-import{background-color:#059669;color:#fff}.ie-action-button.ie-import:hover:not(:disabled){background-color:#047857}.ie-action-button.ie-export{background-color:#059669;color:#fff}.ie-action-button.ie-export:hover:not(:disabled){background-color:#047857}.ie-action-button.ie-secondary{background-color:#6b7280;color:#fff}.ie-action-button.ie-secondary:hover:not(:disabled){background-color:#4b5563}.ie-loading-spinner{width:1.25rem;height:1.25rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:ie-spin 1s linear infinite;margin-right:.5rem}@keyframes ie-spin{to{transform:rotate(360deg)}}.ie-data-preview{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;width:100%;max-width:100%;box-sizing:border-box;height:100%;display:flex;flex-direction:column;overflow:hidden}.ie-preview-header{padding:1rem;border-bottom:1px solid #e5e7eb;box-sizing:border-box;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-shrink:0}.ie-preview-title{font-size:1.125rem;font-weight:600;color:#111827;display:flex;align-items:center;margin-bottom:.5rem;word-wrap:break-word}.ie-preview-description{color:#6b7280;font-size:.875rem;width:100%;max-width:100%}.ie-preview-description p{margin:.25rem 0;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.ie-preview-description strong{color:#374151;font-weight:600}.ie-data-table-wrapper{overflow-x:auto;overflow-y:auto;max-width:100%;width:100%;flex:1}.ie-data-preview-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.ie-data-table{width:100%;border-collapse:collapse;table-layout:auto}.ie-export-content .ie-data-preview{max-height:100%}.ie-table-header{background-color:#f9fafb}.ie-table-header th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.ie-table-body{background-color:#fff}.ie-table-body td{padding:.75rem 1rem;font-size:.875rem;color:#111827;border-bottom:1px solid #e5e7eb}.ie-table-body tr:hover{background-color:#f9fafb}.ie-pagination-container{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;background-color:#fff}.ie-pagination-info{display:flex;align-items:center;gap:.5rem}.ie-pagination-text{font-size:.875rem;color:#374151}.ie-pagination-select{padding:.25rem .5rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:.875rem}.ie-pagination-controls{display:flex;align-items:center;gap:.5rem}.ie-pagination-button{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:.875rem;cursor:pointer;transition:all .2s}.ie-pagination-button:hover:not(:disabled){background-color:#f9fafb}.ie-pagination-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.ie-pagination-container{flex-direction:column;gap:1rem}}.col-sel-container{position:relative;display:inline-block}.col-sel-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:#ffffff;border:1px solid #e1e5e9;border-radius:10px;box-shadow:0 10px 30px #00000026,0 2px 8px #00000014;z-index:1050;width:280px;display:flex;flex-direction:column;max-height:480px;animation:col-sel-fadeIn .15s ease-out}@keyframes col-sel-fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.col-sel-header{padding:14px 16px 10px;background:linear-gradient(135deg,#f8f9fa,#f0f2f5);border-bottom:1px solid #e1e5e9;border-radius:10px 10px 0 0;flex-shrink:0}.col-sel-header h4{margin:0 0 2px;color:#2c3e50;font-size:13px;font-weight:700;letter-spacing:.3px}.col-sel-header-hint{margin:0;color:#7f8c8d;font-size:11px;display:flex;align-items:center;gap:4px}.col-sel-select-all{display:flex;align-items:center;padding:10px 16px;border-bottom:1px solid #f0f2f5;background:#fafbfc;flex-shrink:0;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.col-sel-select-all:hover{background:#f0f2f5}.col-sel-select-all-checkbox{width:15px;height:15px;cursor:pointer;accent-color:#6c5ce7;flex-shrink:0}.col-sel-select-all-label{font-size:13px;font-weight:600;color:#2c3e50;flex:1}.col-sel-select-all-count{font-size:11px;color:#95a5a6;white-space:nowrap}.col-sel-list{overflow-y:auto;flex:1;padding:6px 0;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.col-sel-list::-webkit-scrollbar{width:4px}.col-sel-list::-webkit-scrollbar-track{background:transparent}.col-sel-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.col-sel-item{display:flex;align-items:center;padding:7px 12px 7px 10px;gap:8px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .12s ease;position:relative;border-radius:4px;margin:1px 6px}.col-sel-item:hover{background:#f5f6fa}.col-sel-item.col-sel-dragging-source{opacity:.4;background:#eef2ff}.col-sel-item.col-sel-drag-over{background:#eef2ff;border-top:2px solid #6c5ce7}.col-sel-drag-handle{display:flex;align-items:center;cursor:grab;color:#bdc3cc;padding:2px;border-radius:3px;flex-shrink:0;transition:color .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.col-sel-drag-handle:hover{color:#6c5ce7;background:rgba(108,92,231,.08)}.col-sel-drag-handle:active{cursor:grabbing}.col-sel-item.col-sel-item-required .col-sel-drag-handle{cursor:not-allowed;opacity:.3}.col-sel-checkbox{width:15px;height:15px;cursor:pointer;accent-color:#6c5ce7;flex-shrink:0}.col-sel-item-required .col-sel-checkbox{cursor:not-allowed;opacity:.5}.col-sel-item-label{font-size:13px;color:#2c3e50;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.col-sel-item-required .col-sel-item-label{color:#95a5a6;font-style:italic}.col-sel-required-badge{font-size:10px;color:#7f8c8d;background:#f0f2f5;padding:1px 5px;border-radius:3px;white-space:nowrap;flex-shrink:0}.col-sel-footer{padding:8px 16px;border-top:1px solid #f0f2f5;background:#fafbfc;border-radius:0 0 10px 10px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:8px}.col-sel-reset-btn{font-size:12px;color:#6c5ce7;background:transparent;border:1px solid #d8d2f7;padding:5px 10px;border-radius:5px;cursor:pointer;font-weight:500;transition:all .15s}.col-sel-reset-btn:hover{background:#eee9fd;border-color:#6c5ce7}.col-sel-close-btn{font-size:12px;color:#fff;background:linear-gradient(135deg,#6c5ce7,#5b4cdb);border:none;padding:5px 14px;border-radius:5px;cursor:pointer;font-weight:500;transition:all .15s;box-shadow:0 2px 6px #6c5ce74d}.col-sel-close-btn:hover{background:linear-gradient(135deg,#5a4fcf,#4834d4);box-shadow:0 3px 10px #6c5ce766}.col-sel-dragging-ghost{opacity:0!important}@media (max-width: 768px){.col-sel-container{display:none!important}}[data-theme=dark] .col-sel-dropdown{background:var(--bg-surface, #1c1f26);border-color:var(--border-divider, #2d3140);box-shadow:0 10px 30px #00000080,0 2px 8px #0000004d}[data-theme=dark] .col-sel-header{background:linear-gradient(135deg,var(--bg-input, #252830),var(--bg-content, #1a1d24));border-bottom-color:var(--border-divider, #2d3140)}[data-theme=dark] .col-sel-header h4{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .col-sel-header-hint{color:var(--text-label, #6b7280)}[data-theme=dark] .col-sel-select-all{background:var(--bg-input, #252830);border-bottom-color:var(--border-divider, #2d3140)}[data-theme=dark] .col-sel-select-all:hover{background:var(--bg-surface-hover, #2a2f3d)}[data-theme=dark] .col-sel-select-all-label{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .col-sel-select-all-count{color:var(--text-label, #6b7280)}[data-theme=dark] .col-sel-list{scrollbar-color:var(--border-divider, #3a3f4f) transparent}[data-theme=dark] .col-sel-list::-webkit-scrollbar-thumb{background:var(--border-divider, #3a3f4f)}[data-theme=dark] .col-sel-item:hover{background:var(--bg-surface-hover, #2a2f3d)}[data-theme=dark] .col-sel-item.col-sel-dragging-source{background:rgba(var(--color-primary-rgb, 102, 126, 234),.08)}[data-theme=dark] .col-sel-item.col-sel-drag-over{background:rgba(var(--color-primary-rgb, 102, 126, 234),.1);border-top-color:var(--color-primary, #667eea)}[data-theme=dark] .col-sel-drag-handle{color:var(--text-label, #4a5060)}[data-theme=dark] .col-sel-drag-handle:hover{color:var(--color-primary, #667eea);background:rgba(var(--color-primary-rgb, 102, 126, 234),.1)}[data-theme=dark] .col-sel-item-label{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .col-sel-item-required .col-sel-item-label{color:var(--text-label, #6b7280)}[data-theme=dark] .col-sel-required-badge{color:var(--text-label, #6b7280);background:var(--bg-input, #252830)}[data-theme=dark] .col-sel-footer{background:var(--bg-input, #252830);border-top-color:var(--border-divider, #2d3140)}[data-theme=dark] .col-sel-reset-btn{color:var(--color-primary, #667eea);background:transparent;border-color:rgba(var(--color-primary-rgb, 102, 126, 234),.3)}[data-theme=dark] .col-sel-reset-btn:hover{background:rgba(var(--color-primary-rgb, 102, 126, 234),.12);border-color:var(--color-primary, #667eea)}.std-tvtts-stats-bar{display:flex;align-items:center;gap:12px;background:#fff;border-bottom:1px solid #e0e0e0;padding:8px 20px;flex-wrap:wrap;flex-shrink:0}.std-tvtts-stats-item{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;white-space:nowrap;background:#f8f9fa;border:1px solid #e9ecef}.std-tvtts-stats-item-total{background:#e3f2fd;border-color:#90caf9;color:#1565c0}.std-tvtts-stats-item-pending{background:#fff8e1;border-color:#ffe082;color:#f57f17}.std-tvtts-stats-item-approved{background:#e8f5e9;border-color:#a5d6a7;color:#2e7d32}.std-tvtts-stats-item-rejected{background:#fce4ec;border-color:#f48fb1;color:#c62828}.std-tvtts-stats-label{font-size:12px;font-weight:400}.std-tvtts-stats-count{font-size:15px;font-weight:700}.std-tvtts-stats-skeleton{height:34px;width:100px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:std-tvtts-shimmer 1.5s infinite;border-radius:20px}@keyframes std-tvtts-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 768px){.std-tvtts-stats-bar{padding:8px 10px;gap:8px}.std-tvtts-stats-item{padding:5px 10px;font-size:12px}.std-tvtts-stats-count{font-size:13px}}[data-theme=dark] .std-tvtts-stats-bar{background:var(--bg-content);border-bottom-color:var(--border-divider)}[data-theme=dark] .std-tvtts-stats-item{background:var(--bg-input);border-color:var(--border-divider);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .std-tvtts-stats-item-total{background:rgba(21,101,192,.15);border-color:#1565c059;color:#90caf9}[data-theme=dark] .std-tvtts-stats-item-pending{background:rgba(245,127,23,.12);border-color:#f57f174d;color:#ffcc02}[data-theme=dark] .std-tvtts-stats-item-approved{background:rgba(46,125,50,.15);border-color:#2e7d3259;color:#81c784}[data-theme=dark] .std-tvtts-stats-item-rejected{background:rgba(198,40,40,.12);border-color:#c628284d;color:#ef9a9a}.std-tvtts-filter-menu{position:fixed;background:white;border:1px solid #ddd;border-radius:6px;box-shadow:0 6px 20px #0000002e;z-index:99999;width:300px;max-height:400px;display:none;flex-direction:column;font-size:14px}.std-tvtts-filter-menu.show{display:flex}.std-tvtts-filter-search{padding:8px;border-bottom:1px solid #eee}.std-tvtts-filter-search input{width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:3px;font-size:13px;box-sizing:border-box}.std-tvtts-filter-options{flex:1;overflow-y:auto;max-height:250px;padding:4px 0}.std-tvtts-filter-option{display:flex;align-items:center;padding:8px 12px;cursor:pointer;font-size:13px;border-bottom:1px solid #f0f0f0;transition:background-color .15s ease}.std-tvtts-filter-option:hover{background:#f8f9fa}.std-tvtts-filter-option:last-child{border-bottom:none}.std-tvtts-filter-option input[type=checkbox]{margin-right:10px;width:16px;height:16px;cursor:pointer;accent-color:#007bff;flex-shrink:0}.std-tvtts-filter-option-text{flex:1;line-height:1.4;word-break:break-word;cursor:pointer;margin-right:8px;text-align:left;overflow:hidden;text-overflow:ellipsis}.std-tvtts-filter-option-count{flex:0 0 auto;font-size:11px;color:#666;background-color:#e9ecef;padding:4px 8px;border-radius:10px;font-weight:500;min-width:28px;white-space:nowrap;text-align:center}.std-tvtts-filter-select-all{font-weight:500;background:#f8f9fa;border-bottom:1px solid #dee2e6!important}.std-tvtts-filter-actions{display:flex;border-top:1px solid #eee;padding:8px;gap:8px}.std-tvtts-filter-actions button{flex:1;padding:6px 10px;border-radius:4px;font-size:13px;cursor:pointer;border:1px solid #dee2e6;transition:all .15s ease}.std-tvtts-filter-actions button:first-child{background:#007bff;color:#fff;border-color:#007bff}.std-tvtts-filter-actions button:first-child:hover{background:#0056b3}.std-tvtts-filter-actions button:last-child{background:white;color:#6c757d}.std-tvtts-filter-actions button:last-child:hover{background:#f8f9fa}.std-tvtts-filter-empty{text-align:center;color:#6c757d;padding:12px;font-style:italic}[data-theme=dark] .std-tvtts-filter-menu{background:var(--bg-surface);border-color:var(--border-divider);box-shadow:0 6px 20px #00000073}[data-theme=dark] .std-tvtts-filter-search{border-bottom-color:var(--border-divider)}[data-theme=dark] .std-tvtts-filter-search input{background:var(--bg-input);border-color:var(--border-input);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .std-tvtts-filter-option{border-bottom-color:var(--border-divider);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .std-tvtts-filter-option:hover{background:var(--bg-surface-hover)}[data-theme=dark] .std-tvtts-filter-option-count{background-color:var(--bg-input);color:var(--text-secondary, #8a93a8)}[data-theme=dark] .std-tvtts-filter-select-all{background:var(--bg-input);border-bottom-color:var(--border-divider)!important}[data-theme=dark] .std-tvtts-filter-actions{border-top-color:var(--border-divider)}[data-theme=dark] .std-tvtts-filter-actions button{border-color:var(--border-divider)}[data-theme=dark] .std-tvtts-filter-actions button:last-child{background:var(--bg-input);color:var(--text-secondary, #8a93a8)}[data-theme=dark] .std-tvtts-filter-actions button:last-child:hover{background:var(--bg-surface-hover)}[data-theme=dark] .std-tvtts-filter-empty{color:var(--text-secondary, #8a93a8)}.bl-status-icon-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.bl-status-icon-wrapper .bl-status-tooltip{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#1e1e2e;color:#fff;font-size:11px;line-height:1.4;white-space:nowrap;padding:5px 9px;border-radius:6px;z-index:9999;pointer-events:none;box-shadow:0 2px 8px #00000059}.bl-status-icon-wrapper .bl-status-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#1e1e2e}.bl-status-icon-wrapper:hover .bl-status-tooltip{display:block}.bl-status-icon-company{color:#dc2626}.bl-status-icon-workshop{color:#d97706}.std-tvtts-table-container{flex:1;min-height:0;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.std-tvtts-table{width:100%;border-collapse:collapse;font-size:13px;table-layout:auto}.std-tvtts-table thead th{background:#f8f9fa;border:1px solid #dee2e6;padding:16px 6px;text-align:left;white-space:nowrap;position:sticky;top:0;z-index:20;font-weight:600;color:#495057;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 1px #dee2e6}.std-tvtts-table tbody td{border:1px solid #dee2e6;padding:7px 6px;vertical-align:middle;white-space:nowrap}.std-tvtts-table tbody tr{cursor:pointer;transition:background-color .1s ease}.std-tvtts-table tbody tr:hover{background:#e8f4fd}.std-tvtts-th-cell{position:relative}.std-tvtts-th-sortable{cursor:pointer}.std-tvtts-th-sortable:hover{background:#e9ecef}.std-tvtts-th-cell>span{display:flex;align-items:center;justify-content:space-between;gap:4px}.std-tvtts-header-text{display:flex;align-items:center;justify-content:center;gap:3px;flex:1}.std-tvtts-sort-icon{color:#007bff;flex-shrink:0}.std-tvtts-filter-btn{background:none;border:none;cursor:pointer;padding:2px 4px;border-radius:3px;color:#6c757d;display:flex;align-items:center;transition:all .15s ease;flex-shrink:0}.std-tvtts-filter-btn:hover{background:#dee2e6;color:#007bff}.std-tvtts-filter-btn.active{color:#007bff;background:#cce5ff}.std-tvtts-col-stt{width:40px;text-align:center}.std-tvtts-col-ma-nhan-vien{width:110px;text-align:center}.std-tvtts-col-ho-va-ten{min-width:150px;max-width:200px}.std-tvtts-col-ngay-sinh{width:90px;text-align:center}.std-tvtts-col-gioi-tinh{width:70px;text-align:center}.std-tvtts-col-so-cccd{width:130px}.std-tvtts-col-nha-thoi-vu{width:120px;text-align:center}.std-tvtts-col-nguoi-gioi-thieu{width:130px}.std-tvtts-col-so-dien-thoai{width:105px;text-align:center}.std-tvtts-col-email{min-width:140px}.std-tvtts-col-dia-chi{min-width:150px}.std-tvtts-col-trang-thai{width:110px;text-align:center}.std-tvtts-col-thoi-gian-dk{width:130px;text-align:center}.std-tvtts-col-lam-them-gio{width:90px;text-align:center}.std-tvtts-col-nguyen-vong-ca{width:120px;text-align:center}.std-tvtts-col-ly-do-ca{min-width:130px}.std-tvtts-col-ky-tuc{width:100px;text-align:center}.std-tvtts-col-cam-ket-lv{width:110px}.std-tvtts-col-so-cmt{width:100px;text-align:center}.std-tvtts-col-ngay-cap{width:90px;text-align:center}.std-tvtts-col-noi-cap{min-width:120px;text-align:center}.std-tvtts-name-avatar-container{display:flex;align-items:center;gap:8px}.std-tvtts-avatar-container-inline{width:40px;height:60px;flex-shrink:0;border-radius:8px;overflow:hidden;border:1px solid #dee2e6}.std-tvtts-candidate-avatar-inline{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;cursor:pointer}.std-tvtts-no-avatar-inline{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e9ecef;font-size:9px;color:#6c757d;text-align:center}.std-tvtts-cccd-cell{display:flex;flex-direction:row;align-items:center;gap:6px}.std-tvtts-cccd-images{display:flex;flex-direction:column;gap:3px;flex-shrink:0}.std-tvtts-cccd-thumbnail{width:48px;height:30px;-o-object-fit:cover;object-fit:cover;border-radius:4px;cursor:pointer;border:1px solid #dee2e6;transition:transform .1s ease}.std-tvtts-cccd-thumbnail:hover{transform:scale(1.05)}.std-tvtts-cccd-number{font-size:12px;color:#1e293b;white-space:nowrap}.std-tvtts-status-container{display:flex;justify-content:center}.std-tvtts-status-badge{display:inline-block;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:600;text-align:center;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.std-tvtts-status-approved{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.std-tvtts-status-rejected{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.std-tvtts-status-pending{background:#fff3cd;color:#856404;border:1px solid #ffeeba}.std-tvtts-empty-state{text-align:center;padding:40px 20px;color:#6c757d}.std-tvtts-empty-state-content{display:flex;flex-direction:column;align-items:center;gap:12px}.std-tvtts-empty-state h3{margin:0;font-size:16px;color:#495057}.std-tvtts-empty-state p{margin:0;font-size:13px}.std-tvtts-table.std-tvtts-mobile-table{display:none}.std-tvtts-mobile-cell{padding:0;border:none!important}.std-tvtts-mobile-info-row{display:flex;flex-direction:column;gap:0;font-size:13px;background:#fff;border-radius:10px;margin:6px 10px;box-shadow:0 1px 4px #00000014;overflow:hidden;border:1px solid #e2e8f0}.std-tvtts-mobile-item{display:flex;gap:8px;padding:7px 12px;border-bottom:1px solid #f1f5f9;align-items:flex-start}.std-tvtts-mobile-item:last-child{border-bottom:none}.std-tvtts-mobile-item strong{flex-shrink:0;min-width:80px;color:#64748b;font-size:12px;font-weight:600;padding-top:1px}.std-tvtts-mobile-item span{color:#1e293b;font-size:13px;word-break:break-word}.std-tvtts-mobile-item:first-child{background:#f8fafc;padding:8px 12px;gap:10px;align-items:center;flex-wrap:wrap}.std-tvtts-mobile-item:first-child strong{font-size:13px;color:#2563eb;font-weight:700;min-width:unset}.std-tvtts-table.std-tvtts-mobile-table tbody tr{border:none}.std-tvtts-table.std-tvtts-mobile-table tbody tr:hover{background:transparent}@media (max-width: 768px){.std-tvtts-table.std-tvtts-desktop-table{display:none}.std-tvtts-table.std-tvtts-mobile-table{display:table;width:100%;border-collapse:collapse;background:#f1f5f9}}[data-theme=dark] .std-tvtts-table thead th{background:var(--bg-input);border-color:var(--border-divider);color:var(--text-label, #8a93a8);box-shadow:0 1px 0 var(--border-divider)}[data-theme=dark] .std-tvtts-table tbody td{border-color:var(--border-divider);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .std-tvtts-table tbody tr:hover,[data-theme=dark] .std-tvtts-th-sortable:hover{background:var(--bg-surface-hover)}[data-theme=dark] .std-tvtts-filter-btn{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .std-tvtts-filter-btn:hover{background:var(--bg-surface-hover);color:#60a5fa}[data-theme=dark] .std-tvtts-filter-btn.active{color:#60a5fa;background:rgba(0,123,255,.15)}[data-theme=dark] .std-tvtts-avatar-container-inline{border-color:var(--border-divider)}[data-theme=dark] .std-tvtts-no-avatar-inline{background:var(--bg-input);color:var(--text-secondary, #8a93a8)}[data-theme=dark] .std-tvtts-cccd-thumbnail{border-color:var(--border-divider)}[data-theme=dark] .std-tvtts-cccd-number{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .std-tvtts-status-approved{background:rgba(21,87,36,.25);color:#86efac;border-color:#86efac4d}[data-theme=dark] .std-tvtts-status-rejected{background:rgba(114,28,36,.25);color:#fca5a5;border-color:#fca5a54d}[data-theme=dark] .std-tvtts-status-pending{background:rgba(133,100,4,.2);color:#fde68a;border-color:#fde68a4d}[data-theme=dark] .std-tvtts-empty-state{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .std-tvtts-empty-state h3{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .std-tvtts-mobile-info-row{background:var(--bg-content);border-color:var(--border-divider);box-shadow:0 1px 4px #00000040}[data-theme=dark] .std-tvtts-mobile-item{border-bottom-color:var(--border-divider)}[data-theme=dark] .std-tvtts-mobile-item strong{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .std-tvtts-mobile-item span{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .std-tvtts-mobile-item:first-child{background:var(--bg-input)}[data-theme=dark] .std-tvtts-table.std-tvtts-mobile-table{background:var(--bg-surface)}.cpn-imagemodal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .2s ease}.cpn-imagemodal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;animation:zoomIn .3s ease}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.cpn-imagemodal-close{position:absolute;top:-40px;right:0;background:white;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10000;color:#1f2937}.cpn-imagemodal-close:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.cpn-imagemodal-img{max-width:100%;max-height:calc(90vh - 60px);-o-object-fit:contain;object-fit:contain;border-radius:8px;box-shadow:0 10px 50px #00000080}.cpn-imagemodal-caption{margin-top:16px;padding:8px 16px;background:rgba(255,255,255,.95);border-radius:6px;color:#1f2937;font-size:14px;font-weight:500;text-align:center}@media (max-width: 768px){.cpn-imagemodal-overlay{padding:10px}.cpn-imagemodal-close{top:-50px;width:40px;height:40px}.cpn-imagemodal-img{max-height:calc(90vh - 80px)}.cpn-imagemodal-caption{font-size:13px;padding:6px 12px}}[data-theme=dark] .cpn-imagemodal-close{background:#334155;color:#e2e8f0}[data-theme=dark] .cpn-imagemodal-close:hover{background:#ef4444;color:#fff}[data-theme=dark] .cpn-imagemodal-caption{background:rgba(30,41,59,.95);color:#e5e7eb}.cropper-modal-overlay{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:rgba(0,0,0,.9)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:10000!important;padding:15px!important;box-sizing:border-box!important}.cropper-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb;background:white}.cropper-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.cropper-close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:5px;line-height:1;transition:color .2s;display:inline-flex;align-items:center;justify-content:center}.cropper-close-btn:hover{color:#ef4444}.cropper-image-container{flex:1;display:flex;align-items:center;justify-content:center;padding:10px;background:#f9fafb;position:relative;overflow:hidden;min-height:0}.cropper-image-container,.cropper-image-container *{pointer-events:auto!important}.cropper-image-container .cropper-container{pointer-events:auto!important;touch-action:none!important}.cropper-wrap-box,.cropper-canvas{overflow:visible!important}.cropper-image{max-width:100%;max-height:100%;border-radius:8px;box-shadow:0 4px 20px #00000080;-o-object-fit:contain;object-fit:contain;pointer-events:auto}.cropper-loading{color:#fff;font-size:18px;text-align:center}.cropper-footer{display:flex;justify-content:center;align-items:center;padding:10px;border-top:1px solid #e5e7eb;background:white}.cropper-controls{display:flex;gap:0;width:100%}.cropper-controls button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1 1 0%!important;height:70px;border:1px solid rgba(255,255,255,.25)!important;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s;margin:0 0 0 -1px!important;outline:none;min-width:0}.cropper-controls button:first-child{margin-left:0!important}#cropper-rotate-left,#cropper-rotate-right{background:#6366f1;font-size:24px}#cropper-rotate-left:hover,#cropper-rotate-right:hover{background:#5b21b6}#cropper-confirm{background:#10b981}#cropper-confirm:hover{background:#059669}#cropper-cancel{background:#ef4444;border-top-right-radius:8px;border-bottom-right-radius:8px}#cropper-cancel:hover{background:#dc2626}.cropper-modal-fullscreen .cropper-modal{background-color:transparent!important}.cropper-image-container .cropper-wrap-box,.cropper-image-container .cropper-canvas,.cropper-image-container .cropper-drag-box,.cropper-image-container .cropper-crop-box,.cropper-image-container .cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:visible}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-modal-container .cropper-point{display:block!important;position:absolute!important;background-color:#39f!important;height:30px!important;width:30px!important;opacity:1!important;border-radius:50%!important;border:3px solid #fff!important;box-shadow:0 4px 12px #0006!important}.cropper-modal-container .cropper-point.point-e{cursor:ew-resize!important;margin-top:-15px!important;right:-15px!important;top:50%!important;width:30px!important;height:30px!important}.cropper-modal-container .cropper-point.point-n{cursor:ns-resize!important;left:50%!important;margin-left:-15px!important;top:-15px!important;width:30px!important;height:30px!important}.cropper-modal-container .cropper-point.point-w{cursor:ew-resize!important;left:-15px!important;margin-top:-15px!important;top:50%!important;width:30px!important;height:30px!important}.cropper-modal-container .cropper-point.point-s{bottom:-15px!important;cursor:ns-resize!important;left:50%!important;margin-left:-15px!important;width:30px!important;height:30px!important}.cropper-modal-container .cropper-point.point-ne{cursor:nesw-resize!important;right:-15px!important;top:-15px!important;width:30px!important;height:30px!important}.cropper-modal-container .cropper-point.point-nw{cursor:nwse-resize!important;left:-15px!important;top:-15px!important;width:30px!important;height:30px!important}.cropper-modal-container .cropper-point.point-sw{bottom:-15px!important;cursor:nesw-resize!important;left:-15px!important;width:30px!important;height:30px!important}.cropper-modal-container .cropper-point.point-se{bottom:-15px!important;cursor:nwse-resize!important;right:-15px!important;width:30px!important;height:30px!important}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.cropper-modal-overlay{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:rgba(0,0,0,.8)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:10000!important;padding:15px!important;box-sizing:border-box!important}.cropper-modal-container{width:100%!important;height:100%!important;background:white;border-radius:12px!important;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000004d;position:relative;box-sizing:border-box!important}.image-crop-modal{background:white!important;border-radius:12px!important;width:98vw!important;height:98vh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;box-shadow:0 20px 60px #0000004d!important;position:relative!important}.image-crop-modal .cropper-header{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:20px!important;border-bottom:1px solid #e5e7eb!important;background:#f9fafb!important;position:relative!important;z-index:1!important}.image-crop-modal .cropper-header h3{margin:0!important;font-size:18px!important;font-weight:600!important;color:#1f2937!important}.image-crop-modal .cropper-close-btn{background:none!important;border:none!important;font-size:24px!important;cursor:pointer!important;color:#6b7280!important;padding:5px!important;line-height:1!important;transition:color .2s!important}.image-crop-modal .cropper-close-btn:hover{color:#ef4444!important}.image-crop-modal .cropper-body{flex:1!important;position:relative!important;overflow:hidden!important;background:#f3f4f6!important;height:calc(100% - 140px)!important}.image-crop-modal .cropper-loading{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;background:rgba(255,255,255,.9)!important;z-index:1000!important;color:#1f2937!important;font-size:16px!important}.image-crop-modal .cropper-spinner{border:4px solid #f3f3f3!important;border-top:4px solid #3b82f6!important;border-radius:50%!important;width:40px!important;height:40px!important;animation:cropper-spin 1s linear infinite!important;margin-bottom:15px!important}@keyframes cropper-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.image-crop-modal .cropper-container{width:100%!important;height:100%!important;display:block!important;padding:5px!important;min-height:300px!important;max-height:calc(100vh - 200px)!important}.image-crop-modal .cropper-container img{display:block!important;max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important}.cropper-drag-box,.cropper-crop,.cropper-modal{width:auto!important;height:auto!important}.image-crop-modal .cropper-container .cropper-container{width:100%!important;height:100%!important;position:relative!important}.image-crop-modal .cropper-view-box{outline:2px solid #39f!important;outline-color:#3399ffe6!important}.image-crop-modal .cropper-crop-box{border:2px solid #39f!important}.image-crop-modal .cropper-point{background-color:#39f!important;opacity:1!important;width:30px!important;height:30px!important;border-radius:50%!important;border:2px solid #fff!important;box-shadow:0 2px 6px #0000004d!important}.image-crop-modal .cropper-line{background-color:#39f!important;opacity:.6!important}.image-crop-modal .cropper-footer{display:flex!important;justify-content:center!important;align-items:center!important;padding:15px 20px!important;border-top:1px solid #e5e7eb!important;background:#000!important}.image-crop-modal .cropper-controls{display:flex!important;gap:0!important;width:100%!important}.image-crop-modal .cropper-control-btn{flex:1!important;background:#6366f1!important;border:1px solid #4f46e5!important;padding:15px 10px!important;cursor:pointer!important;font-size:16px!important;color:#fff!important;font-weight:500!important;transition:all .2s!important;border-radius:0!important;margin:0!important}.image-crop-modal .cropper-control-btn:first-child{border-top-left-radius:8px!important;border-bottom-left-radius:8px!important}.image-crop-modal .cropper-control-btn:last-child{border-top-right-radius:8px!important;border-bottom-right-radius:8px!important}.image-crop-modal .cropper-control-btn:hover{background:#5b21b6!important;border-color:#5b21b6!important}.image-crop-modal .cropper-crop-btn{background:#10b981!important;border-color:#059669!important}.image-crop-modal .cropper-crop-btn:hover{background:#059669!important;border-color:#047857!important}.image-crop-modal .cropper-cancel-btn{background:#ef4444!important;border-color:#dc2626!important}.image-crop-modal .cropper-cancel-btn:hover{background:#dc2626!important;border-color:#b91c1c!important}#cropper-toggle-mode{background:#8b5cf6!important;font-size:16px!important;border-top-left-radius:8px!important;border-bottom-left-radius:8px!important}#cropper-toggle-mode.mode-move{background:#10b981!important}#cropper-toggle-mode.mode-crop{background:#f59e0b!important}#cropper-toggle-mode:hover{opacity:.9}.cropper-controls button.btn-primary{background:#10b981!important}.cropper-controls button.btn-primary:hover{background:#059669!important}.cropper-controls button.btn-secondary{background:#ef4444!important;border-top-right-radius:8px!important;border-bottom-right-radius:8px!important}.cropper-controls button.btn-secondary:hover{background:#dc2626!important}.cropper-footer{flex-direction:column!important;gap:10px!important;padding:15px 10px!important}.cropper-hint{font-size:14px;color:#6b7280;text-align:center;padding:5px 10px;background:#f3f4f6;border-radius:6px;width:100%;max-width:600px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.cropper-hint span{display:inline-block}@media (max-width: 768px){.cropper-modal-overlay{padding:10px!important}.cropper-modal-container{width:100%!important;height:100%!important;border-radius:10px!important}.cropper-header{padding:15px!important}.cropper-image-container{padding:5px!important}.cropper-controls{display:flex!important;flex-wrap:wrap!important;gap:8px!important;width:100%!important}.cropper-controls button{font-size:14px!important;height:50px!important;padding:5px!important;border-radius:6px!important}#cropper-toggle-mode{flex:0 0 100%!important;width:100%!important;border-radius:6px!important;order:1}#cropper-rotate-left{flex:1 0 calc(50% - 4px)!important;border-radius:6px!important;order:2}#cropper-rotate-right{flex:1 0 calc(50% - 4px)!important;border-radius:6px!important;order:3}#cropper-confirm{flex:1 0 calc(50% - 4px)!important;border-radius:6px!important;order:4}#cropper-cancel{flex:1 0 calc(50% - 4px)!important;border-radius:6px!important;order:5}.cropper-hint{font-size:12px!important;padding:8px!important}}.cropper-image-container .cropper-canvas img,.cropper-image-container .cropper-canvas canvas{transform-origin:center center!important}.cropper-image-container .cropper-wrap-box{transform-origin:center center!important}.cropper-image-container .cropper-container{width:100%!important;height:100%!important;position:relative!important}[data-theme=dark] .cropper-modal-container{background:#1e2234!important;box-shadow:0 20px 60px #000000b3!important}[data-theme=dark] .cropper-header{background:#1e2234!important;border-bottom-color:#334155!important}[data-theme=dark] .cropper-header h3{color:#e5e7eb!important}[data-theme=dark] .cropper-close-btn{color:#9ca3af!important}[data-theme=dark] .cropper-close-btn:hover{background:#242b3d!important;color:#ef4444!important}[data-theme=dark] .cropper-image-container{background:#13141f!important}[data-theme=dark] .cropper-footer{background:#1e2234!important;border-top-color:#334155!important}[data-theme=dark] .cropper-hint{background:#13141f!important;color:#9ca3af!important}[data-theme=dark] .cropper-controls button{border-color:#334155!important}[data-theme=dark] #cropper-toggle-mode{background:#7c3aed!important}[data-theme=dark] #cropper-rotate-left,[data-theme=dark] #cropper-rotate-right{background:#4f46e5!important}[data-theme=dark] #cropper-confirm{background:#059669!important}[data-theme=dark] #cropper-cancel{background:#dc2626!important}[data-theme=dark] .image-crop-modal{background:#1e2234!important;box-shadow:0 20px 60px #000000b3!important}[data-theme=dark] .image-crop-modal .cropper-header{background:#1e2234!important;border-bottom-color:#334155!important}[data-theme=dark] .image-crop-modal .cropper-body{background:#13141f!important}[data-theme=dark] .image-crop-modal .cropper-loading{background:rgba(19,20,31,.9)!important;color:#e5e7eb!important}.acm-modal-overlay{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:15px!important;box-sizing:border-box!important}.acm-modal-container{background:#ffffff;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;border-radius:12px!important;display:flex;flex-direction:column;box-shadow:0 20px 60px #0006;overflow:hidden}.acm-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0}.acm-header h3{margin:0;color:#1e293b;font-size:1.2rem;font-weight:600}.acm-close-btn{background:none;border:none;font-size:1.75rem;color:#64748b;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.acm-close-btn:hover{background:#f1f5f9;color:#ef4444}.acm-image-container{position:relative;flex:1;overflow:hidden;background:#0f172a;min-height:500px;display:flex;align-items:center;justify-content:center}.acm-image{max-width:100%;max-height:100%;display:block}.acm-modal-container .cropper-face{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 150" fill="none" stroke="%2300ffcc" stroke-width="1.5" stroke-dasharray="3,3"><ellipse cx="50" cy="60" rx="30" ry="42" /><path d="M 5 150 C 5 120, 20 105, 50 105 C 80 105, 95 120, 95 150" /></svg>');background-size:contain;background-repeat:no-repeat;background-position:center;background-color:transparent!important;opacity:.65}.acm-modal-container .cropper-line,.acm-modal-container .cropper-point,.acm-modal-container .cropper-dashed{display:none!important}.acm-hint-banner{background:#f0fdfa;padding:.75rem 1.25rem;color:#0f766e;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.acm-hint-banner svg{flex-shrink:0;color:#0d9488}.acm-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.8);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;gap:1rem;color:#fff}.acm-spinner{width:44px;height:44px;border:4px solid rgba(255,255,255,.2);border-top-color:#38bdf8;border-radius:50%;animation:acm-spin 1s linear infinite}.acm-loading-text{font-size:.95rem;font-weight:500;letter-spacing:.5px}.acm-error-banner{background:#fef2f2;border-top:1px solid #fee2e2;border-bottom:1px solid #fee2e2;padding:.75rem 1.25rem;color:#b91c1c;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.acm-error-banner svg{flex-shrink:0;color:#ef4444}.acm-footer{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px;background:white;border-top:1px solid #e2e8f0;width:100%}.acm-controls{display:flex;gap:0;width:100%}.acm-controls button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1 1 0%!important;height:70px;border:1px solid rgba(255,255,255,.25)!important;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s;margin:0 0 0 -1px!important;outline:none;min-width:0}.acm-controls button:first-child{margin-left:0!important}#acm-toggle-mode{background:#8b5cf6!important;font-size:16px!important;border-top-left-radius:8px!important;border-bottom-left-radius:8px!important}#acm-toggle-mode.mode-move{background:#10b981!important}#acm-toggle-mode.mode-crop{background:#f59e0b!important}#acm-toggle-mode:hover{opacity:.9}#acm-rotate-left,#acm-rotate-right{background:#6366f1;font-size:24px}#acm-rotate-left:hover,#acm-rotate-right:hover{background:#5b21b6}#acm-confirm{background:#10b981}#acm-confirm:hover:not(:disabled){background:#059669}#acm-cancel{background:#ef4444;border-top-right-radius:8px;border-bottom-right-radius:8px}#acm-cancel:hover:not(:disabled){background:#dc2626}.acm-controls button:disabled{opacity:.5;cursor:not-allowed}.acm-hint{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:14px;color:#6b7280;text-align:center;padding:5px 10px;background:#f3f4f6;border-radius:6px;width:100%;max-width:600px}.acm-confirm{background:#4f46e5;color:#fff}.acm-confirm:hover:not(:disabled){background:#4338ca}.acm-confirm:disabled{background:#94a3b8;cursor:not-allowed}.acm-cancel{background:#ffffff;color:#475569;border:1px solid #cbd5e1}.acm-cancel:hover{background:#f1f5f9;border-color:#ef4444;color:#ef4444}.acm-bypass-container{width:100%;margin-top:8px}#acm-bypass{width:100%;height:44px;background:#f59e0b;color:#fff;border:none;border-radius:6px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-size:14px}#acm-bypass:hover{background:#d97706}@keyframes acm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.acm-modal-overlay{padding:10px!important}.acm-modal-container{width:100%!important;height:100%!important;border-radius:10px!important;overflow-y:auto!important}.acm-header{padding:15px!important}.acm-image-container{padding:5px!important;min-height:280px!important}.acm-controls{display:flex!important;flex-wrap:wrap!important;gap:8px!important;width:100%!important}.acm-controls button{font-size:14px!important;height:50px!important;padding:5px!important;border-radius:6px!important}#acm-toggle-mode{flex:0 0 100%!important;width:100%!important;border-radius:6px!important;order:1}#acm-rotate-left{flex:1 0 calc(50% - 4px)!important;border-radius:6px!important;order:2}#acm-rotate-right{flex:1 0 calc(50% - 4px)!important;border-radius:6px!important;order:3}#acm-confirm{flex:1 0 calc(50% - 4px)!important;border-radius:6px!important;order:4}#acm-cancel{flex:1 0 calc(50% - 4px)!important;border-radius:6px!important;order:5}.acm-hint{font-size:12px!important;padding:8px!important}}@media (max-height: 750px){.acm-image-container{min-height:280px!important}}@media (max-height: 650px){.acm-image-container{min-height:200px!important}.acm-controls button{height:42px!important}}@media (max-height: 550px){.acm-image-container{min-height:150px!important}.acm-controls button{height:36px!important}.acm-header{padding:10px 15px!important}.acm-hint-banner{padding:6px 12px!important}}[data-theme=dark] .acm-modal-container{background:#1e293b;box-shadow:0 20px 60px #000000b3}[data-theme=dark] .acm-header{border-bottom-color:#334155}[data-theme=dark] .acm-header h3{color:#f1f5f9}[data-theme=dark] .acm-close-btn{color:#94a3b8}[data-theme=dark] .acm-close-btn:hover{background:#334155;color:#f87171}[data-theme=dark] .acm-modal-container .cropper-face{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 150" fill="none" stroke="%2338bdf8" stroke-width="1.5" stroke-dasharray="3,3"><ellipse cx="50" cy="60" rx="30" ry="42" /><path d="M 5 150 C 5 120, 20 105, 50 105 C 80 105, 95 120, 95 150" /></svg>')}[data-theme=dark] .acm-hint-banner{background:rgba(13,148,136,.15);border-left-color:#0d9488;color:#5eead4}[data-theme=dark] .acm-hint-banner svg{color:#2dd4bf}[data-theme=dark] .acm-error-banner{background:rgba(239,68,68,.15);border-top-color:#ef444440;border-bottom-color:#ef444440;color:#fca5a5}[data-theme=dark] .acm-error-banner svg{color:#f87171}[data-theme=dark] .acm-footer{background:#0f172a;border-top-color:#334155}[data-theme=dark] .acm-controls button{background:#1e293b;border-color:#475569;color:#cbd5e1}[data-theme=dark] .acm-controls button:hover:not(:disabled){background:#334155;border-color:#64748b;color:#f8fafc}[data-theme=dark] #acm-cancel{background:#1e293b;color:#cbd5e1;border-color:#475569}[data-theme=dark] #acm-cancel:hover{background:#334155;border-color:#f87171;color:#f87171}.cpn-sdm-s1-wrapper{display:flex;flex-direction:column;gap:12px}.cpn-staffdetailmodal-info-with-avatar{display:flex;gap:16px;align-items:flex-start}.cpn-staffdetailmodal-avatar-column{flex-shrink:0;width:120px}.cpn-staffdetailmodal-avatar{width:120px;height:160px;-o-object-fit:cover;object-fit:cover;border-radius:6px;border:1px solid #e5e7eb;display:block}.cpn-sdm-s1-avatar-wrap{position:relative;width:120px;height:160px;border-radius:6px;overflow:hidden;cursor:pointer}.cpn-sdm-s1-avatar-wrap--edit{border:2px dashed #3b82f6}.cpn-sdm-s1-avatar-wrap--edit:hover .cpn-sdm-s1-avatar-overlay{opacity:1}.cpn-sdm-s1-avatar-placeholder{width:100%;height:100%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#9ca3af;border-radius:6px}.cpn-sdm-s1-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#fff;opacity:0;transition:opacity .2s;border-radius:6px}.cpn-sdm-s1-avatar-wrap--edit:hover .cpn-sdm-s1-avatar-overlay,.cpn-sdm-s1-avatar-overlay:hover{opacity:1}.cpn-sdm-s1-avatar-uploading{font-size:11px;font-weight:600}.cpn-staffdetailmodal-info-column{flex:1;min-width:0}.cpn-staffdetailmodal-info-list{display:flex;flex-direction:column;gap:6px;justify-content:center}.cpn-sdm-s1-birth-gender-row{display:flex;gap:12px;align-items:center}.cpn-sdm-s1-birth-gender-row .cpn-staffdetailmodal-item-inline{flex:1;min-width:0}.cpn-sdm-s1-job-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 4px;font-size:16px;color:#111827;font-weight:600}.cpn-sdm-s1-job-line--mobile{display:none}.cpn-sdm-s1-job-line .cpn-sdm-s1-job-label{font-size:16px;font-weight:600;color:#4b5563;margin-right:4px;display:inline-flex;align-items:center;gap:4px}.cpn-sdm-s1-job-line .cpn-sdm-s1-job-label:after{content:":"}.cpn-sdm-s1-meta-row{padding:10px;display:flex;gap:16px;flex-wrap:wrap}.cpn-sdm-s1-badge-item{display:flex;flex-direction:row;align-items:center;gap:6px;flex:1;min-width:0}.cpn-sdm-s1-badge-label{display:flex;align-items:center;gap:4px;font-size:16px;font-weight:600;color:#6b7280;white-space:nowrap}.cpn-sdm-s1-badge-label:after{content:":"}.cpn-sdm-s1-badge-value{font-size:16px;font-weight:700;color:#1f2937}.cpn-sdm-s1-badge-empty{color:#9ca3af;font-style:italic;font-weight:400}.cpn-sdm-s1-ntv-row{padding:0 10px;display:flex;flex-direction:row;align-items:center;gap:6px;font-size:15px;color:#1f2937;flex-wrap:nowrap}.cpn-sdm-s1-ntv-icon{font-size:16px;flex-shrink:0}.cpn-sdm-s1-ntv-label{font-size:16px;font-weight:600;color:#6b7280;letter-spacing:.5px}.cpn-sdm-s1-ntv-label:after{content:":"}.cpn-sdm-s1-ntv-value{font-size:16px;color:#1f2937;font-weight:600}.cpn-sdm-s1-ntv-empty{color:#b45309;opacity:.6;font-style:italic}.cpn-sdm-s1-note-row{padding:10px;width:100%}@media (max-width: 480px){.cpn-sdm-s1-wrapper{gap:8px}.cpn-staffdetailmodal-avatar-column{width:90px;flex-shrink:0}.cpn-staffdetailmodal-avatar,.cpn-sdm-s1-avatar-wrap{width:90px;height:110px}.cpn-staffdetailmodal-info-list{height:auto;gap:8px;justify-content:flex-start;align-items:stretch}.cpn-staffdetailmodal-item-inline{flex-wrap:wrap;gap:0 4px;line-height:1.5;align-items:baseline}.cpn-staffdetailmodal-info-with-avatar{gap:10px;align-items:flex-start}.cpn-sdm-s1-birth-gender-row{flex-direction:column;gap:8px;align-items:flex-start}.cpn-sdm-s1-birth-gender-row .cpn-staffdetailmodal-item-inline{width:100%}.cpn-sdm-s1-meta-row{flex-direction:column;gap:8px;padding:0}.cpn-sdm-s1-badge-item{flex-wrap:wrap;gap:0 4px}.cpn-sdm-s1-badge-label{font-size:13px;white-space:nowrap}.cpn-sdm-s1-badge-value{font-size:13px}.cpn-sdm-s1-job-line--desktop{display:none}.cpn-sdm-s1-job-line--mobile{display:flex;font-size:13px;flex-wrap:wrap;gap:0 4px;align-items:baseline}.cpn-sdm-s1-job-line .cpn-sdm-s1-job-label{font-size:13px;flex-shrink:0;font-weight:600}.cpn-sdm-s1-ntv-row{flex-wrap:wrap;gap:0 4px;padding:0;font-size:13px}.cpn-sdm-s1-ntv-label,.cpn-sdm-s1-ntv-value{font-size:13px}}[data-theme=dark] .cpn-staffdetailmodal-avatar{border-color:var(--border-divider, #2d3140)}[data-theme=dark] .cpn-sdm-s1-avatar-placeholder{background:var(--bg-input, #252830);color:var(--text-label, #4a5060)}[data-theme=dark] .cpn-sdm-s1-job-line{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .cpn-sdm-s1-job-line .cpn-sdm-s1-job-label,[data-theme=dark] .cpn-sdm-s1-badge-label{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .cpn-sdm-s1-badge-value{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .cpn-sdm-s1-badge-empty{color:var(--text-label, #4a5060)}[data-theme=dark] .cpn-sdm-s1-ntv-row{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .cpn-sdm-s1-ntv-label{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .cpn-sdm-s1-ntv-value{color:var(--text-primary, #e2e8f0)}.cpn-sdm-s2-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.cpn-sdm-s2-grid-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:12px}.cpn-sdm-s2-cccd-row{display:flex;flex-wrap:nowrap;justify-content:center;gap:24px;margin-top:12px}.cpn-sdm-s2-cccd-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;max-width:300px}.cpn-sdm-s2-cccd-item label{font-size:12px;color:#6b7280;font-weight:600;letter-spacing:.2px}.cpn-sdm-s2-cccd-item label:after{content:":"}.cpn-sdm-s2-cccd-img{width:100%;max-width:300px;aspect-ratio:85.6 / 54;-o-object-fit:cover;object-fit:cover;border-radius:6px;border:1px solid #e5e7eb;cursor:pointer;transition:opacity .2s;display:block}.cpn-sdm-s2-cccd-img:hover{opacity:.85}.cpn-sdm-s2-cccd-img-wrap{position:relative;width:100%;max-width:300px;border-radius:6px;overflow:hidden;cursor:pointer}.cpn-sdm-s2-cccd-img-wrap--edit{border:2px dashed #3b82f6}.cpn-sdm-s2-cccd-img-wrap--edit:hover .cpn-sdm-s2-cccd-overlay{opacity:1}.cpn-sdm-s2-cccd-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;gap:6px;color:#fff;font-size:13px;opacity:0;transition:opacity .2s}.cpn-sdm-s2-cccd-placeholder{width:100%;max-width:300px;aspect-ratio:85.6 / 54;background:#f3f4f6;border:2px dashed #d1d5db;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:6px;color:#9ca3af;font-size:13px;cursor:pointer;transition:border-color .2s,color .2s}.cpn-sdm-s2-cccd-placeholder:hover{border-color:#3b82f6;color:#3b82f6}@media (max-width: 480px){.cpn-sdm-s2-grid-2col,.cpn-sdm-s2-grid-3col{grid-template-columns:1fr 1fr;gap:8px}.cpn-sdm-s2-cccd-row{flex-wrap:wrap;gap:8px}}[data-theme=dark] .cpn-sdm-s2-cccd-item label{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .cpn-sdm-s2-cccd-img{border-color:#334155}[data-theme=dark] .cpn-sdm-s2-cccd-placeholder{background:#253348;border-color:#475569;color:#6b7280}[data-theme=dark] .cpn-sdm-s2-cccd-placeholder:hover{border-color:#60a5fa;color:#60a5fa}.cpn-sdm-s3-wrapper{display:flex;flex-direction:column;gap:10px}.cpn-sdm-s3-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cpn-sdm-s3-grid-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.cpn-sdm-s3-grid-4col{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:12px}.cpn-sdm-s3-viewonly-row{display:flex;flex-wrap:wrap;gap:12px;padding:8px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:13px}.cpn-sdm-s3-viewonly-item{display:flex;flex-direction:column;gap:2px;flex:1;min-width:120px}.cpn-sdm-s3-viewonly-label{font-size:12px;color:#6b7280;font-weight:600;letter-spacing:.03em}.cpn-sdm-s3-viewonly-label:after{content:":"}.cpn-sdm-s3-viewonly-value{font-size:14px;font-weight:600;color:#374151}.cpn-sdm-s3-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.cpn-sdm-s3-badge--working{background:#dcfce7;color:#166534}.cpn-sdm-s3-badge--resigned{background:#fee2e2;color:#991b1b}.cpn-sdm-s3-badge--trial{background:#fef3c7;color:#92400e}.cpn-sdm-s3-badge--temp{background:#e0f2fe;color:#0c4a6e}.cpn-sdm-s3-fingerprint{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:500;height:100%;padding-top:4px}.cpn-sdm-s3-fingerprint--taken{color:#166534}.cpn-sdm-s3-fingerprint--missing{color:#9ca3af}.cpn-sdm-s3-contract-type{font-size:13px;font-weight:500;color:#374151}.cpn-sdm-s3-select{width:100%}@media (max-width: 600px){.cpn-sdm-s3-grid-4col,.cpn-sdm-s3-grid-3col{grid-template-columns:1fr 1fr}}@media (max-width: 400px){.cpn-sdm-s3-grid-2col,.cpn-sdm-s3-grid-3col,.cpn-sdm-s3-grid-4col{grid-template-columns:1fr}}[data-theme=dark] .cpn-sdm-s3-viewonly-row{background:#253348;border-color:#334155}[data-theme=dark] .cpn-sdm-s3-viewonly-label{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .cpn-sdm-s3-viewonly-value{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .cpn-sdm-s3-badge--working{background:rgba(22,163,74,.15);color:#4ade80}[data-theme=dark] .cpn-sdm-s3-badge--resigned{background:rgba(153,27,27,.2);color:#f87171}[data-theme=dark] .cpn-sdm-s3-badge--trial{background:rgba(146,64,14,.2);color:#fbbf24}[data-theme=dark] .cpn-sdm-s3-badge--temp{background:rgba(12,74,110,.2);color:#38bdf8}[data-theme=dark] .cpn-sdm-s3-fingerprint--taken{color:#4ade80}[data-theme=dark] .cpn-sdm-s3-fingerprint--missing{color:#6b7280}[data-theme=dark] .cpn-sdm-s3-contract-type{color:var(--text-primary, #e5e7eb)}.cpn-sdm-s4-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.cpn-sdm-s4-subsection{margin-top:16px}.cpn-sdm-s4-subsection-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.cpn-sdm-s4-subsection-title{font-size:16px;font-weight:600;color:#6b7280;letter-spacing:.5px;line-height:1.4;display:flex;align-items:center;gap:5px}.cpn-sdm-s4-table-container{overflow-x:auto;border-radius:6px;border:1px solid #e5e7eb}.cpn-sdm-s4-table{width:100%;border-collapse:collapse;font-size:13px}.cpn-sdm-s4-table th{padding:8px 10px;background:#f9fafb;text-align:left;font-weight:600;color:#6b7280;border-bottom:1px solid #e5e7eb;white-space:nowrap}.cpn-sdm-s4-table td{padding:7px 10px;border-bottom:1px solid #f3f4f6;vertical-align:middle;color:#374151}.cpn-sdm-s4-table tr:last-child td{border-bottom:none}.cpn-sdm-s4-table tr:hover td{background:#f9fafb}.cpn-sdm-s4-table-input{width:100%;height:30px;padding:0 8px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;color:#374151;background:white;box-sizing:border-box}.cpn-sdm-s4-table-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.cpn-sdm-s4-table-delete-btn{padding:4px 8px;background:#fee2e2;color:#dc2626;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background .15s}.cpn-sdm-s4-table-delete-btn:hover{background:#fecaca}.cpn-sdm-s4-view-address-list{display:flex;flex-direction:column;gap:12px}.cpn-sdm-s4-view-address-group{border:1px solid #e5e7eb;border-radius:6px;background-color:#f9fafb;padding:12px 14px}.cpn-sdm-s4-view-address-group-title{font-size:13px;font-weight:600;color:#4b5563;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;border-bottom:1px solid #e5e7eb;padding-bottom:6px}.cpn-sdm-s4-view-address-group-content{display:flex;flex-direction:column;gap:6px}.cpn-sdm-s4-view-address-item{padding:4px 0;display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#374151;line-height:1.5}.cpn-sdm-s4-view-address-icon{display:flex;align-items:center;justify-content:center;margin-top:2px;flex-shrink:0;color:#4b5563}.cpn-sdm-s4-view-address-icon-svg{color:#6b7280;flex-shrink:0}.cpn-sdm-s4-view-address-icon-svg.temp{color:#3b82f6}.cpn-sdm-s4-view-address-icon-svg.birth{color:#f59e0b}.cpn-sdm-s4-view-address-icon-svg.origin{color:#10b981}.cpn-sdm-s4-view-address-label{font-size:13px;font-weight:600;color:#4b5563;white-space:nowrap;flex-shrink:0;min-width:80px}.cpn-sdm-s4-view-address-value{color:#1f2937;word-break:break-word}.cpn-sdm-s4-view-address-empty{color:#9ca3af;font-style:italic;font-size:13px;padding:4px 0}.cpn-sdm-s4-addr-mode-radios{display:flex;gap:16px;margin-bottom:8px}.cpn-sdm-s4-radio-label{display:flex;align-items:center;gap:6px;font-size:13px;color:#374151;cursor:pointer}.cpn-sdm-s4-addr-table-wrap{overflow-x:auto;border-radius:6px;border:1px solid #e5e7eb;margin-bottom:8px}.cpn-sdm-s4-addr-table{width:100%;border-collapse:collapse;font-size:12px}.cpn-sdm-s4-addr-table th{padding:7px 8px;background:#f9fafb;text-align:left;font-weight:600;color:#6b7280;border-bottom:1px solid #e5e7eb;white-space:nowrap}.cpn-sdm-s4-addr-table td{padding:6px 8px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.cpn-sdm-s4-addr-table tr:last-child td{border-bottom:none}.sd-wrapper.cpn-sdm-s4-addr-select{border:none;background:transparent;height:auto;padding:0;box-shadow:none}.cpn-sdm-s4-addr-select{width:100%;min-width:100px;padding:4px 6px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;color:#374151;background:white;box-sizing:border-box}.cpn-sdm-s4-addr-input{width:100%;min-width:80px;padding:4px 6px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;color:#374151;background:white;box-sizing:border-box}.cpn-sdm-s4-addr-select:focus,.cpn-sdm-s4-addr-input:focus{outline:none;border-color:#3b82f6}.cpn-sdm-s4-addr-delete-btn{padding:3px 7px;background:#fee2e2;color:#dc2626;border:none;border-radius:4px;cursor:pointer;font-size:12px}.cpn-sdm-s4-addr-delete-btn:hover{background:#fecaca}.cpn-sdm-s4-addr-add-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-size:13px;color:#2563eb;background:#eff6ff;border:1px dashed #93c5fd;border-radius:6px;cursor:pointer;transition:background .15s}.cpn-sdm-s4-addr-add-btn:hover{background:#dbeafe}@media (max-width: 480px){.cpn-sdm-s4-contact-grid{grid-template-columns:1fr}}[data-theme=dark] .cpn-sdm-s4-subsection-title{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .cpn-sdm-s4-table-container{border-color:var(--border-divider, #2d3140)}[data-theme=dark] .cpn-sdm-s4-table th{background:var(--bg-input, #252830);color:var(--text-label, #6b7280);border-bottom-color:var(--border-divider, #2d3140)}[data-theme=dark] .cpn-sdm-s4-table td{border-bottom-color:var(--border-divider, #2d3140);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .cpn-sdm-s4-table tr:hover td{background:var(--bg-surface-hover, #2a2f3d)}[data-theme=dark] .cpn-sdm-s4-table-input{background:var(--bg-input, #252830);border-color:var(--border-input, #3a3f4f);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .cpn-sdm-s4-table-input:focus{border-color:var(--color-primary, #667eea);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 102, 126, 234),.15)}[data-theme=dark] .cpn-sdm-s4-table-delete-btn{background:rgba(220,38,38,.15);color:#f87171}[data-theme=dark] .cpn-sdm-s4-table-delete-btn:hover{background:rgba(220,38,38,.3)}[data-theme=dark] .cpn-sdm-s4-view-address-group{border-color:var(--border-divider, #334155);background-color:var(--bg-surface-hover, rgba(36, 38, 58, .4))}[data-theme=dark] .cpn-sdm-s4-view-address-group-title{color:var(--text-label, #d1d5db);border-bottom-color:var(--border-divider, #334155)}[data-theme=dark] .cpn-sdm-s4-view-address-item{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .cpn-sdm-s4-view-address-label{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .cpn-sdm-s4-view-address-value{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .cpn-sdm-s4-view-address-empty{color:var(--text-secondary, #6b7280)}[data-theme=dark] .cpn-sdm-s4-view-address-icon,[data-theme=dark] .cpn-sdm-s4-view-address-icon-svg{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .cpn-sdm-s4-view-address-icon-svg.temp{color:#60a5fa}[data-theme=dark] .cpn-sdm-s4-view-address-icon-svg.birth{color:#fbbf24}[data-theme=dark] .cpn-sdm-s4-view-address-icon-svg.origin{color:#34d399}[data-theme=dark] .cpn-sdm-s4-radio-label{color:var(--text-secondary, #a0aec0)}[data-theme=dark] .cpn-sdm-s4-addr-table-wrap{border-color:var(--border-divider, #2d3140)}[data-theme=dark] .cpn-sdm-s4-addr-table th{background:var(--bg-input, #252830);color:var(--text-label, #6b7280);border-bottom-color:var(--border-divider, #2d3140)}[data-theme=dark] .cpn-sdm-s4-addr-table td{border-bottom-color:var(--border-divider, #2d3140)}[data-theme=dark] .cpn-sdm-s4-addr-select,[data-theme=dark] .cpn-sdm-s4-addr-input{background:var(--bg-input, #252830);border-color:var(--border-input, #3a3f4f);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .cpn-sdm-s4-addr-select:focus,[data-theme=dark] .cpn-sdm-s4-addr-input:focus{border-color:var(--color-primary, #667eea)}[data-theme=dark] .cpn-sdm-s4-addr-delete-btn{background:rgba(220,38,38,.15);color:#f87171}[data-theme=dark] .cpn-sdm-s4-addr-delete-btn:hover{background:rgba(220,38,38,.3)}[data-theme=dark] .cpn-sdm-s4-addr-add-btn{background:rgba(var(--color-primary-rgb, 102, 126, 234),.08);border-color:rgba(var(--color-primary-rgb, 102, 126, 234),.3);color:var(--color-primary, #667eea)}[data-theme=dark] .cpn-sdm-s4-addr-add-btn:hover{background:rgba(var(--color-primary-rgb, 102, 126, 234),.15)}.cpn-sdm-s4-addr-section-title{font-size:13px;font-weight:600;color:#4b5563;margin-top:14px;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px;border-left:3px solid #667eea;padding-left:8px}[data-theme=dark] .cpn-sdm-s4-addr-section-title{color:var(--text-label, #9ca3af);border-left-color:var(--color-primary, #667eea)}.cpn-sdm-s5-wrapper{display:flex;flex-direction:column;gap:12px}.cpn-sdm-s5-subsection{margin-top:8px}.cpn-sdm-s5-subsection-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.cpn-sdm-s5-subsection-title{font-size:12px;font-weight:600;color:#374151;letter-spacing:.02em}.cpn-sdm-s5-table-container{overflow-x:auto;border-radius:6px;border:1px solid #e5e7eb}.cpn-sdm-s5-table{width:100%;border-collapse:collapse;font-size:13px}.cpn-sdm-s5-table th{padding:8px 10px;background:#f9fafb;text-align:left;font-weight:600;color:#6b7280;border-bottom:1px solid #e5e7eb;white-space:nowrap}.cpn-sdm-s5-table td{padding:7px 10px;border-bottom:1px solid #f3f4f6;vertical-align:middle;color:#374151}.cpn-sdm-s5-table tr:last-child td{border-bottom:none}.cpn-sdm-s5-table tr:hover td{background:#f9fafb}.cpn-sdm-s5-table-input{width:100%;height:30px;padding:0 8px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;color:#374151;background:white;box-sizing:border-box}.cpn-sdm-s5-table-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.cpn-sdm-s5-delete-btn{padding:4px 8px;background:#fee2e2;color:#dc2626;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background .15s}.cpn-sdm-s5-delete-btn:hover{background:#fecaca}[data-theme=dark] .cpn-sdm-s5-subsection-title{color:var(--text-label, #d1d5db)}[data-theme=dark] .cpn-sdm-s5-table-container{border-color:#334155}[data-theme=dark] .cpn-sdm-s5-table th{background:#253348;color:var(--text-secondary, #9ca3af);border-bottom-color:#334155}[data-theme=dark] .cpn-sdm-s5-table td{color:var(--text-primary, #e5e7eb);border-bottom-color:#334155}[data-theme=dark] .cpn-sdm-s5-table tr:hover td{background:#253348}[data-theme=dark] .cpn-sdm-s5-table-input{background:var(--bg-input, #1e293b);border-color:var(--border-input, #374151);color:var(--text-primary, #e5e7eb)}.cpn-sdm-s6-wrapper{display:flex;flex-direction:column;gap:12px}.cpn-sdm-s6-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cpn-sdm-s6-subsection{margin-top:8px}.cpn-sdm-s6-subsection-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.cpn-sdm-s6-subsection-title{font-size:12px;font-weight:600;color:#374151;letter-spacing:.02em}.cpn-sdm-s6-table-container{overflow-x:auto;border-radius:6px;border:1px solid #e5e7eb}.cpn-sdm-s6-table{width:100%;border-collapse:collapse;font-size:13px}.cpn-sdm-s6-table th{padding:8px 10px;background:#f9fafb;text-align:left;font-weight:600;color:#6b7280;border-bottom:1px solid #e5e7eb;white-space:nowrap}.cpn-sdm-s6-table td{padding:7px 10px;border-bottom:1px solid #f3f4f6;vertical-align:middle;color:#374151}.cpn-sdm-s6-table tr:last-child td{border-bottom:none}.cpn-sdm-s6-table tr:hover td{background:#f9fafb}.cpn-sdm-s6-table-input{width:100%;height:30px;padding:0 8px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;color:#374151;background:white;box-sizing:border-box}.cpn-sdm-s6-table-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.cpn-sdm-s6-delete-btn{padding:4px 8px;background:#fee2e2;color:#dc2626;border:none;border-radius:4px;cursor:pointer;font-size:12px}.cpn-sdm-s6-delete-btn:hover{background:#fecaca}@media (max-width: 480px){.cpn-sdm-s6-grid-2col{grid-template-columns:1fr}}[data-theme=dark] .cpn-sdm-s6-subsection-title{color:var(--text-label, #d1d5db)}[data-theme=dark] .cpn-sdm-s6-table-container{border-color:#334155}[data-theme=dark] .cpn-sdm-s6-table th{background:#253348;color:var(--text-secondary, #9ca3af);border-bottom-color:#334155}[data-theme=dark] .cpn-sdm-s6-table td{color:var(--text-primary, #e5e7eb);border-bottom-color:#334155}[data-theme=dark] .cpn-sdm-s6-table tr:hover td{background:#253348}[data-theme=dark] .cpn-sdm-s6-table-input{background:var(--bg-input, #1e293b);border-color:var(--border-input, #374151);color:var(--text-primary, #e5e7eb)}.cpn-sdm-s11-wrapper{display:flex;flex-direction:column;gap:0}.cpn-sdm-s11-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;padding:4px 0}.cpn-sdm-s11-grid-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px 16px;padding:4px 0}.cpn-sdm-s11-item{display:flex;flex-direction:column;gap:2px;padding:6px 0}.cpn-sdm-s11-item-label{font-size:12px;font-weight:600;color:#6b7280;letter-spacing:.2px;display:flex;align-items:center;gap:4px}.cpn-sdm-s11-item-label:after{content:":"}.cpn-sdm-s11-item-value{font-size:14px;color:#333}.cpn-sdm-s11-item-value.empty{color:#bbb}.cpn-sdm-s11-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.cpn-sdm-s11-badge.approved{background:#e6f4ea;color:#2e7d32}.cpn-sdm-s11-badge.rejected{background:#fdecea;color:#c62828}.cpn-sdm-s11-badge.pending{background:#fff8e1;color:#f57f17}.cpn-sdm-s11-badge.default{background:#f5f5f5;color:#666}.cpn-sdm-s11-reject-block{border-left:3px solid #f44336;padding:8px 12px;background:#fff9f9;border-radius:0 4px 4px 0;margin:4px 0}.cpn-sdm-s11-reject-block-title{font-size:11px;font-weight:600;color:#c62828;letter-spacing:.2px;margin-bottom:4px}.cpn-sdm-s11-reject-history{font-size:12px;color:#555;white-space:pre-line;line-height:1.6;margin:0}.cpn-sdm-s11-divider{height:1px;background:#f0f0f0;margin:4px 0}.cpn-sdm-s11-nghiviec-section{padding:4px 0}.cpn-sdm-s11-nghiviec-section-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#374151;letter-spacing:.3px;text-transform:uppercase;margin-bottom:10px}.cpn-sdm-s11-nghiviec-count{margin-left:4px;padding:1px 7px;background:#e5e7eb;color:#6b7280;border-radius:10px;font-size:11px;font-weight:600;text-transform:none}.cpn-sdm-s11-nghiviec-empty{font-size:13px;color:#bbb;padding:6px 2px}.cpn-sdm-s11-nghiviec-list{display:flex;flex-direction:column;gap:10px}.cpn-sdm-s11-nghiviec-card{border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;border-left-width:3px}.cpn-sdm-s11-nghiviec-card.status-pending{border-left-color:#f59e0b}.cpn-sdm-s11-nghiviec-card.status-done{border-left-color:#22c55e}.cpn-sdm-s11-nghiviec-card.status-rejected{border-left-color:#ef4444}.cpn-sdm-s11-nghiviec-card.status-default{border-left-color:#9ca3af}.cpn-sdm-s11-nghiviec-card-header{display:flex;align-items:center;gap:8px;padding:7px 12px;background:#f9fafb;border-bottom:1px solid #f0f0f0;flex-wrap:wrap}.cpn-sdm-s11-nghiviec-card-index{font-size:11px;font-weight:700;color:#9ca3af;min-width:20px}.cpn-sdm-s11-nghiviec-loaidon{font-size:12px;color:#6b7280;margin-left:auto;font-style:italic}.cpn-sdm-s11-nghiviec-card-body{padding:8px 12px;display:flex;flex-direction:column;gap:0}.cpn-sdm-s11-item-fullrow{grid-column:1 / -1}.cpn-sdm-s11-nghiviec-restore-block{margin-top:6px;border-left:3px solid #22c55e;padding:7px 10px;background:#f0fdf4;border-radius:0 4px 4px 0}.cpn-sdm-s11-nghiviec-restore-title{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#166534;text-transform:uppercase;letter-spacing:.2px;margin-bottom:6px}@media (max-width: 480px){.cpn-sdm-s11-grid-2col,.cpn-sdm-s11-grid-3col{grid-template-columns:1fr;gap:0}.cpn-sdm-s11-wrapper{gap:8px}.cpn-sdm-s11-divider{display:none}}[data-theme=dark] .cpn-sdm-s11-item-label{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .cpn-sdm-s11-item-value{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .cpn-sdm-s11-item-value.empty{color:#4b5563}[data-theme=dark] .cpn-sdm-s11-badge.approved{background:rgba(22,163,74,.15);color:#4ade80}[data-theme=dark] .cpn-sdm-s11-badge.rejected{background:rgba(220,38,38,.15);color:#f87171}[data-theme=dark] .cpn-sdm-s11-badge.pending{background:rgba(245,158,11,.15);color:#fbbf24}[data-theme=dark] .cpn-sdm-s11-badge.default{background:#334155;color:#9ca3af}[data-theme=dark] .cpn-sdm-s11-reject-block{background:rgba(244,67,54,.08);border-left-color:#ef4444}[data-theme=dark] .cpn-sdm-s11-reject-block-title{color:#f87171}[data-theme=dark] .cpn-sdm-s11-reject-history{color:#9ca3af}[data-theme=dark] .cpn-sdm-s11-divider{background:#334155}[data-theme=dark] .cpn-sdm-s11-nghiviec-section-title{color:var(--text-label, #d1d5db)}[data-theme=dark] .cpn-sdm-s11-nghiviec-count{background:#334155;color:#9ca3af}[data-theme=dark] .cpn-sdm-s11-nghiviec-empty{color:#4b5563}[data-theme=dark] .cpn-sdm-s11-nghiviec-card{background:#253348;border-color:#334155}[data-theme=dark] .cpn-sdm-s11-nghiviec-card-header{background:#2a3f55;border-bottom-color:#334155}[data-theme=dark] .cpn-sdm-s11-nghiviec-card-index{color:#6b7280}[data-theme=dark] .cpn-sdm-s11-nghiviec-loaidon{color:#9ca3af}[data-theme=dark] .cpn-sdm-s11-nghiviec-restore-block{background:rgba(34,197,94,.08);border-left-color:#22c55e}[data-theme=dark] .cpn-sdm-s11-nghiviec-restore-title{color:#4ade80}.fs-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.fs-btn-add{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.fs-btn-add:hover{background:#dbeafe;border-color:#93c5fd}.fs-loading,.fs-empty{font-size:13px;color:#9ca3af;padding:8px 0;margin:0}.fs-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}@media (max-width: 560px){.fs-form-grid{grid-template-columns:1fr}}.fs-form-row{display:flex;flex-direction:column;gap:3px}.fs-form-row--full{grid-column:1 / -1}.fs-form-label{font-size:16px;padding:4px;font-weight:600;color:#6b7280;letter-spacing:.2px;display:flex;align-items:center;gap:4px}.fs-form-label:after{content:":"}.fs-required{color:#ef4444}.fs-form-input{height:36px;padding:12px;font-size:14px;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;transition:border-color .15s,box-shadow .15s;width:100%;box-sizing:border-box;cursor:pointer}.fs-form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.fs-form-input::-moz-placeholder{color:#9ca3af}.fs-form-input::placeholder{color:#9ca3af}select.fs-form-input{cursor:pointer}textarea.fs-form-input{height:auto;min-height:72px;padding:8px 12px;resize:vertical}.fs-form-actions{display:flex;gap:8px;align-items:center;padding-top:4px}.fs-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;font-size:13px;font-weight:500;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:background .15s}.fs-btn:disabled{opacity:.6;cursor:not-allowed}.fs-btn-primary{color:#fff;background:#2563eb;border-color:#2563eb}.fs-btn-primary:hover:not(:disabled){background:#1d4ed8}.fs-btn-secondary{color:#374151;background:#fff;border-color:#d1d5db}.fs-btn-secondary:hover:not(:disabled){background:#f3f4f6}[data-theme=dark] .fs-btn-add{background:rgba(37,99,235,.12);border-color:#3b82f640;color:#60a5fa}[data-theme=dark] .fs-btn-add:hover{background:rgba(37,99,235,.2);border-color:#60a5fa66}[data-theme=dark] .fs-loading,[data-theme=dark] .fs-empty{color:#6b7280}[data-theme=dark] .fs-form-label{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .fs-form-input{background:var(--bg-input, #1e293b);border-color:var(--border-input, #374151);color:var(--text-primary, #e5e7eb)}[data-theme=dark] .fs-form-input:focus{border-color:#3b82f6}[data-theme=dark] .fs-form-input::-moz-placeholder{color:#6b7280}[data-theme=dark] .fs-form-input::placeholder{color:#6b7280}[data-theme=dark] .fs-btn-secondary{background:#334155;color:var(--text-label, #d1d5db);border-color:#475569}[data-theme=dark] .fs-btn-secondary:hover:not(:disabled){background:#475569}.fs-nganHang-list{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.fs-nganHang-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;transition:border-color .15s}.fs-nganHang-card--active{background:#f0fdf4;border-color:#86efac}.fs-nganHang-card-main{flex:1;min-width:0}.fs-nganHang-card-bank{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:2px}.fs-badge-active{display:inline-block;padding:1px 7px;font-size:10px;font-weight:600;color:#16a34a;background:#dcfce7;border-radius:10px;letter-spacing:.3px}.fs-nganHang-name{font-size:13px;font-weight:600;color:#111827}.fs-nganHang-branch{font-size:12px;color:#6b7280}.fs-nganHang-card-detail{display:flex;align-items:center;gap:10px}.fs-nganHang-stk{font-size:13px;font-family:Courier New,monospace;color:#374151;font-weight:500;letter-spacing:.5px}.fs-nganHang-owner{font-size:12px;color:#6b7280}.fs-nganHang-note{font-size:11px;color:#9ca3af;margin-top:3px;font-style:italic}.fs-nganHang-card-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.fs-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s}.fs-btn-icon--set-active{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.fs-btn-icon--set-active:hover{background:#dcfce7}.fs-btn-icon--edit{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.fs-btn-icon--edit:hover{background:#dbeafe}.fs-btn-icon--delete{color:#dc2626;background:#fef2f2;border-color:#fecaca}.fs-btn-icon--delete:hover{background:#fee2e2}.fs-nganHang-form{padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:8px}.fs-nganHang-form-title{font-size:16px;font-weight:600;color:#374151;margin-bottom:10px}[data-theme=dark] .fs-nganHang-card{background:#253348;border-color:#334155}[data-theme=dark] .fs-nganHang-card--active{background:rgba(22,163,74,.1);border-color:#86efac40}[data-theme=dark] .fs-nganHang-name{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .fs-nganHang-branch{color:#9ca3af}[data-theme=dark] .fs-nganHang-stk{color:#cbd5e1}[data-theme=dark] .fs-nganHang-owner{color:#9ca3af}[data-theme=dark] .fs-nganHang-note{color:#6b7280}[data-theme=dark] .fs-nganHang-form-title{color:var(--text-label, #d1d5db)}[data-theme=dark] .fs-btn-icon--set-active{background:rgba(22,163,74,.12);border-color:#86efac33}[data-theme=dark] .fs-btn-icon--edit{background:rgba(37,99,235,.12);border-color:#3b82f640;color:#60a5fa}[data-theme=dark] .fs-btn-icon--delete{background:rgba(220,38,38,.12);border-color:#fca5a540;color:#f87171}[data-theme=dark] .fs-nganHang-form{background:#253348;border-color:#334155}.sd-wrapper{position:relative;width:100%;min-width:0}.sd-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:36px;padding:0 10px 0 12px;background:#ffffff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1f2937;cursor:pointer;box-sizing:border-box;text-align:left;transition:border-color .2s ease,box-shadow .2s ease;white-space:nowrap;overflow:hidden}.sd-trigger:hover:not(:disabled){border-color:#9ca3af}.sd-trigger:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.sd-trigger--open{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.sd-trigger:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}.sd-trigger-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sd-trigger-label--placeholder{color:#9ca3af}.sd-trigger-chevron{flex-shrink:0;margin-left:6px;color:#6b7280;display:flex!important;align-items:center;width:auto!important;transition:transform .2s ease}.sd-trigger-chevron--open{transform:rotate(180deg)}.sd-dropdown{background:#ffffff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 12px #0000001f;z-index:99999;overflow:hidden;max-height:350px;overflow-y:auto}.sd-option{display:flex;align-items:center;padding:8px 12px;font-size:14px;color:#1f2937;cursor:pointer;transition:background .12s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.sd-option:hover,.sd-option--focused{background:#f0f7ff;color:#2563eb}.sd-option--active{background:#eff6ff;color:#2563eb;font-weight:500}.sd-option-check{flex-shrink:0;margin-right:8px;color:#3b82f6;display:flex;align-items:center}.sd-no-option{padding:10px 12px;font-size:13px;color:#9ca3af;text-align:center}.sd-combo-input{width:100%;height:36px;padding:0 32px 0 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1f2937;background:#ffffff;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.sd-combo-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.sd-combo-input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.sd-combo-chevron{position:absolute;top:50%;right:10px;transform:translateY(-50%);pointer-events:none;color:#6b7280;display:flex!important;align-items:center;width:auto!important}[data-theme=dark] .sd-trigger{background:var(--bg-input, #252830);border-color:var(--border-input, #3a3f4f);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .sd-trigger:hover:not(:disabled){border-color:var(--border-divider, #4a5060)}[data-theme=dark] .sd-trigger:focus,[data-theme=dark] .sd-trigger--open{border-color:var(--color-primary, #667eea);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 102, 126, 234),.15)}[data-theme=dark] .sd-trigger:disabled{background:var(--bg-content, #0f1117);color:var(--text-label, #4a5060);border-color:var(--border-divider, #2d3140)}[data-theme=dark] .sd-trigger-label--placeholder{color:var(--text-label, #4a5060)}[data-theme=dark] .sd-trigger-chevron{color:var(--text-label, #6b7280)}[data-theme=dark] .sd-dropdown{background:var(--bg-surface, #1c1f26);border-color:var(--border-input, #3a3f4f);box-shadow:0 4px 16px #0006}[data-theme=dark] .sd-option{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .sd-option:hover,[data-theme=dark] .sd-option--focused{background:rgba(var(--color-primary-rgb, 102, 126, 234),.12);color:var(--color-primary, #667eea)}[data-theme=dark] .sd-option--active{background:rgba(var(--color-primary-rgb, 102, 126, 234),.15);color:var(--color-primary, #667eea)}[data-theme=dark] .sd-option-check{color:var(--color-primary, #667eea)}[data-theme=dark] .sd-no-option{color:var(--text-label, #4a5060)}[data-theme=dark] .sd-combo-input{background:var(--bg-input, #252830);border-color:var(--border-input, #3a3f4f);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .sd-combo-input:focus{border-color:var(--color-primary, #667eea);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 102, 126, 234),.15)}[data-theme=dark] .sd-combo-input:disabled{background:var(--bg-content, #0f1117);color:var(--text-label, #4a5060)}[data-theme=dark] .sd-combo-chevron{color:var(--text-label, #6b7280)}.sd-more-options-notice{padding:8px 12px;font-size:12.5px;color:#6b7280;text-align:center;font-style:italic;background-color:#f9fafb;border-top:1px dashed #e5e7eb;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-theme=dark] .sd-more-options-notice{color:var(--text-label, #4a5060);background-color:#ffffff05;border-top-color:var(--border-input, #3a3f4f)}.ins-form-section{margin-top:20px;border-top:1px solid var(--border-divider, rgba(0, 0, 0, .08));padding-top:20px}.ins-section-subtitle{font-size:14px;font-weight:600;color:var(--text-primary, #374151);margin-bottom:12px;display:flex;align-items:center;gap:8px}.ins-form-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.ins-form-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px}.ins-form-col-full{grid-column:span 3 / span 3}.ins-form-group{display:flex;flex-direction:column;gap:6px}.ins-form-label{font-size:12px;font-weight:500;color:var(--text-secondary, #4b5563);display:flex;align-items:center;gap:4px}.ins-form-input,.ins-form-select,.ins-form-textarea{width:100%;padding:8px 12px;border:1px solid var(--border-input, #d1d5db);border-radius:6px;font-size:13px;background-color:var(--bg-input, #ffffff);color:var(--text-primary, #1f2937);transition:border-color .2s,box-shadow .2s;outline:none}.ins-form-textarea{min-height:60px;resize:vertical}.ins-form-input:focus,.ins-form-select:focus,.ins-form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.ins-table-container{width:100%;overflow-x:auto;border:1px solid var(--border-divider, #e5e7eb);border-radius:8px;margin-top:10px;margin-bottom:20px;background-color:var(--bg-content, #ffffff)}.ins-editable-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.ins-editable-table th,.ins-editable-table td{padding:10px 12px;border-bottom:1px solid var(--border-divider, #e5e7eb);white-space:nowrap}.ins-editable-table th{background-color:var(--bg-surface-hover, #f9fafb);font-weight:600;color:var(--text-primary, #374151)}.ins-editable-table tbody tr:last-child td{border-bottom:none}.ins-editable-table tr:hover td{background-color:var(--bg-surface-hover, rgba(0, 0, 0, .02))}.ins-table-input{padding:6px 8px;border:1px solid var(--border-input, #d1d5db);border-radius:4px;font-size:12px;background-color:var(--bg-input, #ffffff);color:var(--text-primary, #1f2937);width:120px}.ins-table-input-name{width:150px}.ins-table-input:focus{border-color:#3b82f6;outline:none}.ins-table-select{padding:6px 8px;border:1px solid var(--border-input, #d1d5db);border-radius:4px;font-size:12px;background-color:var(--bg-input, #ffffff);color:var(--text-primary, #1f2937);width:100px}.ins-table-select:focus{border-color:#3b82f6;outline:none}.ins-table-checkbox-cell{text-align:center}.ins-btn-icon{background:none;border:none;padding:4px;border-radius:4px;color:var(--text-secondary, #6b7280);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}.ins-btn-icon:hover{background-color:var(--bg-surface-hover, #f3f4f6);color:#ef4444}.ins-btn-add-row{display:inline-flex;align-items:center;gap:6px;background-color:transparent;border:1px dashed #3b82f6;color:#3b82f6;padding:6px 12px;font-size:12px;font-weight:500;border-radius:6px;cursor:pointer;transition:background-color .2s;margin-top:8px}.ins-btn-add-row:hover{background-color:#3b82f60d}.ins-badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;border-radius:12px}.ins-badge-emp{background-color:#3b82f61a;color:#2563eb}.ins-badge-owner{background-color:#10b9811a;color:#059669}.ins-view-details{border-top:1px dashed var(--border-divider, rgba(0, 0, 0, .08));margin-top:16px;padding-top:16px}[data-theme=dark] .ins-form-section{border-color:var(--border-divider)}[data-theme=dark] .ins-section-subtitle{color:var(--text-primary)}[data-theme=dark] .ins-form-label{color:var(--text-secondary)}[data-theme=dark] .ins-form-input,[data-theme=dark] .ins-form-select,[data-theme=dark] .ins-form-textarea,[data-theme=dark] .ins-table-input,[data-theme=dark] .ins-table-select{background-color:var(--bg-input);border-color:var(--border-input);color:var(--text-primary)}[data-theme=dark] .ins-form-input:focus,[data-theme=dark] .ins-form-select:focus,[data-theme=dark] .ins-form-textarea:focus,[data-theme=dark] .ins-table-input:focus,[data-theme=dark] .ins-table-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f640}[data-theme=dark] .ins-table-container{border-color:var(--border-divider);background-color:var(--bg-content)}[data-theme=dark] .ins-editable-table th,[data-theme=dark] .ins-editable-table td{border-color:var(--border-divider)}[data-theme=dark] .ins-editable-table th{background-color:var(--bg-surface-hover);color:var(--text-primary)}[data-theme=dark] .ins-editable-table tr:hover td,[data-theme=dark] .ins-btn-icon:hover{background-color:var(--bg-surface-hover)}[data-theme=dark] .ins-badge-emp{background-color:#3b82f633;color:#60a5fa}[data-theme=dark] .ins-badge-owner{background-color:#10b98133;color:#34d399}[data-theme=dark] .ins-view-details{border-color:var(--border-divider)}.cpn-staffdetailmodal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:999;display:flex;justify-content:flex-end;align-items:stretch;pointer-events:none}.cpn-staffdetailmodal-container{width:700px;max-width:100%;height:calc(100vh - 110px);margin-top:110px;border:1px solid #c8d6f1;background:#ffffff;display:flex;flex-direction:column;overflow:hidden;pointer-events:auto}.cpn-staffdetailmodal-container.initial-open{animation:cpn-staffdetailmodal-slide-in .4s cubic-bezier(.4,0,.2,1)}@keyframes cpn-staffdetailmodal-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.cpn-staffdetailmodal-container.is-closing{animation:cpn-staffdetailmodal-slide-out .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes cpn-staffdetailmodal-slide-out{0%{transform:translate(0)}to{transform:translate(100%)}}.cpn-staffdetailmodal-header{display:flex;align-items:center;justify-content:space-between;padding:3px 24px;border-bottom:2px solid #e5e7eb;background:#ffffff;flex-shrink:0;height:45px}.cpn-staffdetailmodal-title-wrapper{flex:1}.cpn-staffdetailmodal-title{font-size:18px;font-weight:700;color:#1f2937;margin:0;line-height:1.2}.cpn-staffdetailmodal-subtitle{font-size:14px;color:#6b7280;margin:2px 0 0;line-height:1.2}.cpn-staffdetailmodal-header-actions{display:flex;gap:8px;align-items:center}.cpn-staffdetailmodal-header-btn{width:32px;height:32px;border:1px solid #d1d5db;border-radius:6px;background:#f9fafb;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s ease;flex-shrink:0}.cpn-staffdetailmodal-header-btn svg{width:18px;height:18px}.cpn-staffdetailmodal-edit-btn:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.cpn-staffdetailmodal-viewmode-btn:hover,.cpn-staffdetailmodal-viewmode-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.cpn-staffdetailmodal-close-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff}.cpn-staffdetailmodal-tabs-wrapper{display:flex;flex-shrink:0;align-items:stretch;background:#f1f5f9;border-bottom:2px solid #e2e8f0;overflow:hidden}.cpn-staffdetailmodal-tabs-nav-btn{flex-shrink:0;width:26px;display:flex;align-items:center;justify-content:center;background:#cfe3f7;border:none;border-bottom:2px solid transparent;cursor:pointer;color:#64748b;font-size:14px;transition:background .15s,color .15s;padding:0}.cpn-staffdetailmodal-tabs-nav-btn:hover{background:#dbeafe;color:#1e40af}.cpn-staffdetailmodal-tabs-nav-btn:disabled{opacity:.3;cursor:default}.cpn-staffdetailmodal-tabs{display:flex;flex:1;overflow-x:auto;flex-wrap:nowrap;gap:2px;padding:0 4px;scrollbar-width:none;scroll-behavior:smooth}.cpn-staffdetailmodal-tabs::-webkit-scrollbar{display:none}.cpn-staffdetailmodal-tab{display:inline-flex;align-items:center;gap:5px;padding:9px 12px;font-size:12px;font-weight:500;color:#64748b;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s,background .15s;border-radius:4px 4px 0 0;height:40px}.cpn-staffdetailmodal-tab:hover{color:#1e40af;background:#dbeafe}.cpn-staffdetailmodal-tab.active{color:#1d4ed8;font-weight:700;border-bottom-color:#3b82f6;background:white}.cpn-staffdetailmodal-tab svg{flex-shrink:0}.cpn-staffdetailmodal-content{flex:1;overflow-y:auto;padding:10px;scroll-behavior:smooth}.cpn-staffdetailmodal-content::-webkit-scrollbar{width:8px}.cpn-staffdetailmodal-content::-webkit-scrollbar-track{background:#f3f4f6}.cpn-staffdetailmodal-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.cpn-staffdetailmodal-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.cpn-staffdetailmodal-footer{flex-shrink:0;padding:5px 20px;border-top:2px solid #e5e7eb;background:#f9fafb;height:49px;display:flex;align-items:center}.cpn-staffdetailmodal-footer-buttons{display:flex;gap:12px;justify-content:flex-end;width:100%;flex-wrap:nowrap}.cpn-staffdetailmodal-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;border:2px solid transparent;white-space:nowrap;height:36px;flex-shrink:0}.cpn-staffdetailmodal-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.cpn-staffdetailmodal-btn:active{transform:translateY(0)}.cpn-staffdetailmodal-btn-primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.cpn-staffdetailmodal-btn-primary:hover{background:#2563eb;border-color:#2563eb}.cpn-staffdetailmodal-btn-secondary{background:white;color:#6b7280;border-color:#d1d5db}.cpn-staffdetailmodal-btn-secondary:hover{background:#f9fafb;color:#1f2937;border-color:#9ca3af}.cpn-staffdetailmodal-btn svg{flex-shrink:0}.cpn-staffdetailmodal-section{margin-bottom:20px;border:1px solid #e5e7eb;border-radius:8px;padding:10px;background:#fff}.cpn-staffdetailmodal-section:last-child{margin-bottom:0}.cpn-staffdetailmodal-section-title{font-size:15px;font-weight:700;color:#1f2937;margin:0 0 14px;padding-bottom:8px;border-bottom:2px solid #3b82f6;display:flex;align-items:center;gap:6px}.cpn-staffdetailmodal-subsection{margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.cpn-staffdetailmodal-subsection-title{font-size:14px;font-weight:600;color:#374151;margin-bottom:12px;padding-left:8px;border-left:3px solid #3b82f6}.cpn-staffdetailmodal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.cpn-staffdetailmodal-info-with-avatar{display:grid;grid-template-columns:120px 1fr;gap:24px;align-items:start}.cpn-staffdetailmodal-avatar-column{display:flex;flex-direction:column;align-items:center}.cpn-staffdetailmodal-info-column{flex:1}.cpn-staffdetailmodal-info-list{display:flex;flex-direction:column;gap:12px}.cpn-staffdetailmodal-cccd-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.cpn-staffdetailmodal-table-container{overflow-x:auto;border-radius:6px;border:1px solid #e5e7eb}.cpn-staffdetailmodal-table{width:100%;border-collapse:collapse;font-size:13px;background:white}.cpn-staffdetailmodal-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.cpn-staffdetailmodal-table th{padding:10px 12px;text-align:left;font-weight:600;color:#374151;white-space:nowrap;font-size:12px;letter-spacing:.5px}.cpn-staffdetailmodal-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .15s ease}.cpn-staffdetailmodal-table tbody tr:hover{background:#f9fafb}.cpn-staffdetailmodal-table tbody tr:last-child{border-bottom:none}.cpn-staffdetailmodal-table td{padding:10px 12px;color:#6b7280}.cpn-staffdetailmodal-table td:first-child{font-weight:500;color:#374151}.cpn-staffdetailmodal-item{display:flex;flex-direction:column;gap:6px}.cpn-staffdetailmodal-item.full-width{grid-column:1 / -1}.cpn-staffdetailmodal-label{font-size:16px;font-weight:600;color:#6b7280;letter-spacing:.5px;line-height:1.4;display:flex;align-items:center;gap:5px}.cpn-staffdetailmodal-label:after{content:":"}.cpn-staffdetailmodal-value{font-size:14px;color:#1f2937;padding:0 12px;background:transparent;border:none;border-radius:0;height:36px;min-height:36px;display:flex;align-items:center;word-break:break-word;box-sizing:border-box}.cpn-staffdetailmodal-value--empty{color:#9ca3af;font-style:italic}.cpn-staffdetailmodal-item-inline{display:flex;gap:8px;align-items:baseline;line-height:1.8}.cpn-staffdetailmodal-inline-label{font-size:15px;font-weight:600;color:#4b5563;min-width:-moz-fit-content;min-width:fit-content;display:inline-flex;align-items:center;gap:4px}.cpn-sdm-label-icon{font-size:13px;line-height:1;flex-shrink:0}.cpn-staffdetailmodal-inline-label:after{content:":"}.cpn-staffdetailmodal-inline-value{font-size:18px;color:#1f2937;font-weight:500}.cpn-staffdetailmodal-images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.cpn-staffdetailmodal-image-item{display:flex;flex-direction:column;gap:8px}.cpn-staffdetailmodal-image-item label{font-size:13px;font-weight:600;color:#6b7280;letter-spacing:.5px}.cpn-staffdetailmodal-avatar{width:100%;max-width:190px;height:auto;aspect-ratio:3 / 4;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:2px solid #e5e7eb;cursor:pointer;transition:transform .2s ease}.cpn-staffdetailmodal-avatar:hover{transform:scale(1.05);border-color:#3b82f6}.cpn-staffdetailmodal-cccd-image{width:100%;max-width:320px;height:auto;aspect-ratio:1.59 / 1;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:2px solid #e5e7eb;cursor:pointer;transition:transform .2s ease}.cpn-staffdetailmodal-cccd-image:hover{transform:scale(1.05);border-color:#3b82f6}@media (max-width: 1024px){.cpn-staffdetailmodal-container{width:800px}.cpn-staffdetailmodal-grid{grid-template-columns:repeat(2,1fr)}.cpn-staffdetailmodal-header{padding:16px 20px}.cpn-staffdetailmodal-content{padding:10px}.cpn-staffdetailmodal-section{margin-bottom:10px}}@media (max-width: 768px){.cpn-staffdetailmodal-container{width:100%;height:calc(100vh - 50px);margin-top:50px}.cpn-staffdetailmodal-info-with-avatar{display:flex;flex-direction:row;gap:12px}.cpn-staffdetailmodal-avatar-column{flex-shrink:0;justify-content:flex-start}.cpn-staffdetailmodal-cccd-grid{grid-template-columns:1fr}.cpn-staffdetailmodal-header{padding:10px 16px;min-height:50px}.cpn-staffdetailmodal-title{font-size:18px}.cpn-staffdetailmodal-subtitle{font-size:13px}.cpn-staffdetailmodal-close-btn{width:36px;height:36px}.cpn-staffdetailmodal-content{padding:10px}.cpn-staffdetailmodal-footer{padding:8px 12px}.cpn-staffdetailmodal-footer-buttons{gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.cpn-staffdetailmodal-footer-buttons::-webkit-scrollbar{display:none}.cpn-staffdetailmodal-btn{padding:8px 12px;font-size:12px;gap:4px;height:34px}.cpn-staffdetailmodal-btn svg{width:16px;height:16px}.cpn-staffdetailmodal-grid{grid-template-columns:1fr;gap:12px}.cpn-staffdetailmodal-section{margin-bottom:16px;padding:10px}.cpn-staffdetailmodal-section-title{font-size:14px;margin-bottom:10px}.cpn-staffdetailmodal-label{font-size:12px}.cpn-staffdetailmodal-value{font-size:14px;height:36px;min-height:36px}.cpn-staffdetailmodal-images-grid{grid-template-columns:1fr}.cpn-staffdetailmodal-cccd-image{max-width:100%}}@media (max-width: 480px){.cpn-staffdetailmodal-header{padding:8px 12px;min-height:45px}.cpn-staffdetailmodal-title{font-size:16px}.cpn-staffdetailmodal-content{padding:10px}.cpn-staffdetailmodal-footer{padding:6px 12px}.cpn-staffdetailmodal-section{margin-bottom:12px;padding:10px}.cpn-sdm-s2-grid-2col,.cpn-sdm-s2-grid-3col,.cpn-sdm-s2-cccd-row,.cpn-sdm-s3-wrapper,.cpn-sdm-s5-wrapper,.cpn-sdm-s6-wrapper,.cpn-sdm-s11-wrapper,.cpn-staffdetailmodal-grid,.cpn-sdm-s3-grid-2col,.cpn-sdm-s3-grid-3col,.cpn-sdm-s3-grid-4col,.cpn-sdm-s4-contact-grid{gap:8px}}[data-theme=dark] .cpn-staffdetailmodal-container{background:var(--bg-surface, #1c1f26);border-color:var(--border-divider, #2d3140)}[data-theme=dark] .cpn-staffdetailmodal-header{background:var(--bg-surface, #1c1f26);border-bottom-color:var(--border-divider, #2d3140)}[data-theme=dark] .cpn-staffdetailmodal-title{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .cpn-staffdetailmodal-subtitle{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .cpn-staffdetailmodal-header-btn{background:var(--bg-input, #252830);border-color:var(--border-input, #3a3f4f);color:var(--text-secondary, #8a93a8)}[data-theme=dark] .cpn-staffdetailmodal-tabs-wrapper{background:var(--bg-content, #0f1117);border-bottom-color:var(--border-divider, #2d3140)}[data-theme=dark] .cpn-staffdetailmodal-tabs-nav-btn{background:var(--bg-input, #252830);color:var(--text-label, #6b7280)}[data-theme=dark] .cpn-staffdetailmodal-tabs-nav-btn:hover{background:var(--bg-surface-hover, #2a2f3d);color:var(--color-primary, #667eea)}[data-theme=dark] .cpn-staffdetailmodal-tab{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .cpn-staffdetailmodal-tab:hover{color:var(--color-primary, #667eea);background:rgba(var(--color-primary-rgb, 102, 126, 234),.1)}[data-theme=dark] .cpn-staffdetailmodal-tab.active{color:var(--color-primary, #667eea);background:var(--bg-surface, #1c1f26);border-bottom-color:var(--color-primary, #667eea)}[data-theme=dark] .cpn-staffdetailmodal-content::-webkit-scrollbar-track{background:var(--bg-content, #0f1117)}[data-theme=dark] .cpn-staffdetailmodal-content::-webkit-scrollbar-thumb{background:var(--border-divider, #3a3f4f)}[data-theme=dark] .cpn-staffdetailmodal-content::-webkit-scrollbar-thumb:hover{background:var(--text-label, #6b7280)}[data-theme=dark] .cpn-staffdetailmodal-footer{background:var(--bg-input, #252830);border-top-color:var(--border-divider, #2d3140)}[data-theme=dark] .cpn-staffdetailmodal-btn-secondary{background:var(--bg-input, #252830);color:var(--text-secondary, #8a93a8);border-color:var(--border-input, #3a3f4f)}[data-theme=dark] .cpn-staffdetailmodal-btn-secondary:hover{background:var(--bg-surface-hover, #2a2f3d);color:var(--text-primary, #e2e8f0);border-color:var(--border-divider, #4a5060)}[data-theme=dark] .cpn-staffdetailmodal-section{background:var(--bg-surface, #1c1f26);border-color:var(--border-divider, #2d3140)}[data-theme=dark] .cpn-staffdetailmodal-section-title{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .cpn-staffdetailmodal-subsection{border-top-color:var(--border-divider, #2d3140)}[data-theme=dark] .cpn-staffdetailmodal-subsection-title{color:var(--text-secondary, #a0aec0)}[data-theme=dark] .cpn-staffdetailmodal-table-container{border-color:var(--border-divider, #2d3140)}[data-theme=dark] .cpn-staffdetailmodal-table{background:var(--bg-surface, #1c1f26)}[data-theme=dark] .cpn-staffdetailmodal-table thead{background:var(--bg-input, #252830);border-bottom-color:var(--border-divider, #3a3f4f)}[data-theme=dark] .cpn-staffdetailmodal-table th{color:var(--text-label, #8a93a8)}[data-theme=dark] .cpn-staffdetailmodal-table tbody tr{border-bottom-color:var(--border-divider, #2d3140)}[data-theme=dark] .cpn-staffdetailmodal-table tbody tr:hover{background:var(--bg-surface-hover, #2a2f3d)}[data-theme=dark] .cpn-staffdetailmodal-table td{color:var(--text-secondary, #a0aec0)}[data-theme=dark] .cpn-staffdetailmodal-table td:first-child{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .cpn-staffdetailmodal-label{color:var(--text-label, #6b7280)}[data-theme=dark] .cpn-staffdetailmodal-value{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .cpn-staffdetailmodal-value--empty{color:var(--text-label, #4a5060)}[data-theme=dark] .cpn-staffdetailmodal-inline-label{color:var(--text-secondary, #a0aec0)}[data-theme=dark] .cpn-staffdetailmodal-inline-value{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .cpn-staffdetailmodal-image-item label{color:var(--text-label, #6b7280)}[data-theme=dark] .cpn-staffdetailmodal-avatar,[data-theme=dark] .cpn-staffdetailmodal-cccd-image{border-color:var(--border-divider, #2d3140)}[data-theme=dark] .cpn-staffdetailmodal-input,[data-theme=dark] .cpn-staffdetailmodal-section input[type=text],[data-theme=dark] .cpn-staffdetailmodal-section input[type=date],[data-theme=dark] .cpn-staffdetailmodal-section input[type=number],[data-theme=dark] .cpn-staffdetailmodal-section input[type=email],[data-theme=dark] .cpn-staffdetailmodal-section input[type=tel],[data-theme=dark] .cpn-staffdetailmodal-section select{background:var(--bg-input, #252830);border-color:var(--border-input, #3a3f4f);color:var(--text-primary, #e2e8f0);color-scheme:dark}[data-theme=dark] .cpn-staffdetailmodal-input:focus,[data-theme=dark] .cpn-staffdetailmodal-section input[type=text]:focus,[data-theme=dark] .cpn-staffdetailmodal-section input[type=date]:focus,[data-theme=dark] .cpn-staffdetailmodal-section input[type=number]:focus,[data-theme=dark] .cpn-staffdetailmodal-section input[type=email]:focus,[data-theme=dark] .cpn-staffdetailmodal-section input[type=tel]:focus,[data-theme=dark] .cpn-staffdetailmodal-section select:focus{border-color:var(--color-primary, #667eea);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 102, 126, 234),.15)}[data-theme=dark] .cpn-staffdetailmodal-input:disabled,[data-theme=dark] .cpn-staffdetailmodal-section input:disabled,[data-theme=dark] .cpn-staffdetailmodal-section select:disabled{background:var(--bg-content, #0f1117);color:var(--text-label, #4a5060);border-color:var(--border-divider, #2d3140)}[data-theme=dark] .cpn-staffdetailmodal-section textarea{background:var(--bg-input, #252830);border-color:var(--border-input, #3a3f4f);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .cpn-staffdetailmodal-section textarea:focus{border-color:var(--color-primary, #667eea);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 102, 126, 234),.15)}[data-theme=dark] .cpn-staffdetailmodal-inline-input{background:var(--bg-input, #252830);border-color:var(--border-input, #3a3f4f);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .cpn-staffdetailmodal-inline-input:focus{border-color:var(--color-primary, #667eea);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 102, 126, 234),.15)}[data-theme=dark] .cpn-staffdetailmodal-table-input{background:var(--bg-input, #252830);border-color:var(--border-input, #3a3f4f);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .cpn-staffdetailmodal-table-input:focus{border-color:var(--color-primary, #667eea);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 102, 126, 234),.15)}[data-theme=dark] .cpn-staffdetailmodal-table-input::-moz-placeholder{color:var(--text-label, #4a5060)}[data-theme=dark] .cpn-staffdetailmodal-table-input::placeholder{color:var(--text-label, #4a5060)}[data-theme=dark] .cpn-staffdetailmodal-address-table thead th{background:var(--bg-input, #252830);color:var(--text-secondary, #8a93a8);border-color:var(--border-divider, #2d3140)}[data-theme=dark] .cpn-staffdetailmodal-address-table tbody td{border-color:var(--border-divider, #2d3140)}[data-theme=dark] .cpn-staffdetailmodal-address-table tbody tr:hover{background:var(--bg-surface-hover, #2a2f3d)}[data-theme=dark] .cpn-staffdetailmodal-addr-select{background:var(--bg-input, #252830);border-color:var(--border-input, #3a3f4f);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .cpn-staffdetailmodal-addr-select:disabled{background:var(--bg-content, #0f1117);color:var(--text-label, #4a5060)}[data-theme=dark] .cpn-staffdetailmodal-addr-input{background:var(--bg-input, #252830);border-color:var(--border-input, #3a3f4f);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .cpn-staffdetailmodal-radio-label{color:var(--text-secondary, #a0aec0)}.cpn-staffdetailmodal-input,.cpn-staffdetailmodal-section input[type=text],.cpn-staffdetailmodal-section input[type=date],.cpn-staffdetailmodal-section input[type=number],.cpn-staffdetailmodal-section input[type=email],.cpn-staffdetailmodal-section input[type=tel],.cpn-staffdetailmodal-section select{width:100%;height:36px;padding:0 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1f2937;background:white;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.cpn-staffdetailmodal-input:focus,.cpn-staffdetailmodal-section input[type=text]:focus,.cpn-staffdetailmodal-section input[type=date]:focus,.cpn-staffdetailmodal-section input[type=number]:focus,.cpn-staffdetailmodal-section input[type=email]:focus,.cpn-staffdetailmodal-section input[type=tel]:focus,.cpn-staffdetailmodal-section select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.cpn-staffdetailmodal-input:disabled,.cpn-staffdetailmodal-section input:disabled,.cpn-staffdetailmodal-section select:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.cpn-staffdetailmodal-section textarea{width:100%;min-height:72px;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1f2937;background:white;box-sizing:border-box;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.cpn-staffdetailmodal-section textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.cpn-staffdetailmodal-inline-input{flex:1;height:36px;padding:0 10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1f2937;background:white;transition:border-color .2s ease;min-width:0;box-sizing:border-box}.cpn-staffdetailmodal-inline-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.sd-wrapper.cpn-staffdetailmodal-inline-input{border:none;background:transparent;height:auto;padding:0;box-shadow:none}.cpn-staffdetailmodal-edit-btn:hover{background:#eff6ff;color:#3b82f6;border-color:#3b82f6}.cpn-staffdetailmodal-save-btn{background:#10b981;color:#fff;border-color:#10b981}.cpn-staffdetailmodal-save-btn:hover{background:#059669;border-color:#059669}.cpn-staffdetailmodal-save-btn:disabled{background:#9ca3af;border-color:#9ca3af;cursor:not-allowed}.cpn-staffdetailmodal-btn-primary{background:#10b981;color:#fff;border-color:#10b981}.cpn-staffdetailmodal-btn-primary:hover:not(:disabled){background:#059669;border-color:#059669}.cpn-staffdetailmodal-btn-primary:disabled{background:#9ca3af;border-color:#9ca3af;cursor:not-allowed;opacity:.6}.cpn-staffdetailmodal-subsection-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cpn-staffdetailmodal-table-input{width:100%;height:30px;padding:0 8px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;color:#1f2937;background:white;box-sizing:border-box;transition:border-color .2s ease}.cpn-staffdetailmodal-table-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.cpn-staffdetailmodal-table-input::-moz-placeholder{color:#9ca3af;font-style:italic}.cpn-staffdetailmodal-table-input::placeholder{color:#9ca3af;font-style:italic}.cpn-staffdetailmodal-btn-add{padding:6px 12px;background:#10b981;color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.cpn-staffdetailmodal-btn-add:hover{background:#059669;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.cpn-staffdetailmodal-btn-add:active{transform:translateY(0)}.cpn-staffdetailmodal-btn-delete{width:28px;height:28px;background:#fee;color:#dc2626;border:1px solid #fca5a5;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;margin:0 auto}.cpn-staffdetailmodal-btn-delete:hover{background:#dc2626;color:#fff;border-color:#dc2626;transform:scale(1.1)}.cpn-staffdetailmodal-btn-delete:active{transform:scale(1)}.cpn-staffdetailmodal-address-container{width:100%;overflow-x:auto}.cpn-staffdetailmodal-address-mode-radios{display:flex;gap:20px;margin-bottom:10px}.cpn-staffdetailmodal-radio-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:400;color:#495057;cursor:pointer}.cpn-staffdetailmodal-radio-label input[type=radio]{margin:0;width:auto;height:auto}.cpn-staffdetailmodal-address-table-wrap{overflow-x:auto}.cpn-staffdetailmodal-address-table{width:100%;border-collapse:collapse;font-size:13px}.cpn-staffdetailmodal-address-table thead th{background:#f1f3f5;color:#495057;font-weight:600;padding:7px 8px;border:1px solid #dee2e6;text-align:left;white-space:nowrap}.cpn-staffdetailmodal-address-table tbody td{border:1px solid #dee2e6;padding:5px 7px;vertical-align:middle}.cpn-staffdetailmodal-address-table tbody tr:hover{background:#f8f9fa}.cpn-staffdetailmodal-addr-select{width:100%;padding:5px 7px;border:1px solid #ced4da;border-radius:4px;font-size:12px;background:#fff;cursor:pointer;min-width:100px}.cpn-staffdetailmodal-addr-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.cpn-staffdetailmodal-addr-select:disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed}.cpn-staffdetailmodal-addr-input{width:100%;padding:5px 7px;border:1px solid #ced4da;border-radius:4px;font-size:12px;box-sizing:border-box;min-width:100px}.cpn-staffdetailmodal-addr-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.cpn-staffdetailmodal-addr-delete-btn{background:none;border:1px solid #dc2626;color:#dc2626;border-radius:4px;padding:3px 7px;cursor:pointer;font-size:12px;line-height:1;transition:background .2s,color .2s}.cpn-staffdetailmodal-addr-delete-btn:hover{background:#dc2626;color:#fff}.cpn-staffdetailmodal-addr-add-btn{margin-top:8px;padding:6px 14px;background:#fff;border:1px dashed #3b82f6;color:#3b82f6;border-radius:6px;font-size:13px;cursor:pointer;transition:background .2s,color .2s}.cpn-staffdetailmodal-addr-add-btn:hover{background:#3b82f6;color:#fff}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.cpn-staffdetailmodal-section{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}}@media (max-width: 600px){.cpn-staffdetailmodal-address-table,.cpn-staffdetailmodal-address-table thead,.cpn-staffdetailmodal-address-table tbody,.cpn-staffdetailmodal-address-table th,.cpn-staffdetailmodal-address-table td,.cpn-staffdetailmodal-address-table tr{display:block}.cpn-staffdetailmodal-address-table thead{display:none}.cpn-staffdetailmodal-address-table tbody tr{border:1px solid #dee2e6;border-radius:6px;margin-bottom:10px;padding:8px}.cpn-staffdetailmodal-address-table tbody td{border:none;padding:3px 0;display:flex;align-items:center;gap:6px}.cpn-staffdetailmodal-address-table tbody td:before{content:attr(data-label);font-weight:600;font-size:11px;color:#6c757d;min-width:80px;flex-shrink:0}.cpn-staffdetailmodal-addr-select,.cpn-staffdetailmodal-addr-input{flex:1;min-width:0}}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}@page sdm-print-first{size:A4 portrait;margin:0!important}@page sdm-print{size:A4 portrait;margin:5mm 0 0!important}body.sdm-printing *{visibility:hidden!important}html,body.sdm-printing{height:auto!important;min-height:0!important;overflow:visible!important}body.sdm-printing .sdm-print-portal,body.sdm-printing .sdm-print-portal *{visibility:visible!important}body.sdm-printing .sdm-print-portal{page:sdm-print;position:absolute!important;top:0!important;left:0!important;width:794px!important;height:auto!important;overflow:visible!important;background:#fff!important;padding:5mm!important;box-sizing:border-box!important}body.sdm-printing .sdm-print-portal .cpn-staffdetailmodal-container{position:static!important;display:block!important;width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;overflow:visible!important;margin:0!important;border:none!important;box-shadow:none!important;animation:none!important;transform:none!important;background:#fff!important}body.sdm-printing .sdm-print-portal .cpn-staffdetailmodal-content{overflow:visible!important;height:auto!important;max-height:none!important;flex:none!important;display:block!important;padding:8px 16px!important;background:#fff!important}body.sdm-printing .sdm-print-portal .cpn-staffdetailmodal-header-actions,body.sdm-printing .sdm-print-portal .cpn-staffdetailmodal-footer{display:none!important;visibility:hidden!important}body.sdm-printing .sdm-print-portal .cpn-staffdetailmodal-header{position:static!important;height:auto!important;flex-shrink:0!important}body.sdm-printing .sdm-print-portal .cpn-staffdetailmodal-section{-moz-column-break-inside:avoid!important;break-inside:avoid!important;page-break-inside:avoid!important;margin-bottom:10px!important}body.sdm-printing .sdm-print-portal .cpn-staffdetailmodal-info-with-avatar{display:grid!important;grid-template-columns:120px 1fr!important;gap:24px!important}body.sdm-printing .sdm-print-portal .cpn-staffdetailmodal-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:16px!important}body.sdm-printing .sdm-print-portal .fs-form-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px 14px!important}body.sdm-printing .sdm-print-portal .cpn-sdm-s2-grid-2col{display:grid!important;grid-template-columns:1fr 1fr!important}body.sdm-printing .sdm-print-portal .cpn-sdm-s2-grid-3col{display:grid!important;grid-template-columns:1fr 1fr 1fr!important}body.sdm-printing .sdm-print-portal .cpn-sdm-s2-cccd-row{display:flex!important;flex-wrap:nowrap!important}body.sdm-printing .sdm-print-portal .cpn-sdm-s3-grid-2col{display:grid!important;grid-template-columns:1fr 1fr!important}body.sdm-printing .sdm-print-portal .cpn-sdm-s3-grid-3col{display:grid!important;grid-template-columns:1fr 1fr 1fr!important}body.sdm-printing .sdm-print-portal .cpn-sdm-s3-grid-4col{display:grid!important;grid-template-columns:1fr 1fr 1fr 1fr!important}body.sdm-printing .sdm-print-portal .cpn-sdm-s1-avatar-overlay,body.sdm-printing .sdm-print-portal .cpn-sdm-s2-cccd-overlay,body.sdm-printing .sdm-print-portal .cpn-sdm-s2-cccd-placeholder,body.sdm-printing .sdm-print-portal .cpn-staffdetailmodal-tab-bar,body.sdm-printing .sdm-print-portal [class*=-tooltip],body.sdm-printing .sdm-print-portal [class*=-edit-btn],body.sdm-printing .sdm-print-portal [class*=-add-btn],body.sdm-printing .sdm-print-portal [class*=-delete-btn]{display:none!important;visibility:hidden!important}body.sdm-printing .sdm-print-portal .cpn-staffdetailmodal-tab-content{display:block!important;overflow:visible!important;height:auto!important}body.sdm-printing .sdm-print-portal .cpn-staffdetailmodal-inline-value{font-size:18px!important}body.sdm-printing .sdm-print-portal .cpn-staffdetailmodal-inline-label{font-size:15px!important}body.sdm-printing .sdm-print-portal .cpn-sdm-s1-badge-label,body.sdm-printing .sdm-print-portal .cpn-sdm-s1-badge-value,body.sdm-printing .sdm-print-portal .cpn-sdm-s1-ntv-label,body.sdm-printing .sdm-print-portal .cpn-sdm-s1-ntv-value,body.sdm-printing .sdm-print-portal .cpn-sdm-s1-job-line{font-size:16px!important}body.sdm-printing .sdm-print-portal .cpn-sdm-s3-viewonly-value{font-size:14px!important}body.sdm-printing .sdm-print-portal [class*=badge],body.sdm-printing .sdm-print-portal [class*=status],body.sdm-printing .sdm-print-portal [class*=-badge-]{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}@media (max-width: 480px){.cpn-staffdetailmodal-inline-label{font-size:13px;min-width:unset;white-space:nowrap}.cpn-staffdetailmodal-inline-value{font-size:14px;word-break:break-word;overflow-wrap:anywhere}.cpn-staffdetailmodal-item-inline{flex-wrap:wrap;gap:4px;line-height:1.6}}.dsp-sidebar{flex-shrink:0;display:flex;flex-direction:row;background:#f8fafc;border-right:2px solid #e2e8f0;overflow:hidden;height:100%;transition:width .25s ease,min-width .25s ease;position:relative}.dsp-sidebar--expanded{width:486px;min-width:416px;max-width:486px;border-radius:12px 0 0 12px;box-shadow:inset -2px 0 6px #0000000a}.dsp-sidebar--collapsed{width:36px;min-width:36px;max-width:36px;border-radius:8px 0 0 8px;background:#eff6ff;border-right-color:#bfdbfe}.dsp-tab-rail{width:36px;min-width:36px;flex-shrink:0;display:flex;flex-direction:column;background:#eff6ff;border-right:1px solid #bfdbfe;height:100%;overflow:hidden}.dsp-tab-rail--inline{display:none}.dsp-tab-rail-btn{width:100%;flex:1;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;color:#1d4ed8;transition:background .15s;border-bottom:1px solid #e2e8f0;padding:0}.dsp-tab-rail-btn:last-child{border-bottom:none}.dsp-tab-rail-btn:hover{background:#dbeafe}.dsp-tab-rail-btn--active{background:#dbeafe;border-right:3px solid #1d4ed8}.dsp-tab-rail-btn--collapse,.dsp-toggle-btn{display:none}.dsp-toggle-label-vertical{display:block;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:11px;font-weight:600;color:#1d4ed8;letter-spacing:.5px;white-space:nowrap;padding:6px 0;max-height:140px;overflow:hidden;text-overflow:ellipsis}.dsp-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#fff}.dsp-header{display:flex;align-items:center;justify-content:space-between;padding:5px 16px;background:linear-gradient(135deg,#1e40af 0%,#2563eb 100%);color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:12px;flex-shrink:0}.dsp-header-left{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.dsp-header-right{display:flex;align-items:center;gap:8px;font-size:12px;opacity:.9}.dsp-header-badge{background:rgba(255,255,255,.25);border-radius:12px;padding:2px 10px;font-size:12px;font-weight:700}.dsp-header-badge--switch{cursor:pointer;transition:background .15s,transform .1s;border:1px solid rgba(255,255,255,.35)}.dsp-header-badge--switch:hover{background:rgba(255,255,255,.4);transform:scale(1.03)}.dsp-xuong-row{display:flex;align-items:center;gap:8px;padding:10px 16px 8px;border-bottom:1px solid #e2e8f0;background:#f8fafc;flex-shrink:0;flex-wrap:nowrap}.dsp-xuong-row .dsp-field-label{white-space:nowrap;font-size:12px;font-weight:600;color:#374151;flex-shrink:0}.dsp-xuong-row .dsp-ca-label{margin-left:4px;flex-shrink:0}.dsp-xuong-row .dsp-select{flex:1;min-width:0}.dsp-xuong-row .dsp-ca-select{flex:0 0 auto;min-width:110px;max-width:140px}.dsp-body{padding:0;display:flex;flex-direction:column;gap:12px;flex:1;overflow-y:auto;min-height:0}.dsp-controls-row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.dsp-field-group{display:flex;flex-direction:column;gap:4px}.dsp-field-label{font-size:12px;font-weight:600;color:#374151}.dsp-select{min-width:180px}.dsp-select .sd-trigger{height:36px;border:1.5px solid #d1d5db;border-radius:7px;font-size:13.5px;color:#111827;background:#fff}.dsp-select .sd-trigger:focus,.dsp-select .sd-trigger--open{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.dsp-select .sd-trigger:disabled{background:#f3f4f6;cursor:not-allowed;color:#9ca3af}.dsp-scan-row{padding:5px 15px 0;display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}.dsp-scan-input-wrap{position:relative;flex:1;min-width:200px}.dsp-scan-input{width:100%;height:36px;padding:0 12px 0 36px;border:1.5px solid #d1d5db;border-radius:7px;font-size:13.5px;color:#111827;outline:none;transition:border-color .15s;box-sizing:border-box}.dsp-scan-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.dsp-scan-input:disabled{background:#f9fafb;cursor:not-allowed;color:#9ca3af}.dsp-scan-input-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.dsp-btn{display:inline-flex;align-items:center;gap:5px;height:36px;padding:0 14px;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .15s;white-space:nowrap}.dsp-btn:disabled{opacity:.5;cursor:not-allowed}.dsp-btn-primary{background:#2563eb;color:#fff}.dsp-btn-primary:hover:not(:disabled){background:#1d4ed8}.dsp-btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.dsp-btn-secondary:hover:not(:disabled){background:#e5e7eb}.dsp-btn-export{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s;flex-shrink:0;min-width:unset}.dsp-btn-export:hover:not(:disabled){background:rgba(255,255,255,.32)}.dsp-btn-export:disabled{opacity:.4;cursor:not-allowed}.dsp-btn-danger{background:transparent;color:#ef4444;border:1px solid #fecaca}.dsp-btn-danger:hover:not(:disabled){background:#fef2f2;border-color:#ef4444}.dsp-msg{padding:7px 12px;border-radius:7px;font-size:12.5px;font-weight:500;display:flex;align-items:center;gap:6px}.dsp-msg-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.dsp-msg-success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.dsp-msg-info{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.dsp-list-header{padding:5px 15px 0;display:flex;align-items:center;justify-content:space-between;gap:8px}.dsp-list-title{font-size:13px;font-weight:600;color:#374151;display:flex;align-items:center;gap:6px}.dsp-list-count{display:inline-flex;align-items:center;justify-content:center;background:#dbeafe;color:#1d4ed8;font-size:11px;font-weight:700;border-radius:10px;padding:1px 8px;min-width:22px}.dsp-shift-badge{display:inline-flex;align-items:center;background:#fef9c3;color:#92400e;font-size:11px;font-weight:600;border-radius:10px;padding:1px 8px;border:1px solid #fde68a;white-space:nowrap}.dsp-table-wrap{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px}.dsp-table{width:100%;border-collapse:collapse;font-size:13px;min-width:500px}.dsp-table th{background:#f8fafc;padding:8px 10px;text-align:left;font-weight:600;color:#6b7280;font-size:11.5px;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid #e5e7eb;white-space:nowrap}.dsp-table th.center,.dsp-table td.center{text-align:center}.dsp-table td{padding:8px 10px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.dsp-table tr:last-child td{border-bottom:none}.dsp-table tr:hover td{background:#f8fafc}.dsp-col-stt{width:40px;color:#9ca3af;font-size:12px}.dsp-staff-cell{display:flex;align-items:center;gap:9px;padding:3px 0}.dsp-avatar{width:32px;height:48px;border-radius:4px;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;border:1.5px solid #e5e7eb;flex-shrink:0;background:#f3f4f6}.dsp-avatar-placeholder{width:32px;height:48px;border-radius:4px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;flex-shrink:0}.dsp-staff-info{display:flex;flex-direction:column;gap:2px;min-width:0}.dsp-staff-name{font-weight:600;color:#111827;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dsp-staff-code{font-size:11px;color:#9ca3af}.dsp-ntv-badge{display:inline-block;background:#eff6ff;color:#1d4ed8;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:5px;border:1px solid #bfdbfe;cursor:default;white-space:nowrap}.dsp-ntv-empty{color:#d1d5db;font-size:13px}.dsp-action-btns{display:flex;gap:4px;align-items:center;justify-content:center}.dsp-icon-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;color:#6b7280;font-size:14px;transition:all .13s;flex-shrink:0}.dsp-icon-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.dsp-icon-btn.danger{color:#ef4444;border-color:#fecaca}.dsp-icon-btn.danger:hover{background:#fef2f2;border-color:#ef4444}.dsp-icon-btn:disabled{opacity:.4;cursor:not-allowed}.dsp-empty{text-align:center;padding:24px 0;color:#9ca3af;font-size:13px}.dsp-empty-icon{font-size:28px;margin-bottom:8px}.dsp-spinner{width:18px;height:18px;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:dsp-spin .7s linear infinite;display:inline-block;flex-shrink:0}@keyframes dsp-spin{to{transform:rotate(360deg)}}.dsp-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:1200;padding:16px}.dsp-dialog{background:#fff;border-radius:14px;padding:24px;max-width:400px;width:100%;box-shadow:0 20px 60px #0003}.dsp-dialog-title{font-size:16px;font-weight:700;color:#111827;margin-bottom:10px;display:flex;align-items:center;gap:8px}.dsp-dialog-body{font-size:13.5px;color:#374151;margin-bottom:20px;line-height:1.6}.dsp-dialog-body strong{color:#111827}.dsp-dialog-body .highlight-xuong{color:#2563eb;font-weight:600}.dsp-dialog-actions{display:flex;gap:10px;justify-content:flex-end}.dsp-sidebar .dsp-select{min-width:unset;width:100%}.dsp-sidebar .dsp-field-group{width:100%}.dsp-sidebar .dsp-controls-row{flex-direction:column;align-items:stretch}.dsp-sidebar .dsp-table,.dsp-sidebar .dsp-scan-input-wrap{min-width:unset}.dsp-sidebar .dsp-scan-row{flex-wrap:nowrap}.dsp-collapse-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;background:rgba(255,255,255,.18);border-radius:6px;cursor:pointer;color:#fff;transition:background .15s,transform .15s;flex-shrink:0}.dsp-collapse-btn:hover{background:rgba(255,255,255,.35)}.dsp-collapse-icon{transform:rotate(90deg)}.dsp-chevron{transition:transform .2s ease}.dsp-chevron.open{transform:rotate(180deg)}.dsp-tab-bar{display:flex;flex-shrink:0;border-bottom:2px solid #e2e8f0;background:#f1f5f9}.dsp-tab-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:9px 10px;border:none;background:transparent;font-size:12px;font-weight:600;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s,background .15s,border-color .15s;white-space:nowrap}.dsp-tab-btn:hover{color:#374151;background:#e2e8f0}.dsp-tab-btn.active{color:#1d4ed8;border-bottom-color:#1d4ed8;background:#fff}.dsp-tab-badge{display:inline-flex;align-items:center;justify-content:center;padding:1px 6px;border-radius:10px;font-size:10px;font-weight:700;background:#dbeafe;color:#1d4ed8;min-width:18px}.dsp-tab-btn.active .dsp-tab-badge{background:#1d4ed8;color:#fff}.dsp-stats-total-label{font-size:11px;color:#9ca3af;white-space:nowrap}.dsp-stats-header-right{display:flex;align-items:center;gap:8px}.dsp-stats-vendor-name{font-size:12.5px;color:#111827;font-weight:500}.dsp-stats-count{font-size:13px;color:#1d4ed8}.dsp-stats-th-new{color:#16a34a;font-size:11px}.dsp-stats-new{font-size:12.5px;font-weight:600;color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:4px;padding:1px 6px;display:inline-block;min-width:24px;text-align:center}.dsp-stats-th-old{color:#7c3aed;font-size:11px}.dsp-stats-old{font-size:12.5px;font-weight:600;color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:4px;padding:1px 6px;display:inline-block;min-width:24px;text-align:center}.dsp-stats-foot td{background:#f8fafc;border-top:2px solid #e5e7eb;font-size:12px;padding:5px 6px}.dsp-stats-bar-wrap{display:flex;align-items:center;gap:5px;min-width:70px}.dsp-stats-bar{height:6px;background:#3b82f6;border-radius:3px;min-width:2px;max-width:50px;transition:width .3s ease}.dsp-stats-pct{font-size:11px;color:#6b7280;white-space:nowrap}.dsp-past-badge{display:inline-block;margin-left:5px;padding:1px 6px;font-size:10px;font-weight:600;color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:999px;vertical-align:middle;letter-spacing:.3px}@media (max-width: 768px){.dsp-btn-text{display:none}.dsp-sidebar{flex-direction:column!important;height:100%}.dsp-sidebar>.dsp-tab-rail{display:none!important}.dsp-tab-rail--inline{display:flex!important;width:100%!important;min-width:unset!important;height:auto!important;flex-direction:row!important;border-right:none!important;border-bottom:1px solid #bfdbfe;flex-shrink:0}.dsp-tab-rail--inline .dsp-tab-rail-btn{flex:1;height:36px;border-bottom:none!important;border-right:1px solid #e2e8f0}.dsp-tab-rail--inline .dsp-tab-rail-btn:last-child{border-right:none}.dsp-tab-rail--inline .dsp-tab-rail-btn--active{border-right:none!important;border-bottom:3px solid #1d4ed8!important}.dsp-tab-rail--inline .dsp-toggle-label-vertical{writing-mode:horizontal-tb!important;transform:none!important;font-size:12px;padding:0;max-height:unset}.dsp-panel{flex:1;overflow:hidden}}[data-theme=dark] .dsp-sidebar{background:var(--bg-surface);border-right-color:var(--border-divider)}[data-theme=dark] .dsp-sidebar--collapsed,[data-theme=dark] .dsp-tab-rail{background:rgba(37,99,235,.1);border-right-color:#2563eb40}[data-theme=dark] .dsp-tab-rail-btn{color:#93c5fd;border-bottom-color:var(--border-divider)}[data-theme=dark] .dsp-tab-rail-btn:hover{background:rgba(37,99,235,.15)}[data-theme=dark] .dsp-tab-rail-btn--active{background:rgba(37,99,235,.2);border-right-color:#3b82f6}[data-theme=dark] .dsp-panel{background:var(--bg-content)}[data-theme=dark] .dsp-header{background:#0f172a;border-bottom:1px solid rgba(37,99,235,.25)}[data-theme=dark] .dsp-collapse-btn{background:rgba(255,255,255,.08)}[data-theme=dark] .dsp-collapse-btn:hover{background:rgba(255,255,255,.18)}[data-theme=dark] .dsp-xuong-row{background:var(--bg-surface);border-bottom-color:var(--border-divider)}[data-theme=dark] .dsp-xuong-row .dsp-field-label,[data-theme=dark] .dsp-field-label{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .dsp-select .sd-trigger{border-color:var(--border-input);color:var(--text-primary, #e2e8f0);background:var(--bg-input)}[data-theme=dark] .dsp-select .sd-trigger:disabled{background:var(--bg-surface);color:var(--text-secondary, #8a93a8)}[data-theme=dark] .dsp-scan-input{background:var(--bg-input);border-color:var(--border-input);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .dsp-scan-input:disabled{background:var(--bg-surface);color:var(--text-secondary, #8a93a8)}[data-theme=dark] .dsp-scan-input-icon{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .dsp-btn-secondary{background:var(--bg-input);color:var(--text-primary, #e2e8f0);border-color:var(--border-divider)}[data-theme=dark] .dsp-btn-secondary:hover:not(:disabled){background:var(--bg-surface-hover)}[data-theme=dark] .dsp-msg-error{background:rgba(220,38,38,.12);color:#fca5a5;border-color:#dc26264d}[data-theme=dark] .dsp-msg-success{background:rgba(22,163,74,.12);color:#86efac;border-color:#16a34a4d}[data-theme=dark] .dsp-msg-info{background:rgba(29,78,216,.12);color:#93c5fd;border-color:#1d4ed84d}[data-theme=dark] .dsp-list-title{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .dsp-list-count{background:rgba(29,78,216,.2);color:#93c5fd}[data-theme=dark] .dsp-shift-badge{background:rgba(146,64,14,.15);color:#fde68a;border-color:#fde68a4d}[data-theme=dark] .dsp-table-wrap{border-color:var(--border-divider)}[data-theme=dark] .dsp-table th{background:var(--bg-input);color:var(--text-secondary, #8a93a8);border-bottom-color:var(--border-divider)}[data-theme=dark] .dsp-table td{border-bottom-color:var(--border-divider);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .dsp-table tr:hover td{background:var(--bg-surface-hover)}[data-theme=dark] .dsp-col-stt{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .dsp-avatar{border-color:var(--border-divider);background:var(--bg-input)}[data-theme=dark] .dsp-staff-name{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .dsp-staff-code{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .dsp-ntv-badge{background:rgba(29,78,216,.15);color:#93c5fd;border-color:#1d4ed859}[data-theme=dark] .dsp-ntv-empty{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .dsp-icon-btn{background:var(--bg-input);border-color:var(--border-divider);color:var(--text-secondary, #8a93a8)}[data-theme=dark] .dsp-icon-btn:hover{background:var(--bg-surface-hover);border-color:var(--text-secondary, #8a93a8);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .dsp-empty{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .dsp-spinner{border-color:var(--border-divider);border-top-color:#3b82f6}[data-theme=dark] .dsp-dialog{background:var(--bg-surface);box-shadow:0 20px 60px #00000080}[data-theme=dark] .dsp-dialog-title{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .dsp-dialog-body{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .dsp-dialog-body strong{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .dsp-tab-bar{background:var(--bg-input);border-bottom-color:var(--border-divider)}[data-theme=dark] .dsp-tab-btn{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .dsp-tab-btn:hover{color:var(--text-primary, #e2e8f0);background:var(--bg-surface-hover)}[data-theme=dark] .dsp-tab-btn.active{color:#60a5fa;background:var(--bg-content);border-bottom-color:#3b82f6}[data-theme=dark] .dsp-tab-badge{background:rgba(29,78,216,.2);color:#93c5fd}[data-theme=dark] .dsp-tab-btn.active .dsp-tab-badge{background:#3b82f6;color:#fff}[data-theme=dark] .dsp-stats-total-label{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .dsp-stats-vendor-name{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .dsp-stats-count{color:#60a5fa}[data-theme=dark] .dsp-stats-foot td{background:var(--bg-input);border-top-color:var(--border-divider)}[data-theme=dark] .dsp-stats-pct{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .dsp-stats-new{color:#86efac;background:rgba(22,163,74,.12);border-color:#86efac4d}[data-theme=dark] .dsp-stats-old{color:#c4b5fd;background:rgba(124,58,237,.12);border-color:#c4b5fd4d}.std-tvtts-page{display:flex;flex-direction:column;height:calc(100dvh - 50px);overflow:hidden;background:#f1f5f9;font-family:Inter,Segoe UI,sans-serif}.std-tvtts-header{background:linear-gradient(135deg,#1a56db,#2563eb);color:#fff;padding:14px 20px 12px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;flex-shrink:0}.std-tvtts-header-left{display:flex;align-items:center;gap:10px;flex:1}.std-tvtts-header .std-tvtts-stats-bar{flex:0 1 auto;background:transparent;border-bottom:none;padding:0}.std-tvtts-header-icon{background:rgba(255,255,255,.15);padding:8px;border-radius:10px;display:flex;align-items:center}.std-tvtts-header-title{font-size:18px;font-weight:700;letter-spacing:-.3px}.std-tvtts-header-subtitle{font-size:12px;opacity:.8;margin-top:2px}.std-tvtts-header-right{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end}.std-tvtts-header-btn{display:flex;align-items:center;gap:6px;padding:7px 13px;border-radius:18px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.13);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s;white-space:nowrap}.std-tvtts-header-btn:hover{background:rgba(255,255,255,.25);border-color:#fff9}.std-tvtts-header-btn:disabled{opacity:.55;cursor:not-allowed}.std-tvtts-spin{animation:stdSpin 1s linear infinite}@keyframes stdSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.std-tvtts-column-btn{position:relative}.std-tvtts-auto-sync-badge{display:flex;align-items:center;gap:5px;font-size:12px;padding:5px 10px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#ffffffd9}.std-tvtts-sync-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;animation:stdPulse 2s ease-in-out infinite}@keyframes stdPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.std-tvtts-toolbar-row{display:flex;align-items:stretch;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;min-height:57px}.std-tvtts-toolbar-row .std-tvtts-stats-bar{border-bottom:none;border-right:1px solid #e2e8f0;flex-shrink:0;align-self:center}.std-tvtts-controls{background:transparent;border-bottom:none;padding:8px 16px;display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;flex:1;min-width:0}.std-tvtts-search-container{display:flex;align-items:center;gap:6px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;padding:12px;min-width:220px;transition:border-color .2s,box-shadow .2s}.std-tvtts-search-container:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.std-tvtts-search-input{border:none;background:transparent;font-size:14px;flex:1;min-width:0;outline:none;color:#1e293b}.std-tvtts-search-input::-moz-placeholder{color:#94a3b8}.std-tvtts-search-input::placeholder{color:#94a3b8}.std-tvtts-search-icon{color:#64748b;flex-shrink:0}.std-tvtts-search-clear-btn{background:none;border:none;color:#64748b;cursor:pointer;display:flex;padding:0;transition:color .15s}.std-tvtts-search-clear-btn:hover{color:#ef4444}.std-tvtts-date-filter{display:flex;align-items:center;gap:6px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;padding:7px 11px;transition:border-color .2s}.std-tvtts-date-filter:focus-within{border-color:#2563eb}.std-tvtts-date-filter label{font-size:13px;color:#64748b;font-weight:500;white-space:nowrap}.std-tvtts-date-input{border:none;background:transparent;font-size:13px;color:#1e293b;outline:none;cursor:pointer}.std-tvtts-date-separator{font-size:13px;color:#94a3b8}.std-tvtts-date-today-btn{padding:4px 10px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#1d4ed8;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s}.std-tvtts-date-today-btn:hover{background:#dbeafe}.std-tvtts-controls-right{display:flex;align-items:center;gap:8px}.std-tvtts-results-count{font-size:13px;color:#64748b;white-space:nowrap}.std-tvtts-results-count strong{color:#1e293b}.std-tvtts-export-btn{display:inline-flex;align-items:center;gap:5px;padding:12px;background:#16a34a;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s ease}.std-tvtts-export-btn:hover:not(:disabled){background:#15803d}.std-tvtts-export-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.std-tvtts-mobile-stats-row{display:none;flex-shrink:0;background:#fff;border-bottom:1px solid #e2e8f0}.std-tvtts-mobile-stats-row .std-tvtts-stats-bar{border-bottom:none;background:transparent;flex-wrap:nowrap;padding:6px 8px;gap:6px;width:100%;box-sizing:border-box;justify-content:space-between}.std-tvtts-active-filters{background:#eff6ff;border-bottom:1px solid #bfdbfe;padding:8px 20px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.std-tvtts-active-filters-label{font-size:12px;font-weight:600;color:#1d4ed8}.std-tvtts-filter-tag{display:flex;align-items:center;gap:4px;padding:3px 8px;background:#fff;border:1px solid #93c5fd;border-radius:20px;font-size:12px;color:#1e40af;font-weight:500}.std-tvtts-filter-tag button{background:none;border:none;color:#3b82f6;cursor:pointer;display:flex;padding:0;margin-left:2px;transition:color .15s}.std-tvtts-filter-tag button:hover{color:#ef4444}.std-tvtts-clear-all-filters-btn{padding:3px 10px;background:#fff;border:1px solid #fca5a5;border-radius:20px;color:#ef4444;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s}.std-tvtts-clear-all-filters-btn:hover{background:#fee2e2}.std-tvtts-body-row{flex:1;display:flex;flex-direction:row;overflow:hidden;min-height:0;transition:margin-right .4s cubic-bezier(.4,0,.2,1)}.std-tvtts-page.has-detail-modal .std-tvtts-body-row{margin-right:700px}.std-tvtts-page.modal-closing .std-tvtts-body-row{margin-right:0}.std-tvtts-content{flex:1;overflow:hidden;min-height:0;display:flex;flex-direction:column}.std-tvtts-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:14px}.std-tvtts-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:stdSpin .8s linear infinite}.std-tvtts-loading-text{color:#64748b;font-size:14px}.std-tvtts-permission-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:14px;color:#64748b;text-align:center}.std-tvtts-permission-denied h3{font-size:18px;color:#1e293b;margin:0}.std-tvtts-permission-denied p{font-size:14px;max-width:340px;margin:0}.std-tvtts-pagination-wrapper{flex-shrink:0;background:#fff;border-top:1px solid #e2e8f0}.std-tvtts-page-size-select{padding:5px 8px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#374151;background:#fff;cursor:pointer}@media (max-width: 768px){.std-tvtts-page{height:calc(100dvh - 50px);overflow:hidden}.std-tvtts-header{padding:10px 12px 8px;flex-wrap:wrap;gap:6px;align-items:flex-start}.std-tvtts-header-left{flex:1 1 auto;min-width:0;gap:8px}.std-tvtts-header-title{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.std-tvtts-header-subtitle{font-size:11px}.std-tvtts-header .std-tvtts-stats-bar{display:none}.std-tvtts-header-right{flex:0 0 auto;gap:6px}.std-tvtts-auto-sync-badge{display:none}.std-tvtts-header-btn{padding:10px;font-size:12px;gap:4px}.std-tvtts-toolbar-row .std-tvtts-stats-bar{display:none}.std-tvtts-mobile-stats-row{display:flex}.std-tvtts-mobile-stats-row .std-tvtts-stats-item{flex:1 1 0;min-width:0;padding:5px 4px;gap:4px;justify-content:center}.std-tvtts-mobile-stats-row .std-tvtts-stats-label{font-size:clamp(9px,2.2vw,12px);white-space:nowrap}.std-tvtts-mobile-stats-row .std-tvtts-stats-count{font-size:clamp(11px,2.8vw,15px);font-weight:700}.std-tvtts-mobile-stats-row .std-tvtts-stats-item svg{width:clamp(12px,3vw,16px);height:clamp(12px,3vw,16px);flex-shrink:0}.std-tvtts-toolbar-row{min-height:unset;height:auto}.std-tvtts-controls{flex-direction:column;align-items:stretch;gap:7px;padding:8px 10px;justify-content:flex-start}.std-tvtts-search-container{min-width:unset;width:100%;padding:8px 10px}.std-tvtts-date-filter{width:100%;flex-wrap:nowrap;gap:5px;padding:6px 10px;align-items:center}.std-tvtts-date-input{flex:1;min-width:0;font-size:12px}.std-tvtts-date-separator{flex-shrink:0}.std-tvtts-date-today-btn{flex-shrink:0;white-space:nowrap}.std-tvtts-date-filter label{flex-shrink:0;font-size:12px}.std-tvtts-controls-right{width:100%}.std-tvtts-export-btn{width:100%;justify-content:center;padding:9px 12px}.std-tvtts-header-btn-text,.std-tvtts-export-btn-text{display:none}.std-tvtts-active-filters{padding:7px 10px;gap:6px}.std-tvtts-body-row{flex-direction:column;position:relative}.std-tvtts-body-row>.dsp-sidebar{position:fixed;top:50px;bottom:0;left:0;height:auto!important;z-index:300;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:100vw!important;max-width:100vw!important;border-radius:0!important;box-shadow:4px 0 24px #0000002e}.std-tvtts-body-row>.dsp-sidebar.dsp-sidebar--expanded{transform:translate(0)}.std-tvtts-sidebar-overlay{position:fixed;top:50px;left:0;right:0;bottom:0;background:rgba(0,0,0,.35);z-index:299;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.std-tvtts-content{flex:1;min-height:0}.std-tvtts-page.has-detail-modal .std-tvtts-body-row,.std-tvtts-page.modal-closing .std-tvtts-body-row{margin-right:0}.std-tvtts-page.has-detail-modal .std-tvtts-active-filters{padding-right:0}.std-tvtts-page .cpn-staffdetailmodal-container{width:100vw!important;height:calc(100dvh - 50px)!important;margin-top:50px!important;border-radius:0!important}.std-tvtts-pagination-wrapper{padding:0}}@media (min-width: 769px) and (max-width: 1024px){.std-tvtts-header .std-tvtts-stats-bar,.std-tvtts-toolbar-row .std-tvtts-stats-bar{display:none}.std-tvtts-controls{flex-wrap:wrap;justify-content:flex-start;gap:8px;padding:8px 12px}.std-tvtts-search-container{min-width:200px}}.std-tvtts-dispatch-toggle-btn{display:none}.std-tvtts-search-row{display:contents}@media (max-width: 768px){.std-tvtts-search-row{display:flex;align-items:center;gap:7px;width:100%}.std-tvtts-search-row .std-tvtts-search-container{flex:1;width:auto}.std-tvtts-dispatch-toggle-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:8px;font-size:18px;cursor:pointer;transition:background .15s,border-color .15s}.std-tvtts-dispatch-toggle-btn.active{background:#dbeafe;border-color:#93c5fd;box-shadow:0 0 0 2px #3b82f633}.std-tvtts-dispatch-toggle-btn:hover{background:#dbeafe}}.std-tvtts-page .cpn-staffdetailmodal-container{height:calc(100vh - 186px);margin-top:186px}.std-tvtts-page .cpn-staffdetailmodal-header{height:56px}.std-tvtts-page .std-tvtts-active-filters{transition:padding-right .4s cubic-bezier(.4,0,.2,1);padding-right:0}.std-tvtts-page.has-detail-modal .std-tvtts-active-filters{padding-right:700px}.std-tvtts-page.modal-closing .std-tvtts-active-filters{padding-right:0}[data-theme=dark] .std-tvtts-page{background:var(--bg-surface)}[data-theme=dark] .std-tvtts-header{background:#0f172a;border-bottom:1px solid rgba(37,99,235,.25)}[data-theme=dark] .std-tvtts-header-icon{background:rgba(255,255,255,.08)}[data-theme=dark] .std-tvtts-header-btn{border-color:#fff3;background:rgba(255,255,255,.08)}[data-theme=dark] .std-tvtts-auto-sync-badge{background:rgba(255,255,255,.08);border-color:#ffffff26}[data-theme=dark] .std-tvtts-toolbar-row{background:var(--bg-content);border-bottom-color:var(--border-divider)}[data-theme=dark] .std-tvtts-toolbar-row .std-tvtts-stats-bar{border-right-color:var(--border-divider)}[data-theme=dark] .std-tvtts-search-container{background:var(--bg-input);border-color:var(--border-input)}[data-theme=dark] .std-tvtts-search-input{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .std-tvtts-search-icon,[data-theme=dark] .std-tvtts-search-clear-btn{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .std-tvtts-date-filter{background:var(--bg-input);border-color:var(--border-input)}[data-theme=dark] .std-tvtts-date-filter label{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .std-tvtts-date-input{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .std-tvtts-date-input::-webkit-calendar-picker-indicator{filter:invert(1)}[data-theme=dark] .std-tvtts-date-separator,[data-theme=dark] .std-tvtts-results-count{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .std-tvtts-results-count strong{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .std-tvtts-export-btn:disabled{background:var(--bg-input);color:var(--text-secondary, #8a93a8)}[data-theme=dark] .std-tvtts-mobile-stats-row{background:var(--bg-content);border-bottom-color:var(--border-divider)}[data-theme=dark] .std-tvtts-active-filters{background:rgba(37,99,235,.1);border-bottom-color:#2563eb40}[data-theme=dark] .std-tvtts-active-filters-label{color:#93c5fd}[data-theme=dark] .std-tvtts-filter-tag{background:var(--bg-input);border-color:#2563eb66;color:#93c5fd}[data-theme=dark] .std-tvtts-filter-tag button{color:#60a5fa}[data-theme=dark] .std-tvtts-clear-all-filters-btn{background:var(--bg-input)}[data-theme=dark] .std-tvtts-pagination-wrapper{background:var(--bg-content);border-top-color:var(--border-divider)}[data-theme=dark] .std-tvtts-page-size-select{background:var(--bg-input);border-color:var(--border-input);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .std-tvtts-loading-text{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .std-tvtts-spinner{border-color:var(--border-divider);border-top-color:#3b82f6}[data-theme=dark] .std-tvtts-permission-denied{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .std-tvtts-permission-denied h3{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .std-tvtts-dispatch-toggle-btn{background:rgba(37,99,235,.15);border-color:#2563eb59;color:#93c5fd}[data-theme=dark] .std-tvtts-dispatch-toggle-btn.active{background:rgba(37,99,235,.25);border-color:#2563eb80}@media screen{.af-print-container{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}._printContainer_10bn4_35{background:white;width:auto;min-width:210mm;max-width:none;max-height:90vh;display:flex;flex-direction:column;box-shadow:none;border-radius:0;border:none;overflow:hidden}._printHeader_10bn4_63{flex-shrink:0;background:#f8f9fa;padding:15px 20px;border-bottom:2px solid #dee2e6;z-index:10;display:flex;justify-content:space-between;align-items:center;border-radius:8px 8px 0 0}._printHeader_10bn4_63 h3{margin:0;font-size:18px;color:#333}._printActions_10bn4_99{display:flex;gap:10px}._btnPrint_10bn4_109{padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:background .3s}._btnPrint_10bn4_109:hover{background:#0056b3}._btnClose_10bn4_141{padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .3s}._btnClose_10bn4_141:hover{background:#545b62}._printContent_10bn4_171{flex:1;overflow-y:auto;overflow-x:auto;padding:20px;background:transparent}._loading_10bn4_187{text-align:center;padding:40px;font-size:16px;color:#666}}@media screen and (max-width: 900px){.af-print-container{padding:10px}._printContainer_10bn4_35{min-width:auto;width:100%}._printHeader_10bn4_63{padding:10px 15px;flex-direction:column;gap:10px;align-items:flex-start}._printHeader_10bn4_63 h3{font-size:16px}._printActions_10bn4_99{width:100%;justify-content:flex-end}._printContent_10bn4_171{padding:10px}}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}html,body{height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}._printContainer_10bn4_35,._printContent_10bn4_171{width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;overflow:visible!important;box-shadow:none!important;border-radius:0!important;display:block!important;margin:0!important;padding:0!important}._printHeader_10bn4_63,._printActions_10bn4_99,._btnPrint_10bn4_109,._btnClose_10bn4_141{display:none!important}}._printFormContainer_1p2fe_3{all:initial;display:block}._printFormContainer_1p2fe_3 *{box-sizing:border-box;font-family:Times New Roman,Times,serif}._printFormContainer_1p2fe_3 ._sheet_1p2fe_29,._printFormContainer_1p2fe_3 ._sheet2_1p2fe_31{top:0;width:199mm;min-height:288mm;background:#fff;border:1px solid #000;padding:10mm;box-sizing:border-box;position:relative}._printFormContainer_1p2fe_3 ._container_1p2fe_53{padding:10mm}._printFormContainer_1p2fe_3 ._logo_1p2fe_61{position:absolute;top:10px;left:10px;width:100px;height:auto;z-index:10}._printFormContainer_1p2fe_3 ._tieude_1p2fe_79{top:0;left:20px;line-height:18px;width:100%;position:absolute}._printFormContainer_1p2fe_3 ._tieudecongty_1p2fe_95{top:5px;left:316px;position:absolute;font-size:12px;text-align:center;letter-spacing:.1px}._printFormContainer_1p2fe_3 ._diachivasdt_1p2fe_113{top:40px;left:100px;position:absolute;font-weight:initial;font-size:12px;text-align:center;letter-spacing:.1px}._printFormContainer_1p2fe_3 ._phanloai_1p2fe_133{top:90px;left:240px;position:absolute;font-size:25px;font-weight:700;text-align:center;letter-spacing:.1px}._printFormContainer_1p2fe_3 ._vitridutuyen_1p2fe_153{top:170px;left:10px;position:absolute;font-size:15px;font-weight:700;text-align:center;letter-spacing:.3px}._printFormContainer_1p2fe_3 ._chucvudutuyen_1p2fe_173{top:200px;left:10px;position:absolute;font-size:15px;font-weight:700;text-align:center;letter-spacing:.3px}._printFormContainer_1p2fe_3 ._avatar_1p2fe_193{position:absolute;left:150mm;top:79px;width:135px;height:170px;border-radius:6px;border:.1px solid #0a0000;-o-object-fit:cover;object-fit:cover;background:#f7f7f7;box-shadow:0 1px 8px #eee}._printFormContainer_1p2fe_3 ._chimuc-cha_1p2fe_219{left:5px;top:230px;position:absolute;font-size:15px;font-weight:700;text-decoration:underline}._printFormContainer_1p2fe_3 ._chimuc-cha2_1p2fe_237{left:5px;top:5px;position:absolute;font-size:15px;font-weight:700;text-decoration:underline}._printFormContainer_1p2fe_3 ._table_1p2fe_255{left:10px;top:250px;position:absolute}._printFormContainer_1p2fe_3 ._table2_1p2fe_267{left:10px;top:20px;position:absolute}._printFormContainer_1p2fe_3 ._table_1p2fe_255 table,._printFormContainer_1p2fe_3 ._table2_1p2fe_267 table{width:193mm;font-size:13px;padding:3px;margin-top:5px}._printFormContainer_1p2fe_3 ._table_1p2fe_255 table tr._title_1p2fe_295 th,._printFormContainer_1p2fe_3 ._table2_1p2fe_267 table tr._title_1p2fe_295 th{font-style:normal;text-align:left;border:none}._printFormContainer_1p2fe_3 ._table_1p2fe_255 table tr._header_1p2fe_309 th,._printFormContainer_1p2fe_3 ._table2_1p2fe_267 table tr._header_1p2fe_309 th{font-weight:700;font-style:italic;text-align:center;border:1px solid #000;padding:3px 6px}._printFormContainer_1p2fe_3 ._table_1p2fe_255 table tr._row_1p2fe_327 th,._printFormContainer_1p2fe_3 ._table2_1p2fe_267 table tr._row_1p2fe_327 th{height:21px;border:1px solid #000;font-weight:400;text-align:left;padding:3px;font-style:italic}._printFormContainer_1p2fe_3 ._table_1p2fe_255 table tr._rows_1p2fe_347 th,._printFormContainer_1p2fe_3 ._table2_1p2fe_267 table tr._rows_1p2fe_347 th{height:21px;font-weight:400;border:1px solid #000;padding:3px;font-style:italic;text-align:center}._printFormContainer_1p2fe_3 ._circle_1p2fe_367{display:inline-flex;width:21px;height:21px;border:2px solid black;border-radius:50%;vertical-align:middle;margin-right:4px;justify-content:center;align-items:center;font-size:25px;position:relative}._printFormContainer_1p2fe_3 ._circle_1p2fe_367.checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);font-size:35px}._printFormContainer_1p2fe_3 ._option_1p2fe_413{display:inline-flex;align-items:center}._pageBreakAfter_1p2fe_425{page-break-after:always;-moz-column-break-after:always;break-after:always}@media print{._printFormContainer_1p2fe_3{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}._printFormContainer_1p2fe_3 img{filter:none;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;border:none!important;box-shadow:none!important}._printFormContainer_1p2fe_3 ._sheet_1p2fe_29,._printFormContainer_1p2fe_3 ._sheet2_1p2fe_31{background:white!important;height:273mm!important;width:199mm!important;margin:0 auto!important;box-sizing:border-box!important;page-break-after:always!important;page-break-inside:avoid!important}._printFormContainer_1p2fe_3 ._sheet2_1p2fe_31:last-child{border:none!important;height:auto!important;width:199mm!important;margin:0 auto!important;page-break-after:auto!important}}._printFormContainer_jsynx_3{all:initial;display:block}._printFormContainer_jsynx_3 *{box-sizing:border-box;font-family:Times New Roman,Times,serif}._printFormContainer_jsynx_3 ._sheet_jsynx_29,._printFormContainer_jsynx_3 ._sheet2_jsynx_31{top:0;width:199mm;min-height:288mm;background:#fff;border:1px solid #000;padding:10mm;box-sizing:border-box;position:relative}._printFormContainer_jsynx_3 ._container_jsynx_53{padding:10mm}._printFormContainer_jsynx_3 ._logo_jsynx_61{position:absolute;top:10px;left:10px;width:100px;height:auto;z-index:10}._printFormContainer_jsynx_3 ._tieude_jsynx_79{top:0;left:20px;line-height:18px;width:100%;position:absolute}._printFormContainer_jsynx_3 ._tieudecongty_jsynx_95{top:5px;left:316px;position:absolute;font-size:12px;text-align:center;letter-spacing:.1px}._printFormContainer_jsynx_3 ._diachivasdt_jsynx_113{top:40px;left:100px;position:absolute;font-weight:initial;font-size:12px;text-align:center;letter-spacing:.1px}._printFormContainer_jsynx_3 ._phanloai_jsynx_133{top:90px;left:120px;position:absolute;font-size:25px;font-weight:700;text-align:center;letter-spacing:.1px}._printFormContainer_jsynx_3 ._vitridutuyen_jsynx_153{top:190px;left:10px;position:absolute;font-size:15px;font-weight:700;text-align:center;letter-spacing:.3px}._printFormContainer_jsynx_3 ._chucvudutuyen_jsynx_173{top:200px;left:10px;position:absolute;font-size:15px;font-weight:700;text-align:center;letter-spacing:.3px}._printFormContainer_jsynx_3 ._avatar_jsynx_193{position:absolute;left:150mm;top:79px;width:135px;height:170px;border-radius:6px;border:.1px solid #0a0000;-o-object-fit:cover;object-fit:cover;background:#f7f7f7;box-shadow:0 1px 8px #eee}._printFormContainer_jsynx_3 ._table_jsynx_219{left:10px;top:250px;position:absolute;font-size:13px}._printFormContainer_jsynx_3 ._table2_jsynx_233{left:10px;top:10px;position:absolute;font-size:13px}._printFormContainer_jsynx_3 ._table_jsynx_219 table,._printFormContainer_jsynx_3 ._table2_jsynx_233 table{width:193mm;font-size:13px;margin-top:5px}._printFormContainer_jsynx_3 ._tr1_jsynx_261 td,._printFormContainer_jsynx_3 ._tr1_jsynx_261 th{padding:3px 0 0;font-size:13px;font-style:italic;text-align:left}._printFormContainer_jsynx_3 ._tr2_jsynx_277 td,._printFormContainer_jsynx_3 ._tr2_jsynx_277 th{font-size:13px;line-height:22px;height:24px;padding:7px;font-style:italic;border:1px solid black}._printFormContainer_jsynx_3 ._circle_jsynx_297{display:inline-flex;width:21px;height:21px;border:2px solid black;border-radius:50%;vertical-align:middle;margin-right:4px;justify-content:center;align-items:center;font-size:25px;position:relative}._printFormContainer_jsynx_3 ._circle_jsynx_297._checked_jsynx_325:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);font-size:35px}._printFormContainer_jsynx_3 ._option_jsynx_343{display:inline-flex;align-items:center}._pageBreakAfter_jsynx_355{page-break-after:always;-moz-column-break-after:always;break-after:always}@media print{._printFormContainer_jsynx_3{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}._printFormContainer_jsynx_3 img{filter:none;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;border:none!important;box-shadow:none!important}._printFormContainer_jsynx_3 ._sheet_jsynx_29,._printFormContainer_jsynx_3 ._sheet2_jsynx_31{background:white!important;height:273mm!important;width:199mm!important;margin:0 auto!important;box-sizing:border-box!important;page-break-after:always!important;page-break-inside:avoid!important}._printFormContainer_jsynx_3 ._sheet2_jsynx_31:last-child{border:none!important;height:auto!important;width:199mm!important;margin:0 auto!important;page-break-after:auto!important}}._printFormContainer_3y674_3{all:initial;display:block}._printFormContainer_3y674_3 *{box-sizing:border-box;font-family:Times New Roman,Times,serif}._printFormContainer_3y674_3 ._sheet_3y674_29,._printFormContainer_3y674_3 ._sheet2_3y674_31{top:0;width:199mm;min-height:288mm;background:#fff;border:1px solid #000;padding:10mm;box-sizing:border-box;position:relative}._printFormContainer_3y674_3 ._container_3y674_53{padding:10mm}._printFormContainer_3y674_3 ._logo_3y674_61{position:absolute;top:10px;left:10px;width:100px;height:auto;z-index:10}._printFormContainer_3y674_3 ._tieude_3y674_79{top:0;left:20px;line-height:18px;width:100%;position:absolute}._printFormContainer_3y674_3 ._tieudecongty_3y674_95{top:5px;left:316px;position:absolute;font-size:12px;text-align:center;letter-spacing:.1px}._printFormContainer_3y674_3 ._diachivasdt_3y674_113{top:40px;left:100px;position:absolute;font-weight:initial;font-size:12px;text-align:center;letter-spacing:.1px}._printFormContainer_3y674_3 ._phanloai_3y674_133{top:90px;left:120px;position:absolute;font-size:25px;font-weight:700;text-align:center;letter-spacing:.1px}._printFormContainer_3y674_3 ._vitridutuyen_3y674_153{top:180px;left:10px;position:absolute;font-size:15px;font-weight:700;text-align:center;letter-spacing:.3px}._printFormContainer_3y674_3 ._chucvudutuyen_3y674_173{top:200px;left:10px;position:absolute;font-size:15px;font-weight:700;text-align:center;letter-spacing:.3px}._printFormContainer_3y674_3 ._avatar_3y674_193{position:absolute;left:150mm;top:79px;width:135px;height:170px;border-radius:6px;border:.1px solid #0a0000;-o-object-fit:cover;object-fit:cover;background:#f7f7f7;box-shadow:0 1px 8px #eee}._printFormContainer_3y674_3 ._table_3y674_219{left:10px;top:250px;position:absolute;font-size:13px}._printFormContainer_3y674_3 ._table2_3y674_233{left:10px;top:10px;position:absolute;font-size:13px}._printFormContainer_3y674_3 ._table_3y674_219 table,._printFormContainer_3y674_3 ._table2_3y674_233 table{width:193mm;font-size:13px;margin-top:5px}._printFormContainer_3y674_3 ._tr1_3y674_261 td,._printFormContainer_3y674_3 ._tr1_3y674_261 th{padding:3px 0 0;font-size:13px;font-style:italic;text-align:left}._printFormContainer_3y674_3 ._tr2_3y674_277 td,._printFormContainer_3y674_3 ._tr2_3y674_277 th{font-size:13px;line-height:21px;height:22px;padding:4px;font-style:italic;border:1px solid black}._printFormContainer_3y674_3 ._circle_3y674_297{display:inline-flex;width:21px;height:21px;border:2px solid black;border-radius:50%;vertical-align:middle;margin-right:4px;justify-content:center;align-items:center;font-size:25px;position:relative}._printFormContainer_3y674_3 ._circle_3y674_297._checked_3y674_325:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);font-size:35px}._printFormContainer_3y674_3 ._option_3y674_343{display:inline-flex;align-items:center}._pageBreakAfter_3y674_355{page-break-after:always;-moz-column-break-after:always;break-after:always}@media print{._printFormContainer_3y674_3{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}._printFormContainer_3y674_3 img{filter:none;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;border:none!important;box-shadow:none!important}._printFormContainer_3y674_3 ._sheet_3y674_29,._printFormContainer_3y674_3 ._sheet2_3y674_31{background:white!important;height:273mm!important;width:199mm!important;margin:0 auto!important;box-sizing:border-box!important;page-break-after:always!important;page-break-inside:avoid!important}._printFormContainer_3y674_3 ._sheet2_3y674_31:last-child{border:none!important;height:auto!important;width:199mm!important;margin:0 auto!important;page-break-after:auto!important}}.vendor-candidate-list{margin:0;padding:0;height:calc(100vh - 50px);max-height:calc(100vh - 50px);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.vendor-loading-state{text-align:center;padding:60px 20px}.vendor-loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--color-primary, #667eea);border-radius:50%;animation:vendor-spin 1s linear infinite;margin:0 auto 16px}@keyframes vendor-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vendor-error-state,.vendor-access-denied{text-align:center;padding:60px 20px}.vendor-retry-btn{padding:10px 20px;background:var(--color-primary, #667eea);color:#fff;border:none;border-radius:6px;cursor:pointer;margin-top:16px}.vendor-empty-state{text-align:center;padding:0}.vendor-empty-content{padding:60px 20px;color:#666}.vendor-empty-content svg{color:#ccc;margin-bottom:16px}.vendor-empty-content h3{margin:0 0 8px;color:#333}.vendor-empty-content p{margin:0 0 20px}.vendor-add-candidate-link{display:inline-block;padding:10px 20px;background:var(--color-primary, #667eea);color:#fff;text-decoration:none;border-radius:6px;font-weight:500;transition:background .2s}.vendor-add-candidate-link:hover{background:#5a6fd8}.vendor-page-header{flex-shrink:0;background:white;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.vendor-header-content{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.vendor-header-left{display:flex;align-items:center;gap:12px;color:#2c3e50}.vendor-header-left svg{flex-shrink:0}.vendor-header-left h1{margin:0;color:#2c3e50;font-size:24px;font-weight:600;flex-shrink:0}.vendor-header-right{display:flex;align-items:center;gap:16px;flex-shrink:0}.vendor-header-search-form{margin:0}.vendor-header-search-input-group{display:flex;align-items:center;gap:6px;background:#f8f9fa;border-radius:8px;padding:4px;border:1px solid #dee2e6}.vendor-header-search-input-group svg{color:#6c757d;margin-left:8px;flex-shrink:0}.vendor-header-search-input{flex:1;min-width:250px;padding:8px 12px;border:none;border-radius:4px;font-size:14px;background:white;color:#333}.vendor-header-search-input::-moz-placeholder{color:#999}.vendor-header-search-input::placeholder{color:#999}.vendor-header-search-input:focus{outline:none;box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 102, 126, 234),.2)}.vendor-header-search-btn{padding:8px 14px;background:var(--color-primary, #667eea);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s;white-space:nowrap}.vendor-header-search-btn:hover{background:#5568d3}.vendor-filters-section{background:white}.vendor-filter-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.vendor-filter-select,.vendor-date-input{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;min-width:140px}.vendor-clear-filters-btn{display:flex;align-items:center;gap:4px;padding:8px 12px;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;color:#666;transition:background .2s}.vendor-clear-filters-btn:hover{background:#e9e9e9}.vendor-column-selector-container{position:relative;display:inline-block}.vendor-column-selector-btn{background:linear-gradient(135deg,#6c5ce7,#5b4cdb);color:#fff;border:none;padding:8px 45px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:center;box-shadow:0 2px 8px #6c5ce74d;white-space:nowrap}.vendor-column-selector-btn:hover{background:linear-gradient(135deg,#5a4fcf,#4834d4);box-shadow:0 4px 12px #6c5ce766;transform:translateY(-1px)}.vendor-column-selector-dropdown{position:absolute;top:calc(100% + 5px);right:0;background:white;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 8px 25px #00000026;z-index:1000;min-width:250px;max-height:400px;overflow-y:auto}.vendor-column-selector-header{padding:15px 20px;background:#f8f9fa;border-bottom:1px solid #e1e5e9;border-radius:8px 8px 0 0}.vendor-column-selector-header h4{margin:0;color:#2c3e50;font-size:14px;font-weight:600}.vendor-column-selector-content{padding:10px 0;max-height:300px;overflow-y:auto}.vendor-column-selector-item{display:flex;align-items:center;padding:8px 20px;cursor:pointer;transition:background-color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vendor-column-selector-item:hover{background:#f8f9fa}.vendor-column-selector-item input[type=checkbox]{margin-right:10px;cursor:pointer}.vendor-column-selector-item input[type=checkbox]:disabled{cursor:not-allowed}.vendor-column-selector-item span{font-size:14px;color:#2c3e50}.vendor-column-selector-item .vendor-required-column{color:#7f8c8d;font-style:italic}.vendor-column-selector-item input[type=checkbox]:disabled+.vendor-required-column{opacity:.7}.vendor-th-cell{position:relative;padding:8px 4px;overflow:visible}.vendor-table-header-content{display:flex;align-items:center;justify-content:center;gap:4px}.vendor-header-text{font-weight:600;font-size:14px}.vendor-filter-btn{background:none;border:none;cursor:pointer;padding:2px;border-radius:3px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:all .2s ease}.vendor-filter-btn:hover{opacity:1;background-color:#f0f0f0}.vendor-filter-menu{position:fixed;top:100%;left:0;background:white;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:9999!important;min-width:250px;max-width:300px;max-width:calc(100vw - 20px);text-align:left}.vendor-filter-header{padding:12px;border-bottom:1px solid #eee}.vendor-filter-search{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.vendor-filter-search:focus{outline:none;border-color:#007bff}.vendor-filter-actions{padding:8px 12px;display:flex;justify-content:space-between;border-bottom:1px solid #eee}.vendor-filter-select-all,.vendor-filter-clear{background:none;border:none;cursor:pointer;font-size:12px;color:#007bff;padding:4px 8px;border-radius:3px;transition:all .2s ease}.vendor-filter-select-all:hover,.vendor-filter-clear:hover{background-color:#f8f9fa}.vendor-filter-list{max-height:200px;overflow-y:auto;padding:4px 0}.vendor-filter-item{display:flex;align-items:center;padding:6px 12px;cursor:pointer;transition:background-color .2s ease}.vendor-filter-item:hover{background-color:#f8f9fa}.vendor-filter-item input[type=checkbox]{margin-right:8px;cursor:pointer}.vendor-filter-text{flex:1;font-size:14px;margin-right:8px;color:#000}.vendor-filter-count{font-size:12px;color:#666;font-weight:500}.vendor-filter-empty{padding:16px 12px;text-align:center;color:#666;font-size:14px}.vendor-filter-footer{padding:8px 12px;border-top:1px solid #eee}.vendor-filter-apply{width:100%;background-color:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s ease}.vendor-filter-apply:hover{background-color:#0056b3}.vendor-filter-apply:disabled{background-color:#ccc;cursor:not-allowed}.vendor-filter-list::-webkit-scrollbar{width:6px}.vendor-filter-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.vendor-filter-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.vendor-filter-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 768px){.vendor-filter-menu{left:auto;right:0;min-width:200px;max-width:calc(100vw - 20px)}}.vendor-candidates-table-container{background:white;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;position:relative;flex:1;display:flex;flex-direction:column;overflow-x:auto;overflow-y:visible}.vendor-table-wrapper{overflow-x:auto;overflow-y:auto;position:relative;flex:1;min-height:0}.vendor-candidates-table{width:100%;border-collapse:collapse;position:relative;min-width:100%}.vendor-candidates-table thead{position:sticky;top:0;z-index:10}.vendor-candidates-table thead th{position:relative;white-space:nowrap}.vendor-candidates-table th{background:#6c757d;padding:12px;text-align:center;font-weight:600;color:#fff;position:relative;border-bottom:2px solid #5568d3;border-right:1px solid rgba(255,255,255,.2);font-size:14px;white-space:normal;min-width:100px;max-width:500px}.vendor-candidates-table th:last-child{border-right:none}.vendor-candidates-table td{padding:2px 12px;border-bottom:1px solid #e9ecef;border-right:1px solid #e9ecef;font-size:14px;vertical-align:middle;white-space:normal;min-width:100px;max-width:500px;word-wrap:break-word}.vendor-candidates-table td:last-child{border-right:none}.vendor-candidates-table tr:hover{background:#f8f9fa}.vendor-sortable-th{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .2s}.vendor-sortable-th:hover{background:#5568d3!important}.vendor-sort-icon{margin-left:4px;opacity:.5}.vendor-sortable-th:hover .vendor-sort-icon{opacity:1}.vendor-avatar-cell{display:flex;justify-content:center;align-items:center}.vendor-candidate-avatar{width:45px;height:60px;border-radius:6px;-o-object-fit:cover;object-fit:cover;border:1px solid #ddd}.vendor-avatar-placeholder{width:45px;height:60px;border-radius:6px;background:var(--color-primary, #667eea);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;text-transform:uppercase}.vendor-candidates-table .vendor-name-cell{font-weight:500;color:#333;min-width:180px;white-space:nowrap!important}.vendor-name-with-avatar{display:flex;align-items:center;gap:12px}.vendor-name-with-avatar .vendor-avatar-cell{flex-shrink:0}.vendor-candidate-name{font-weight:500;color:#333;flex:1}.vendor-candidates-table .vendor-address-cell,.vendor-candidates-table .vendor-notes-cell{min-width:300px;max-width:500px;white-space:normal}.vendor-cccd-cell{font-family:monospace;font-size:13px}.vendor-cccd-cell-content{display:flex;align-items:center;gap:8px}.vendor-cccd-images{display:flex;flex-direction:column;gap:4px}.vendor-cccd-thumb{width:40px;height:25px;-o-object-fit:cover;object-fit:cover;border-radius:4px;border:1px solid #dee2e6;cursor:pointer;transition:transform .2s}.vendor-cccd-thumb:hover{transform:scale(1.1);border-color:#0d6efd}.vendor-employee-id-cell{font-family:monospace;font-size:13px;font-weight:600;color:#555;text-align:center;min-width:80px;max-width:100px}.vendor-contract-type-cell{text-align:center;min-width:90px}.vendor-contract-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;display:inline-block;white-space:nowrap}.vendor-contract-seasonal{background:#e3f2fd;color:#1565c0;border:1px solid #90caf9}.vendor-contract-intern{background:#f3e5f5;color:#6a1b9a;border:1px solid #ce93d8}.vendor-work-status-cell{text-align:center;min-width:100px}.vendor-work-status-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;display:inline-block;white-space:nowrap}.vendor-work-status-working{background:#d4edda;color:#155724;border:1px solid #a3d977}.vendor-work-status-resigned{background:#f8d7da;color:#721c24;border:1px solid #f1969c}.vendor-work-status-temporary{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.vendor-work-status-applying{background:#e2e3e5;color:#383d41;border:1px solid #c6c8ca}.vendor-work-status-unknown{background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6}.vendor-referrer-cell{font-weight:500;color:#333;text-align:center;min-width:100px}.vendor-gender-cell{text-align:center}.vendor-attendance-present{color:#28a745;font-weight:500}.vendor-attendance-present small{display:block;font-size:11px;color:#666;margin-top:2px}.vendor-attendance-absent{color:#6c757d}.vendor-action-cell{text-align:center;vertical-align:middle;padding:8px!important}.vendor-action-buttons{display:flex;gap:8px;justify-content:center;align-items:center}.vendor-nha-thoi-vu-cell{max-width:100px;text-align:center}.vendor-nha-thoi-vu-info{display:flex;justify-content:center;align-items:center;cursor:help;position:relative}.vendor-nha-thoi-vu-code{font-weight:600;color:#2980b9;font-size:13px;padding:4px 8px;background:rgba(41,128,185,.1);border-radius:4px;border:1px solid rgba(41,128,185,.2);transition:all .2s ease}.vendor-nha-thoi-vu-info:hover .vendor-nha-thoi-vu-code{background:rgba(41,128,185,.15);border-color:#2980b94d;transform:scale(1.05)}.vendor-nha-thoi-vu-name{font-weight:500;color:#2c3e50}.vendor-status-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase;display:inline-block}.vendor-status-pending{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.vendor-status-approved{background:#d4edda;color:#155724;border:1px solid #a3d977}.vendor-status-rejected{background:#f8d7da;color:#721c24;border:1px solid #f1969c}.vendor-lightbox-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:9999;cursor:pointer}.vendor-lightbox-content{position:relative;max-width:90vw;max-height:90vh}.vendor-lightbox-image{max-width:100%;max-height:90vh;-o-object-fit:contain;object-fit:contain;border-radius:4px;box-shadow:0 4px 12px #00000080;cursor:default}.vendor-lightbox-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:30px;cursor:pointer;padding:5px;line-height:1;transition:color .2s}.vendor-lightbox-close:hover{color:#ff4d4f}.vendor-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .2s ease-out}.vendor-modal-content{background:white;border-radius:8px;min-width:400px;max-width:500px;box-shadow:0 4px 20px #0003;animation:scaleIn .2s ease-out}.vendor-modal-header{padding:16px 20px;border-bottom:1px solid #e0e0e0}.vendor-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#2c3e50}.vendor-modal-body{padding:20px}.vendor-modal-body p{margin:0;font-size:14px;line-height:1.6;color:#555}.vendor-modal-footer{padding:16px 20px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:12px}.notification{position:fixed;top:80px;right:20px;min-width:300px;max-width:400px;padding:16px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:10000;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.notification-content{display:flex;flex-direction:column;gap:4px}.notification-content strong{font-size:16px;font-weight:600;margin-bottom:4px}.notification-content p{margin:0;font-size:14px;line-height:1.4}.vendor-candidate-list .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;box-sizing:border-box}.vendor-candidate-list .modal-content{background:white;border-radius:12px;padding:0;box-shadow:0 4px 20px #00000026;position:relative;max-width:90vw;max-height:90vh;overflow:hidden}.vendor-candidate-list .vendor-candidate-info-modal{max-width:700px;max-height:100vh;width:95%;display:flex;flex-direction:column;overflow:hidden}.vendor-candidate-list .modal-header-fixed{padding:20px 25px;border-bottom:2px solid #e9ecef;background:linear-gradient(135deg,#007bff 0%,#0056b3 100%);color:#fff;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.vendor-candidate-list .modal-header-fixed h3{margin:0;font-size:20px;font-weight:600}.vendor-candidate-list .modal-header-actions{display:flex;gap:10px;align-items:center}.vendor-candidate-list .print-form-header-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:white;color:#007bff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.vendor-candidate-list .print-form-header-btn:hover{background:#f8f9fa;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.vendor-candidate-list .modal-close-btn{background:rgba(255,255,255,.2);color:#fff;border:none;font-size:28px;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1;padding:0}.vendor-candidate-list .modal-close-btn:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}.vendor-candidate-list .modal-container-scrollable{flex:1;overflow-y:auto;padding:25px;background:#f8f9fa}.vendor-candidate-list .info-frame-1{margin-bottom:10px;padding:25px;background:linear-gradient(135deg,#f8fbff 0%,#e8f4fd 100%);border-radius:12px;border:2px solid #e3f2fd;box-shadow:0 2px 8px #007bff1a}.vendor-candidate-list .desktop-layout{display:grid;grid-template-columns:140px 1fr;gap:20px}.vendor-candidate-list .mobile-layout{display:none}.vendor-candidate-list .avatar-col{display:flex;justify-content:center;align-items:center}.vendor-candidate-list .basic-info-col{display:flex;flex-direction:column;gap:10px}.vendor-candidate-list .info-line{display:flex;justify-content:space-between;align-items:flex-start;min-height:32px;flex-wrap:wrap;gap:10px;max-width:100%;overflow:hidden}.vendor-candidate-list .name-text{font-size:22px;font-weight:600;color:#2c3e50;flex:1;max-width:60%;word-wrap:break-word;overflow-wrap:break-word}.vendor-candidate-list .contract-badge{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500}.vendor-candidate-list .contract-seasonal{background:#d1ecf1;color:#0c5460}.vendor-candidate-list .contract-intern{background:#fff3cd;color:#856404}.vendor-candidate-list .status-badge{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;min-width:100px;text-align:center}.vendor-candidate-list .status-approved{background:#d4edda;color:#155724}.vendor-candidate-list .status-pending{background:#fff3cd;color:#856404}.vendor-candidate-list .status-rejected{background:#f8d7da;color:#721c24}.vendor-candidate-list .register-time{font-size:13px;color:#6c757d;font-style:italic}.vendor-candidate-list .avatar-container{position:relative;display:inline-block}.vendor-candidate-list .large-avatar{width:140px;height:140px;border-radius:12px;-o-object-fit:cover;object-fit:cover;border:3px solid white;box-shadow:0 4px 12px #00000026;cursor:pointer;transition:transform .2s ease}.vendor-candidate-list .large-avatar:hover{transform:scale(1.05)}.vendor-candidate-list .no-large-avatar{width:140px;height:140px;border-radius:12px;background:#e9ecef;display:flex;align-items:center;justify-content:center;color:#6c757d;font-size:14px;border:3px solid white;box-shadow:0 4px 12px #00000026}.vendor-candidate-list .info-frame-cccd{margin-bottom:20px;padding:20px;background:white;border-radius:8px;border:1px solid #e9ecef}.vendor-candidate-list .cccd-images-row{display:flex;gap:20px;justify-content:center}.vendor-candidate-list .cccd-image-item{text-align:center}.vendor-candidate-list .cccd-image-item label{display:block;margin-bottom:8px;font-weight:600;color:#495057;font-size:14px}.vendor-candidate-list .cccd-image-container{position:relative;display:inline-block}.vendor-candidate-list .cccd-image-container img{max-width:200px;max-height:120px;-o-object-fit:cover;object-fit:cover;border-radius:6px;cursor:pointer;transition:transform .2s ease}.vendor-candidate-list .cccd-image-container img:hover{transform:scale(1.02)}.vendor-candidate-list .no-cccd-image{width:165px;height:120px;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#6c757d;font-style:italic;text-align:center;padding:10px}.vendor-candidate-list .no-cccd-image span{font-size:12px;line-height:1.4}.vendor-candidate-list .info-frame-2{margin-bottom:20px;padding:20px;border-radius:8px;border:1px solid #e9ecef;background:white}.vendor-candidate-list .detail-row{display:flex;gap:20px;margin-bottom:15px;flex-wrap:nowrap}.vendor-candidate-list .detail-group{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.vendor-candidate-list .detail-group.full-width{flex:100%;min-width:100%}.vendor-candidate-list .detail-group label{font-weight:600;color:#495057;font-size:14px}.vendor-candidate-list .detail-group span{color:#2c3e50;font-size:15px;padding:8px 12px;background:#f8f9fa;border-radius:4px;border:1px solid #e9ecef;min-height:38px;display:flex;align-items:center}.vendor-candidate-list .edit-input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s;min-height:38px}.vendor-candidate-list .edit-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.vendor-candidate-list .modal-footer-fixed{padding:20px 25px;border-top:2px solid #e9ecef;background:white;display:flex;justify-content:flex-end;align-items:center;flex-shrink:0}.vendor-candidate-list .footer-actions{display:flex;gap:10px}.vendor-candidate-list .close-btn-footer{padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.vendor-candidate-list .close-btn-footer:hover{background:#5a6268;transform:translateY(-1px);box-shadow:0 2px 8px #6c757d4d}@media (max-width: 768px){.vendor-candidate-list .vendor-candidate-info-modal{max-width:100%;width:100%;max-height:100vh}.vendor-candidate-list .modal-container-scrollable{padding:15px}.vendor-candidate-list .desktop-layout{display:none!important}.vendor-candidate-list .mobile-layout{display:block!important}.vendor-candidate-list .mobile-row-1,.vendor-candidate-list .mobile-row-2,.vendor-candidate-list .mobile-row-3,.vendor-candidate-list .mobile-row-4,.vendor-candidate-list .mobile-row-5{margin-bottom:10px}.vendor-candidate-list .mobile-row-1{display:flex;justify-content:space-between;align-items:center}.vendor-candidate-list .mobile-row-2{display:flex;justify-content:center}.vendor-candidate-list .mobile-row-3,.vendor-candidate-list .mobile-row-4{text-align:center}.vendor-candidate-list .mobile-row-5{text-align:right}.vendor-candidate-list .detail-row{flex-direction:column;gap:15px}.vendor-candidate-list .cccd-images-row{flex-direction:column;align-items:center}.vendor-candidate-list .print-btn-text{display:none}}.vendor-candidate-list .fullscreen-image-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px}.vendor-candidate-list .fullscreen-image-container{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.vendor-candidate-list .fullscreen-image{max-width:100%;max-height:85vh;-o-object-fit:contain;object-fit:contain;border-radius:8px}.vendor-candidate-list .fullscreen-image-title{color:#fff;margin-bottom:15px;font-size:18px;font-weight:500}.vendor-candidate-list .fullscreen-close-btn{position:absolute;top:-40px;right:0;background:white;color:#333;border:none;font-size:24px;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.vendor-candidate-list .fullscreen-close-btn:hover{background:#f8f9fa;transform:rotate(90deg)}.vendor-pagination{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#fff;border-top:1px solid #e1e5e9;border-radius:0 0 12px 12px;flex-wrap:wrap;gap:15px;flex-shrink:0}.vendor-pagination-left,.vendor-pagination-right{display:flex;align-items:center}.vendor-items-per-page{display:flex;align-items:center;gap:10px;color:#64748b;font-size:14px}.vendor-items-per-page-select{padding:6px 12px;border:1px solid #e2e8f0;border-radius:6px;background-color:#fff;color:#1e293b;font-size:14px;cursor:pointer;transition:all .2s ease;outline:none}.vendor-items-per-page-select:hover{border-color:#cbd5e1}.vendor-items-per-page-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.vendor-pagination-center{display:flex;align-items:center;gap:15px}.vendor-pagination-btn{padding:8px 16px;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.vendor-pagination-btn:hover:not(:disabled){background-color:#f8fafc;color:#3b82f6;border-color:#cbd5e1}.vendor-pagination-btn:disabled{opacity:.5;cursor:not-allowed;background-color:#f1f5f9}.vendor-page-info{font-size:14px;color:#475569;font-weight:500}.vendor-total-records{font-size:14px;color:#64748b;font-weight:500}.vendor-pagination-info{font-size:14px;color:#666;font-weight:500}.vendor-print-btn,.vendor-delete-btn{padding:6px 10px;border:none;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:14px}.vendor-print-btn{background-color:#007bff;color:#fff}.vendor-print-btn:hover{background-color:#0056b3;transform:translateY(-1px);box-shadow:0 2px 4px #007bff4d}.vendor-delete-btn{background-color:#dc3545;color:#fff}.vendor-delete-btn:hover{background-color:#c82333;transform:translateY(-1px);box-shadow:0 2px 4px #dc35454d}.vendor-print-btn:active,.vendor-delete-btn:active{transform:translateY(0)}.vendor-modal-btn{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.vendor-modal-btn-cancel{background-color:#6c757d;color:#fff}.vendor-modal-btn-cancel:hover{background-color:#5a6268}.vendor-modal-btn-confirm{background-color:#dc3545;color:#fff}.vendor-modal-btn-confirm:hover{background-color:#c82333}.vendor-modal-btn:active{transform:translateY(1px)}.vendor-export-excel-btn{background-color:#10b981;border:1px solid #10b981;padding:8px 14px;border-radius:6px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s cubic-bezier(.4,0,.2,1);color:#fff;font-weight:500;box-shadow:0 1px 2px #0000000d;white-space:nowrap}.vendor-export-excel-btn:hover{background-color:#059669;border-color:#059669;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.vendor-export-excel-btn:active{transform:translateY(0)}@media (min-width: 769px){.vendor-th-cell:nth-last-child(-n+4) .vendor-filter-menu{left:auto;right:0;transform:translate(10px)}.vendor-th-cell:last-child .vendor-filter-menu{left:auto;right:0;transform:translate(20px)}.vendor-th-cell:nth-last-child(2) .vendor-filter-menu{left:auto;right:0;transform:translate(15px)}.vendor-th-cell:nth-last-child(3) .vendor-filter-menu{left:auto;right:0;transform:translate(5px)}}@media (max-width: 768px){.vendor-page-header{padding:20px}.vendor-header-content{flex-direction:column;align-items:stretch;gap:16px}.vendor-header-left{justify-content:center;text-align:center}.vendor-header-left h1{font-size:1.25rem}.vendor-header-right{align-self:center}.vendor-header-search-input-group{background:rgba(255,255,255,.2)}.vendor-header-search-input{min-width:unset;flex:1}.vendor-filter-controls{display:flex;flex-wrap:wrap;gap:12px}.vendor-filter-controls .vendor-filter-select{display:none}.vendor-filter-controls .vendor-header-search-form{order:1;flex-basis:100%;width:100%}.vendor-filter-controls .vendor-date-input:nth-of-type(1){order:2;flex:1 1 45%;min-width:120px}.vendor-filter-controls .vendor-date-input:nth-of-type(2){order:2;flex:1 1 45%;min-width:120px}.vendor-filter-controls .vendor-column-selector-container,.vendor-filter-controls .vendor-export-excel-btn,.vendor-filter-controls .vendor-clear-filters-btn{order:3;flex:1 1 30%;min-width:90px}.vendor-candidates-table-container{overflow-x:auto}.vendor-candidates-table{min-width:800px}.vendor-candidates-table th,.vendor-candidates-table td{padding:8px 6px;font-size:13px}.vendor-column-selector-dropdown{position:fixed!important;top:50%!important;left:50%!important;right:auto!important;transform:translate(-50%,-50%)!important;max-width:90vw;max-height:80vh}.vendor-filter-menu{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:90%;max-width:320px;max-height:70vh;overflow:hidden;display:flex;flex-direction:column;right:auto!important}.vendor-filter-list{flex:1;overflow-y:auto}.vendor-filter-btn{padding:4px}.vendor-header-text{font-size:12px}.vendor-pagination{flex-direction:column;gap:2px}.vendor-pagination-left,.vendor-pagination-center,.vendor-pagination-right{width:100%;justify-content:center}}@media (max-width: 1024px) and (min-width: 769px){.vendor-header-search-input{min-width:200px}.vendor-header-left h1{font-size:1.35rem}}@media (max-width: 480px){.vendor-nha-thoi-vu-cell{display:none}.vendor-empty-state{font-size:12px}}.clv2-header-wrapper{display:flex;flex-direction:column;gap:10px;padding:12px 16px;background:var(--bg-surface, #fff);border-bottom:1px solid var(--border-color, #e5e7eb)}.clv2-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.clv2-header-title{font-size:24px;font-weight:600;color:var(--text-primary, #2c3e50);margin:0;line-height:1.3;text-align:center;flex:1}.clv2-header-page-tabs{display:flex;gap:0;align-items:center;background:#f1f3f5;padding:4px;border-radius:8px;box-shadow:inset 0 1px 3px #0000001a}.clv2-header-tab{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 30px;background:transparent;color:#495057;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.clv2-header-tab svg{flex-shrink:0;transition:transform .25s ease}.clv2-header-tab:hover:not(:disabled){color:var(--color-primary, var(--color-primary, var(--color-primary, #667eea)))}.clv2-header-tab:hover:not(:disabled) svg{transform:scale(1.1)}.clv2-header-tab:active:not(:disabled){transform:scale(.98)}.clv2-header-tab--active{background:white;color:var(--color-primary, #667eea);font-weight:600;cursor:default;border:1.5px solid rgba(var(--color-primary-rgb, 102, 126, 234),.35);box-shadow:0 2px 12px rgba(var(--color-primary-rgb, 102, 126, 234),.18)}.clv2-header-tab--active svg{color:var(--color-primary, var(--color-primary, var(--color-primary, #667eea)))}.clv2-header-controls{width:100%}@media (max-width: 600px){.clv2-header-row{flex-direction:column;align-items:flex-start;gap:8px}.clv2-header-title{font-size:18px;width:100%;text-align:center}.clv2-header-page-tabs{width:100%;justify-content:stretch}.clv2-header-tab{flex:1;padding:8px 12px;justify-content:center}}[data-theme=dark] .clv2-header-wrapper{background:var(--bg-surface, #1c1f26);border-bottom-color:var(--border-divider, #2d3140)}[data-theme=dark] .clv2-header-title{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .clv2-header-page-tabs{background:var(--bg-input, #252830);box-shadow:inset 0 1px 3px #0000004d}[data-theme=dark] .clv2-header-tab{color:var(--text-secondary, #8a93a8);opacity:.65}[data-theme=dark] .clv2-header-tab--active{background:var(--bg-surface, #1c1f26);opacity:1;border:1.5px solid rgba(var(--color-primary-rgb, 102, 126, 234),.5);box-shadow:0 0 0 1px rgba(var(--color-primary-rgb, 102, 126, 234),.15),0 2px 8px #0006}.cpn-searchbar-container{position:relative;flex:1;display:flex;align-items:center}.cpn-searchbar-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none;z-index:1}.cpn-searchbar-icon--list{color:#3b82f6}.cpn-searchbar-input{width:100%;height:38px;padding:0 40px 0 44px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;box-sizing:border-box;transition:all .2s ease}.cpn-searchbar-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.cpn-searchbar-tags-area{display:flex;align-items:center;flex-wrap:nowrap;gap:4px;width:100%;min-height:38px;padding:3px 40px 3px 44px;border:1.5px solid #3b82f6;border-radius:6px;box-sizing:border-box;background:#eff6ff;cursor:text;overflow:hidden;box-shadow:0 0 0 3px #3b82f614;transition:all .2s ease}.cpn-searchbar-tags-area:hover{border-color:#2563eb}.cpn-searchbar-list-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:999px;background:#3b82f6;color:#fff;font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0}.cpn-searchbar-code-tag{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:4px;background:#dbeafe;color:#1d4ed8;font-size:11px;font-weight:500;white-space:nowrap;border:1px solid #93c5fd;flex-shrink:0}.cpn-searchbar-code-tag-remove{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border:none;background:transparent;cursor:pointer;color:#3b82f6;padding:0;border-radius:50%;transition:background .15s ease}.cpn-searchbar-code-tag-remove:hover{background:#93c5fd;color:#1d4ed8}.cpn-searchbar-code-tag--more{color:#6b7280;background:#f3f4f6;border-color:#d1d5db;font-style:italic}.cpn-searchbar-input--hidden{width:1px;min-width:1px;border:none;outline:none;background:transparent;padding:0;flex-shrink:0;font-size:0;color:transparent;caret-color:transparent}.cpn-searchbar-clear-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#ef4444;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease;z-index:1}.cpn-searchbar-clear-btn:hover{background:#dc2626}@media (max-width: 768px){.cpn-searchbar-container{max-width:100%}}[data-theme=dark] .cpn-searchbar-input{background:var(--bg-input, #252830);border-color:var(--border-input, #3a3f4f);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .cpn-searchbar-input::-moz-placeholder{color:var(--text-label, #6b7280)}[data-theme=dark] .cpn-searchbar-input::placeholder{color:var(--text-label, #6b7280)}[data-theme=dark] .cpn-searchbar-input:focus{border-color:var(--color-primary, #667eea);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 102, 126, 234),.15)}[data-theme=dark] .cpn-searchbar-icon{color:var(--text-label, #6b7280)}[data-theme=dark] .cpn-searchbar-icon--list{color:#60a5fa}[data-theme=dark] .cpn-searchbar-tags-area{background:#1e3a5f;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}[data-theme=dark] .cpn-searchbar-list-badge{background:#3b82f6}[data-theme=dark] .cpn-searchbar-code-tag{background:#1e3a5f;color:#93c5fd;border-color:#2563eb}[data-theme=dark] .cpn-searchbar-code-tag-remove{color:#60a5fa}[data-theme=dark] .cpn-searchbar-code-tag-remove:hover{background:#2563eb;color:#fff}[data-theme=dark] .cpn-searchbar-code-tag--more{color:var(--text-label, #6b7280);background:#2a2f3e;border-color:#3a3f4f}.clv2-date-wrapper{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.clv2-date-range{display:flex;align-items:center;gap:6px;background:var(--bg-input, #fff);border:1px solid var(--border-input, #d1d5db);border-radius:6px;padding:0 8px;height:38px;box-sizing:border-box}.clv2-date-icon{color:var(--text-muted, #6b7280);flex-shrink:0}.clv2-date-input{border:none;outline:none;background:transparent;font-size:13px;color:var(--text-primary, #1f2937);cursor:pointer}.clv2-date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}.clv2-date-sep{color:var(--text-muted, #9ca3af);font-size:12px}.clv2-date-today-btn{height:38px;padding:0 12px;background:var(--color-primary, #3b82f6);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap;box-sizing:border-box}.clv2-date-today-btn:hover{background:var(--color-primary-hover, #2563eb)}.clv2-date-mobile-trigger{display:none;align-items:center;gap:6px;height:38px;padding:0 12px;background:var(--bg-input, #fff);border:1px solid var(--border-input, #d1d5db);border-radius:6px;font-size:13px;color:var(--text-primary, #1f2937);cursor:pointer;box-sizing:border-box}@media (max-width: 768px){.clv2-date-wrapper{display:none}.clv2-date-mobile-trigger{display:flex}}.clv2-date-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);z-index:1000;display:flex;align-items:flex-end;justify-content:center}.clv2-date-modal{background:var(--bg-surface, #fff);border-radius:12px 12px 0 0;width:100%;max-width:480px;padding-bottom:env(safe-area-inset-bottom,16px)}.clv2-date-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 12px;border-bottom:1px solid var(--border-color, #e5e7eb);font-weight:600;font-size:15px}.clv2-date-modal-close{background:none;border:none;cursor:pointer;color:var(--text-muted, #6b7280);padding:4px;border-radius:4px}.clv2-date-modal-body{padding:16px 20px;display:flex;flex-direction:column;gap:8px}.clv2-date-modal-label{font-size:13px;font-weight:500;color:var(--text-secondary, #4b5563)}.clv2-date-input--full{width:100%;padding:8px 10px;border:1px solid var(--border-input, #d1d5db);border-radius:6px;font-size:14px}.clv2-date-today-btn--full{width:100%;padding:10px;margin-top:8px;font-size:14px}.clv2-ctrl-bar{width:100%}.clv2-ctrl-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.clv2-ctrl-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.clv2-ctrl-search-wrapper{flex:1;min-width:160px}.clv2-ctrl-right{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:auto}.clv2-ctrl-btn{display:flex;align-items:center;gap:6px;height:38px;padding:0 12px;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:13px;font-weight:500;cursor:pointer;color:#495057;transition:all .2s;white-space:nowrap;flex-shrink:0;box-sizing:border-box}.clv2-ctrl-btn:hover:not(:disabled){background:#f8f9fa;border-color:#adb5bd}.clv2-ctrl-btn:disabled{opacity:.6;cursor:not-allowed}.clv2-ctrl-btn--add{background:#28a745;color:#fff;border-color:#28a745;padding:0 16px;font-size:14px;flex-shrink:0}.clv2-ctrl-btn--add:hover:not(:disabled){background:#218838;border-color:#218838}.clv2-ctrl-btn--icon{padding:0 12px}.clv2-ctrl-btn--loading{opacity:.7}.clv2-ctrl-btn--clear-filter{background:#dc3545;color:#fff;border-color:#dc3545}.clv2-ctrl-btn--clear-filter:hover:not(:disabled){background:#c82333;border-color:#c82333}.clv2-ctrl-col-selector-wrap{position:relative;flex-shrink:0}@keyframes clv2-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.clv2-ctrl-spin{animation:clv2-spin 1s linear infinite}@media (max-width: 768px){.clv2-ctrl-row{flex-direction:row;align-items:center;flex-wrap:nowrap;gap:6px}.clv2-ctrl-left{flex:1;min-width:0;gap:6px}.clv2-ctrl-right{margin-left:0;flex-shrink:0;gap:6px;flex-wrap:nowrap}.clv2-ctrl-btn--add .clv2-ctrl-add-label{display:none}.clv2-ctrl-btn--add{min-width:38px;max-width:38px;height:38px;padding:0;justify-content:center}.clv2-ctrl-refresh-label{display:none}.clv2-ctrl-btn--icon{min-width:38px;max-width:38px;height:38px;padding:0;justify-content:center}.clv2-ctrl-btn--clear-filter .clv2-ctrl-clear-label{display:none}.clv2-ctrl-btn--clear-filter{min-width:38px;max-width:38px;height:38px;padding:0;justify-content:center}.clv2-ctrl-col-selector-wrap--desktop-only{display:none}.clv2-date-wrapper,.clv2-date-mobile-trigger{display:none!important}}.clv2-ctrl-btn--mobile-filter{display:none;min-width:38px;max-width:38px;height:38px;padding:0;justify-content:center}.clv2-ctrl-btn--filter-active{background:rgba(var(--color-primary-rgb, 102, 126, 234),.09);border-color:var(--color-primary, var(--color-primary, var(--color-primary, #667eea)));color:var(--color-primary, var(--color-primary, var(--color-primary, #667eea)))}@media (max-width: 768px){.clv2-ctrl-btn--mobile-filter{display:flex}}.clv2-ctrl-mobile-filter-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);z-index:1100;display:flex;align-items:flex-end;justify-content:center}.clv2-ctrl-mobile-filter-sheet{background:#fff;border-radius:16px 16px 0 0;width:100%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,16px)}.clv2-ctrl-mobile-filter-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 12px;border-bottom:1px solid #e5e7eb;font-weight:600;font-size:15px;flex-shrink:0}.clv2-ctrl-mobile-filter-close{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px}.clv2-ctrl-mobile-filter-body{overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:20px}.clv2-ctrl-mobile-filter-section{display:flex;flex-direction:column;gap:10px}.clv2-ctrl-mobile-filter-section-title{font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0}.clv2-ctrl-mobile-filter-date-row{display:flex;align-items:center;gap:10px}.clv2-ctrl-mobile-filter-label{font-size:13px;font-weight:500;color:#374151;width:70px;flex-shrink:0}.clv2-ctrl-mobile-filter-date-input{flex:1;padding:8px 10px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none}.clv2-ctrl-mobile-filter-date-input:focus{border-color:var(--color-primary, var(--color-primary, var(--color-primary, #667eea)))}.clv2-ctrl-mobile-filter-today-btn{width:100%;padding:10px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer}.clv2-ctrl-mobile-filter-today-btn:hover{background:#2563eb}.clv2-ctrl-mobile-filter-sort-options{display:flex;flex-direction:column;gap:6px}.clv2-ctrl-mobile-filter-sort-btn{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border:1.5px solid #e5e7eb;border-radius:10px;background:#f9fafb;font-size:14px;color:#374151;cursor:pointer;transition:all .18s;text-align:left}.clv2-ctrl-mobile-filter-sort-btn:before{content:"";width:18px;height:18px;border-radius:50%;border:2px solid #d1d5db;flex-shrink:0;transition:all .18s}.clv2-ctrl-mobile-filter-sort-btn:hover{border-color:var(--color-primary, var(--color-primary, var(--color-primary, #667eea)));background:rgba(var(--color-primary-rgb, 102, 126, 234),.07);color:var(--color-primary, var(--color-primary, var(--color-primary, #667eea)))}.clv2-ctrl-mobile-filter-sort-btn:hover:before{border-color:var(--color-primary, var(--color-primary, var(--color-primary, #667eea)))}.clv2-ctrl-mobile-filter-sort-btn--active{background:rgba(var(--color-primary-rgb, 102, 126, 234),.09);border-color:var(--color-primary, var(--color-primary, var(--color-primary, #667eea)));color:var(--color-primary, var(--color-primary, var(--color-primary, #667eea)));font-weight:600}.clv2-ctrl-mobile-filter-sort-btn--active:before{border-color:var(--color-primary, var(--color-primary, var(--color-primary, #667eea)));background:var(--color-primary, var(--color-primary, var(--color-primary, #667eea)));box-shadow:inset 0 0 0 3px rgba(var(--color-primary-rgb, 102, 126, 234),.09)}.clv2-ctrl-mobile-filter-sort-btn--reset{background:#fff5f5;border-color:#fca5a5;color:#dc2626;font-weight:500;margin-top:4px}.clv2-ctrl-mobile-filter-sort-btn--reset:before{display:none}.clv2-ctrl-mobile-filter-sort-btn--reset:hover{background:#fee2e2;border-color:#ef4444;color:#b91c1c}.clv2-ctrl-mobile-filter-footer{padding:12px 20px;border-top:1px solid #e5e7eb;flex-shrink:0}.clv2-ctrl-mobile-filter-apply-btn{width:100%;padding:12px;background:var(--color-primary, var(--color-primary, var(--color-primary, #667eea)));color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer}.clv2-ctrl-mobile-filter-apply-btn:hover{background:var(--color-primary-hover, #5a6fd8)}[data-theme=dark] .clv2-ctrl-btn{background:var(--bg-input, #252830);border-color:var(--border-input, #3a3f4f);color:var(--text-secondary, #8a93a8)}[data-theme=dark] .clv2-ctrl-btn:hover:not(:disabled){background:var(--bg-surface-hover, #2a2f3d);border-color:var(--border-divider, #4a5060)}[data-theme=dark] .clv2-ctrl-mobile-filter-sheet{background:var(--bg-surface, #1c1f26)}[data-theme=dark] .clv2-ctrl-mobile-filter-header{border-bottom-color:var(--border-divider, #2d3140);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .clv2-ctrl-mobile-filter-close{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .clv2-ctrl-mobile-filter-section-title{color:var(--text-label, #6b7280)}[data-theme=dark] .clv2-ctrl-mobile-filter-label{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .clv2-ctrl-mobile-filter-date-input{background:var(--bg-input, #252830);border-color:var(--border-input, #3a3f4f);color:var(--text-primary, #e2e8f0);color-scheme:dark}[data-theme=dark] .clv2-ctrl-mobile-filter-sort-btn{background:var(--bg-input, #252830);border-color:var(--border-input, #3a3f4f);color:var(--text-secondary, #8a93a8)}[data-theme=dark] .clv2-ctrl-mobile-filter-footer{border-top-color:var(--border-divider, #2d3140)}.clv2-sel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 12px;background:var(--color-selection-bg, #eff6ff);border:1px solid var(--color-primary, #3b82f6);border-radius:8px;flex-wrap:wrap}.clv2-sel-left{display:flex;align-items:center;gap:8px}.clv2-sel-exit-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:1px solid var(--border-color, #d1d5db);border-radius:6px;cursor:pointer;color:var(--text-muted, #6b7280);transition:all .2s}.clv2-sel-exit-btn:hover{background:var(--bg-hover, #f3f4f6);color:var(--text-primary, #1f2937)}.clv2-sel-toggle-all{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;cursor:pointer;color:var(--color-primary, #3b82f6)}.clv2-sel-count{font-size:13px;color:var(--text-secondary, #4b5563)}.clv2-sel-count strong{color:var(--color-primary, #3b82f6);font-weight:700}.clv2-sel-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.clv2-sel-batch-btn{display:flex;align-items:center;gap:5px;padding:5px 12px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.clv2-sel-batch-btn:disabled{opacity:.4;cursor:not-allowed}.clv2-sel-batch-btn--approve{background:#16a34a;color:#fff}.clv2-sel-batch-btn--approve:not(:disabled):hover{background:#15803d}.clv2-sel-batch-btn--print{background:#7c3aed;color:#fff}.clv2-sel-batch-btn--print:not(:disabled):hover{background:#6d28d9}.clv2-sel-batch-btn--delete{background:#dc2626;color:#fff}.clv2-sel-batch-btn--delete:not(:disabled):hover{background:#b91c1c}@media (max-width: 600px){.clv2-sel-toolbar{flex-direction:column;align-items:flex-start}.clv2-sel-actions{width:100%;justify-content:flex-start}.clv2-sel-batch-btn{flex:1;justify-content:center;min-width:80px}}.cpn-columnfilter-container{position:relative;display:flex;align-items:center;flex-shrink:0;z-index:10}.cpn-columnfilter-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:4px;background:transparent;color:#6b7280;cursor:pointer;transition:all .2s ease;padding:0;position:relative;z-index:1}.cpn-columnfilter-badge{position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;background:#ef4444;color:#fff;font-size:10px;font-weight:600;border-radius:8px;display:flex;align-items:center;justify-content:center;line-height:1;z-index:2}.cpn-columnfilter-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.cpn-columnfilter-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.cpn-columnfilter-btn.active:hover{background:#2563eb;border-color:#2563eb}.cpn-columnfilter-dropdown{min-width:250px;max-width:350px;background:white;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;animation:cpnColumnfilterSlideDown .2s ease}@keyframes cpnColumnfilterSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cpn-columnfilter-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5e7eb;background:#f9fafb;border-radius:8px 8px 0 0}.cpn-columnfilter-title{font-size:14px;font-weight:600;color:#1f2937}.cpn-columnfilter-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:#6b7280;cursor:pointer;border-radius:4px;transition:all .2s ease}.cpn-columnfilter-close:hover{background:#e5e7eb;color:#374151}.cpn-columnfilter-body{padding:16px;max-height:300px;overflow-y:auto}.cpn-columnfilter-checkbox-list{display:flex;flex-direction:column;gap:8px}.cpn-columnfilter-checkbox-item{display:flex;align-items:center;gap:8px;padding:8px;border-radius:6px;cursor:pointer;transition:background .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cpn-columnfilter-checkbox-item:hover{background:#f3f4f6}.cpn-columnfilter-checkbox-item--empty{border-top:1px dashed #e5e7eb;margin-top:4px;padding-top:10px}.cpn-columnfilter-checkbox-item--empty .cpn-columnfilter-checkbox-label{color:#9ca3af;font-style:italic}.cpn-columnfilter-checkbox-item input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#3b82f6}.cpn-columnfilter-checkbox-label{flex:1;font-size:14px;color:#1f2937;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.cpn-columnfilter-count{margin-left:8px;font-size:12px;color:#6b7280;font-weight:500}.cpn-columnfilter-empty{padding:16px;text-align:center;color:#9ca3af;font-size:14px}.cpn-columnfilter-input,.cpn-columnfilter-select{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1f2937;transition:all .2s ease}.cpn-columnfilter-input:focus,.cpn-columnfilter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.cpn-columnfilter-input::-moz-placeholder{color:#9ca3af}.cpn-columnfilter-input::placeholder{color:#9ca3af}.cpn-columnfilter-daterange{display:flex;flex-direction:column;gap:10px}.cpn-columnfilter-daterange-row{display:flex;flex-direction:column;gap:4px}.cpn-columnfilter-daterange-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.cpn-columnfilter-footer{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 8px 8px}.cpn-columnfilter-action-btn{flex:1;padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cpn-columnfilter-clear-btn{background:white;color:#6b7280}.cpn-columnfilter-clear-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.cpn-columnfilter-apply-btn{background:#3b82f6;color:#fff;border-color:#3b82f6}.cpn-columnfilter-apply-btn:hover{background:#2563eb;border-color:#2563eb}@media (max-width: 768px){.cpn-columnfilter-dropdown{min-width:200px;right:auto;left:50%;transform:translate(-50%)}.cpn-columnfilter-btn{width:20px;height:20px}}[data-theme=dark] .cpn-columnfilter-btn:hover{background:#334155;color:#e2e8f0}[data-theme=dark] .cpn-columnfilter-dropdown{background:#1e293b;border-color:#334155;box-shadow:0 10px 25px #00000080}[data-theme=dark] .cpn-columnfilter-header{background:#253348;border-bottom-color:#334155}[data-theme=dark] .cpn-columnfilter-title{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .cpn-columnfilter-close{color:#9ca3af}[data-theme=dark] .cpn-columnfilter-close:hover{background:#334155;color:#e2e8f0}[data-theme=dark] .cpn-columnfilter-checkbox-item:hover{background:#334155}[data-theme=dark] .cpn-columnfilter-checkbox-label{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .cpn-columnfilter-checkbox-item--empty{border-top-color:#334155}[data-theme=dark] .cpn-columnfilter-checkbox-item--empty .cpn-columnfilter-checkbox-label{color:#6b7280}[data-theme=dark] .cpn-columnfilter-count{color:#9ca3af}[data-theme=dark] .cpn-columnfilter-empty{color:#6b7280}[data-theme=dark] .cpn-columnfilter-input,[data-theme=dark] .cpn-columnfilter-select{background:var(--bg-input, #1e293b);border-color:var(--border-input, #374151);color:var(--text-primary, #e5e7eb)}[data-theme=dark] .cpn-columnfilter-input::-moz-placeholder{color:#6b7280}[data-theme=dark] .cpn-columnfilter-input::placeholder{color:#6b7280}[data-theme=dark] .cpn-columnfilter-daterange-label{color:#9ca3af}[data-theme=dark] .cpn-columnfilter-footer{background:#253348;border-top-color:#334155}[data-theme=dark] .cpn-columnfilter-clear-btn{background:#334155;color:#cbd5e1;border-color:#475569}[data-theme=dark] .cpn-columnfilter-clear-btn:hover{background:#475569;color:#e2e8f0;border-color:#64748b}.clv2-th-thead{background:var(--bg-table-header, #f3f4f6)}.clv2-th-row{border-bottom:2px solid var(--border-color, #d1d5db)}.clv2-th-cell{padding:6px 8px;text-align:left;height:44px;vertical-align:middle;font-size:12px;font-weight:600;color:var(--text-secondary, #4b5563);border-right:1px solid #e5e7eb;border-bottom:2px solid #d1d5db;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:sticky;top:0;z-index:2;background:var(--bg-table-header, #f3f4f6)}.clv2-th-cell:last-child{border-right:none}.clv2-th-cell--checkbox{text-align:center}.clv2-th-cell--filtered{background:var(--color-filter-active-bg, #eff6ff)}.clv2-th-cell--sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.clv2-th-cell--sortable:hover{background:var(--bg-table-header-hover, #e9eaec)}.clv2-th-cell--sorted{background:var(--color-sorted-bg, #dbeafe)}.clv2-th-content{display:flex;align-items:center;gap:4px;white-space:nowrap;min-width:0}.clv2-th-label{display:flex;align-items:center;flex:1;min-width:0;background:none;border:none;padding:0;font-size:inherit;font-weight:inherit;color:inherit;cursor:default;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clv2-th-sort-wrap{flex-shrink:0;display:flex;align-items:center;cursor:pointer;padding:0 2px}.clv2-th-label--sortable{cursor:pointer}.clv2-th-label--sortable:hover{color:var(--color-primary, #3b82f6)}.clv2-th-sort-icon{flex-shrink:0}.clv2-th-sort-icon--neutral{color:var(--text-muted, #d1d5db)}.clv2-th-sort-icon--active{color:var(--color-primary, #3b82f6)}.clv2-th-sort-icon--time{display:inline-flex;align-items:center;gap:1px}.clv2-th-content .cpn-columnfilter-container{flex-shrink:0;margin-left:auto}.clv2-th-cell--actions-sticky{position:sticky;left:0;top:0;z-index:4;background:var(--bg-table-header, #f3f4f6);box-shadow:inset -1px 0 #e5e7eb;text-align:center;padding:6px 2px;overflow:visible;border-right:none!important}.clv2-th-cell--checkbox{position:sticky;left:0;top:0;z-index:5;background:var(--bg-table-header, #f3f4f6);box-shadow:inset -1px 0 #e5e7eb;border-right:none!important}.clv2-th-cell--sticky{position:sticky;top:0;z-index:3;background:var(--bg-table-header, #f3f4f6);box-shadow:inset -1px 0 #e5e7eb;border-right:none!important}.clv2-th-cell--sticky-last{box-shadow:inset -1px 0 #e5e7eb,2px 0 4px #0000000a;border-right:none!important}[data-theme=dark] .clv2-th-thead{background:var(--bg-input, #191b2d)}[data-theme=dark] .clv2-th-cell{background:var(--bg-input, #191b2d);color:var(--text-label, #8a93a8);border-right-color:var(--border-divider, #2d3140);border-bottom-color:var(--border-divider, #3a3f4f)}[data-theme=dark] .clv2-th-row{border-bottom-color:var(--border-divider, #3a3f4f)}[data-theme=dark] .clv2-th-cell--sortable:hover{background:var(--bg-surface-hover, #242639)}[data-theme=dark] .clv2-th-cell--sorted{background:rgba(var(--color-primary-rgb, 102, 126, 234),.12)}[data-theme=dark] .clv2-th-cell--filtered{background:rgba(var(--color-primary-rgb, 102, 126, 234),.08)}[data-theme=dark] .clv2-th-cell--actions-sticky,[data-theme=dark] .clv2-th-cell--checkbox,[data-theme=dark] .clv2-th-cell--sticky{background:var(--bg-input, #191b2d);box-shadow:inset -1px 0 0 var(--border-divider, rgba(255, 255, 255, .1))}[data-theme=dark] .clv2-th-cell--sorted.clv2-th-cell--sticky{background:rgba(var(--color-primary-rgb, 102, 126, 234),.12)}[data-theme=dark] .clv2-th-cell--sticky-last{box-shadow:inset -1px 0 0 var(--border-divider, rgba(255, 255, 255, .1)),2px 0 4px #00000059}.clv2-tr-row{transition:background .15s;cursor:pointer}.clv2-tr-row:hover{background:var(--bg-row-hover, #f9fafb)}.clv2-tr-row--selected{background:var(--color-selection-bg, #eff6ff)!important}.clv2-tr-row--attended{background:var(--color-attended-bg, #f0fdf4)}.clv2-tr-row--dropdown-open{position:relative;z-index:100}.clv2-tr-cell{padding:1px 10px;font-size:13px;color:var(--text-primary, #1f2937);vertical-align:middle;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0}.clv2-tr-cell:last-child{border-right:none}.clv2-tr-cell--stt{text-align:center;color:var(--text-muted, #9ca3af);font-size:12px}.clv2-tr-cell--checkbox{position:sticky;left:0;z-index:2;background:#fff;overflow:visible;text-align:center;box-shadow:inset -1px 0 #e5e7eb;border-right:none!important}.clv2-tr-checkbox-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}@keyframes clv2-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.clv2-tr-checkbox-wrap--shake{animation:clv2-shake .35s ease}.clv2-tr-checkbox-wrap input[type=checkbox].clv2-tr-checkbox--disabled{opacity:.35;pointer-events:none}.clv2-tr-checkbox-overlay{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;cursor:not-allowed;z-index:1}.clv2-tr-checkbox-tooltip{position:fixed;background:#1f2937;color:#fff;font-size:11px;white-space:nowrap;padding:4px 8px;border-radius:4px;pointer-events:none;z-index:1100;box-shadow:0 2px 6px #00000040;transform:translateY(-50%)}.clv2-tr-checkbox-tooltip:after{content:"";position:absolute;top:50%;right:100%;transform:translateY(-50%);border:4px solid transparent;border-right-color:#1f2937}.clv2-tr-cell--actions-sticky{position:sticky;z-index:1;background:#fff;overflow:visible!important;text-align:center;padding:4px 2px;box-shadow:inset -1px 0 #e5e7eb;border-right:none!important}.clv2-tr-row:hover .clv2-tr-cell--checkbox{background:#f9fafb}.clv2-tr-row--selected .clv2-tr-cell--checkbox{background:#eff6ff}.clv2-tr-row--attended .clv2-tr-cell--checkbox{background:#f0fdf4}.clv2-tr-row:hover .clv2-tr-cell--actions-sticky{background:#f9fafb}.clv2-tr-row--selected .clv2-tr-cell--actions-sticky{background:#eff6ff}.clv2-tr-row--attended .clv2-tr-cell--actions-sticky{background:#f0fdf4}.clv2-tr-cell--sticky{position:sticky;z-index:1;background:#fff;box-shadow:inset -1px 0 #e5e7eb;border-right:none!important}.clv2-tr-row:hover .clv2-tr-cell--sticky{background:#f9fafb}.clv2-tr-row--selected .clv2-tr-cell--sticky{background:#eff6ff}.clv2-tr-row--attended .clv2-tr-cell--sticky{background:#f0fdf4}.clv2-tr-cell--sticky-last{box-shadow:inset -1px 0 #e5e7eb,2px 0 4px #0000000a;border-right:none!important}.clv2-tr-action-dropdown{position:relative;display:inline-block}.clv2-tr-action-settings-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#6b7280;cursor:pointer;transition:all .15s}.clv2-tr-action-settings-btn:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}.clv2-tr-action-menu{position:fixed;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 8px 24px #00000026;width:170px;min-width:unset;z-index:9999;padding:4px 0;animation:clv2TrMenuIn .12s ease}@keyframes clv2TrMenuIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.clv2-tr-action-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:9px 14px;border:none;background:#fff;cursor:pointer;font-size:13px;color:#1f2937;text-align:left;transition:background .12s;white-space:nowrap}.clv2-tr-action-menu-item:hover{background:#f3f4f6;color:#3b82f6}.clv2-tr-action-menu-item:hover svg{color:#3b82f6}.clv2-tr-action-menu-item svg{color:#6b7280;flex-shrink:0}.clv2-tr-action-menu-item--danger{color:#dc2626}.clv2-tr-action-menu-item--danger svg{color:#dc2626}.clv2-tr-action-menu-item--danger:hover{background:#fef2f2;color:#b91c1c}.clv2-tr-cell--wrap{white-space:normal;word-break:break-word;text-overflow:unset;overflow:visible}.clv2-tr-cell--center{text-align:center}.clv2-tr-name-cell{display:flex;align-items:center;gap:6px}.clv2-tr-avatar{width:40px;height:60px;-o-object-fit:cover;object-fit:cover;border-radius:3px;border:1px solid #d1d5db;cursor:pointer;flex-shrink:0;transition:transform .15s,border-color .15s}.clv2-tr-avatar:hover{transform:scale(1.1);border-color:#3b82f6}.clv2-tr-cccd-cell{display:flex;align-items:center;gap:6px}.clv2-tr-cccd-images{display:flex;flex-direction:column;gap:3px;flex-shrink:0}.clv2-tr-cccd-thumbnail{width:40px;height:25px;-o-object-fit:cover;object-fit:cover;border-radius:3px;border:1px solid #d1d5db;cursor:pointer;transition:transform .15s,border-color .15s}.clv2-tr-cccd-thumbnail:hover{transform:scale(1.1);border-color:#3b82f6}.clv2-tr-cccd-number{font-size:12px;font-weight:500;white-space:nowrap}.clv2-tr-attendance-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 8px;border:1px solid var(--border-color, #d1d5db);border-radius:6px;background:var(--bg-surface, #fff);font-size:11px;cursor:pointer;transition:all .2s;min-width:80px;color:var(--text-secondary, #4b5563)}.clv2-tr-cell--diemdanh{text-align:center;vertical-align:middle}.clv2-tr-diemdanh-wrap{display:flex;flex-direction:column;align-items:center;gap:3px}.clv2-tr-diemdanh-time{font-size:10px;color:var(--text-muted, #9ca3af);white-space:nowrap;line-height:1.2}.clv2-tr-diemdanh-label{font-size:11px;color:var(--text-muted, #9ca3af);font-style:italic;white-space:nowrap}.clv2-tr-diemdanh-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;padding:4px 8px;background:#eff6ff;border:1px solid #93c5fd;border-radius:4px;font-size:11px;color:#2563eb;cursor:pointer;white-space:nowrap;transition:all .2s;min-width:80px}.clv2-tr-diemdanh-btn:hover:not(:disabled){background:#dbeafe;border-color:var(--color-primary, #3b82f6);color:var(--color-primary, #3b82f6)}.clv2-tr-diemdanh-btn--attended{flex-direction:column;gap:2px;background:var(--color-success-light, #dcfce7);border-color:#16a34a;color:#15803d}.clv2-tr-diemdanh-btn--loading{opacity:.6;cursor:not-allowed}.clv2-tr-diemdanh-attended{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 8px;font-size:11px;color:#15803d;white-space:nowrap;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-width:80px}.clv2-tr-spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--border-color, #d1d5db);border-top-color:var(--color-primary, #3b82f6);border-radius:50%;animation:clv2-tr-spin .7s linear infinite}@keyframes clv2-tr-spin{to{transform:rotate(360deg)}}.clv2-tr-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.clv2-tr-name--marquee{overflow:hidden}.clv2-tr-name--marquee span{display:inline-block;animation:clv2-tr-marquee 8s linear infinite}@keyframes clv2-tr-marquee{0%{transform:translate(0)}40%{transform:translate(-40%)}60%{transform:translate(-40%)}to{transform:translate(0)}}.clv2-tr-address{white-space:normal;word-break:break-word;overflow:visible;text-overflow:unset;font-size:12px}.status-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.clv2-tr-status-cell{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%}.clv2-tr-status-cell--has-approve-btn .clv2-tr-status-badge{display:none}.clv2-tr-approve-inline-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 0;width:85%;background:#dcfce7;border:1px solid #16a34a;border-radius:4px;font-size:14px;color:#15803d;cursor:pointer;white-space:nowrap;transition:background .15s}.clv2-tr-approve-inline-btn:hover{background:#bbf7d0}.status-rejected{background:#fee2e2;color:#b91c1c}.status-processing{background:#e0f2fe;color:#0369a1}.clv2-tr-cell--actions{text-align:center}.clv2-tr-action-group{display:flex;align-items:center;justify-content:center;gap:4px}.clv2-tr-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:5px;border:none;cursor:pointer;transition:all .2s}.clv2-tr-action-btn--edit{background:#e0f2fe;color:#0369a1}.clv2-tr-action-btn--delete{background:#fee2e2;color:#b91c1c}.clv2-tr-action-btn--print{background:#f3e8ff;color:#7c3aed}.clv2-tr-action-btn--approve{background:#dcfce7;color:#15803d}.clv2-tr-action-btn--reapprove{background:#fef9c3;color:#854d0e}.clv2-tr-action-btn:hover{filter:brightness(.9);transform:scale(1.05)}.attendance-line-1{display:flex;align-items:center;gap:3px;font-size:11px}.attendance-line-2{font-size:10px;color:var(--text-muted, #6b7280)}[data-theme=dark] .clv2-tr-row:hover{background:var(--bg-surface-hover, #2a2f3d)}[data-theme=dark] .clv2-tr-row--attended{background:rgba(22,163,74,.08)}[data-theme=dark] .clv2-tr-row--selected{background:rgba(var(--color-primary-rgb, 102, 126, 234),.08)!important}[data-theme=dark] .clv2-tr-cell{border-right-color:var(--border-divider, #2d3140);border-bottom-color:var(--border-divider, #2d3140)}[data-theme=dark] .clv2-tr-cell--actions-sticky{background:var(--bg-surface, #1c1f26);box-shadow:inset -1px 0 0 var(--border-divider, rgba(255, 255, 255, .1))}[data-theme=dark] .clv2-tr-row:hover .clv2-tr-cell--actions-sticky{background:var(--bg-surface-hover, #2a2f3d)}[data-theme=dark] .clv2-tr-row--selected .clv2-tr-cell--actions-sticky{background:#222736}[data-theme=dark] .clv2-tr-row--attended .clv2-tr-cell--actions-sticky{background:#1a2a22}[data-theme=dark] .clv2-tr-cell--checkbox{background:var(--bg-surface, #1c1f26);box-shadow:inset -1px 0 0 var(--border-divider, rgba(255, 255, 255, .1))}[data-theme=dark] .clv2-tr-row:hover .clv2-tr-cell--checkbox{background:var(--bg-surface-hover, #2a2f3d)}[data-theme=dark] .clv2-tr-row--selected .clv2-tr-cell--checkbox{background:#222736}[data-theme=dark] .clv2-tr-row--attended .clv2-tr-cell--checkbox{background:#1a2a22}[data-theme=dark] .clv2-tr-cell--sticky{background:var(--bg-surface, #1c1f26);box-shadow:inset -1px 0 0 var(--border-divider, rgba(255, 255, 255, .1))}[data-theme=dark] .clv2-tr-row:hover .clv2-tr-cell--sticky{background:var(--bg-surface-hover, #2a2f3d)}[data-theme=dark] .clv2-tr-row--selected .clv2-tr-cell--sticky{background:#222736}[data-theme=dark] .clv2-tr-row--attended .clv2-tr-cell--sticky{background:#1a2a22}[data-theme=dark] .clv2-tr-cell--sticky-last{border-right-color:var(--border-divider, #2d3140);box-shadow:2px 0 4px #0000004d}[data-theme=dark] .clv2-tr-action-settings-btn{background:var(--bg-input, #252830);border-color:var(--border-divider, #3a3f4f);color:var(--text-secondary, #8a93a8)}[data-theme=dark] .clv2-tr-action-menu{background:var(--bg-surface, #1c1f26);border-color:var(--border-divider, #2d3140);box-shadow:0 8px 24px #0006}[data-theme=dark] .clv2-tr-action-menu-item{background:var(--bg-surface, #1c1f26);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .clv2-tr-action-menu-item:hover{background:var(--bg-surface-hover, #2a2f3d)}[data-theme=dark] .clv2-tr-avatar,[data-theme=dark] .clv2-tr-cccd-thumbnail{border-color:var(--border-divider, #2d3140)}.clv2-mc-card{background:var(--bg-surface, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:10px;padding:10px 12px;cursor:pointer;transition:all .2s;position:relative;display:flex;flex-direction:column;gap:8px}.clv2-mc-card:hover{box-shadow:0 2px 8px #00000014;border-color:var(--color-primary, #3b82f6)}.clv2-mc-card--selected{background:var(--color-selection-bg, #eff6ff);border-color:var(--color-primary, #3b82f6)}.clv2-mc-card--attended{background:var(--color-attended-bg, #f0fdf4);border-color:#86efac}.clv2-mc-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.clv2-mc-header-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.clv2-mc-checkbox{flex-shrink:0;width:17px;height:17px;cursor:pointer;accent-color:var(--color-primary, #3b82f6)}.clv2-mc-header-delete-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background:#fee2e2;color:#b91c1c;cursor:pointer;flex-shrink:0;transition:all .2s}.clv2-mc-header-delete-btn:hover{background:#fca5a5}.clv2-mc-body{display:flex;gap:10px;align-items:flex-start}.clv2-mc-avatar-col{flex-shrink:0;width:60px}.clv2-mc-avatar{width:60px;height:90px;border-radius:6px;-o-object-fit:cover;object-fit:cover;border:1px solid var(--border-color-light, #e5e7eb);cursor:zoom-in;display:block}.clv2-mc-avatar-placeholder{width:60px;height:90px;border-radius:6px;background:var(--color-primary-light, #dbeafe);color:var(--color-primary, #3b82f6);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700}.clv2-mc-info-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.clv2-mc-name{font-size:14px;font-weight:700;color:var(--text-primary, #1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.clv2-mc-info-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary, #6b7280);flex-wrap:wrap}.clv2-mc-info-row--split{flex-wrap:nowrap;gap:4px}.clv2-mc-info-cell{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clv2-mc-info-value{color:var(--text-primary, #374151)}.clv2-mc-gender{color:var(--text-secondary, #6b7280)}.clv2-mc-cccd{font-family:monospace;letter-spacing:.02em}.clv2-mc-phone-wrap{display:flex;align-items:center;gap:4px}.clv2-mc-call-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#dcfce7;color:#15803d;text-decoration:none;flex-shrink:0;transition:background .2s}.clv2-mc-call-btn:hover{background:#bbf7d0}.clv2-mc-time-row{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:11px;color:var(--text-muted, #9ca3af);margin-top:auto}.clv2-mc-time-label{font-weight:500;white-space:nowrap}.clv2-mc-time-value{color:var(--text-secondary, #6b7280);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clv2-mc-footer{display:flex;align-items:stretch;gap:8px;padding-top:8px;border-top:1px solid var(--border-color-light, #f3f4f6)}.clv2-mc-footer-primary{flex:1;display:flex;gap:6px}.clv2-mc-attended-label{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 10px;color:#15803d;font-size:13px;font-weight:500;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.clv2-mc-att-btn{flex:1;padding:7px 10px;border:1px solid var(--border-color, #d1d5db);border-radius:6px;background:var(--bg-surface, #fff);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--text-primary, #374151)}.clv2-mc-att-btn:hover:not(:disabled){background:#f9fafb;border-color:var(--color-primary, #3b82f6)}.clv2-mc-att-btn:disabled{opacity:.6;cursor:not-allowed}.clv2-mc-approve-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 10px;border:none;border-radius:6px;background:#dcfce7;color:#15803d;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.clv2-mc-approve-btn:hover{background:#bbf7d0}.clv2-mc-approve-btn--reapprove{background:#dbeafe;color:#1d4ed8}.clv2-mc-approve-btn--reapprove:hover{background:#bfdbfe}.clv2-mc-reject-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 12px;border:none;border-radius:6px;background:#fee2e2;color:#b91c1c;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.clv2-mc-reject-btn:hover{background:#fca5a5}[data-theme=dark] .clv2-mc-card{background:var(--bg-surface, #1e2234);border-color:var(--border-divider, #2d3140)}[data-theme=dark] .clv2-mc-card:hover{box-shadow:0 2px 8px #0000004d}[data-theme=dark] .clv2-mc-card--selected{background:rgba(var(--color-primary-rgb, 102, 126, 234),.1);border-color:var(--color-primary, #667eea)}[data-theme=dark] .clv2-mc-card--attended{background:rgba(22,163,74,.08);border-color:#4ade804d}[data-theme=dark] .clv2-mc-footer{border-top-color:var(--border-divider, #2d3140)}[data-theme=dark] .clv2-mc-name,[data-theme=dark] .clv2-mc-info-value{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .clv2-mc-info-row{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .clv2-mc-avatar{border-color:var(--border-divider, #2d3140)}[data-theme=dark] .clv2-mc-header-delete-btn{background:rgba(220,38,38,.12);color:#f87171}[data-theme=dark] .clv2-mc-header-delete-btn:hover{background:rgba(220,38,38,.2)}[data-theme=dark] .clv2-mc-call-btn{background:rgba(22,163,74,.12);color:#4ade80}[data-theme=dark] .clv2-mc-call-btn:hover{background:rgba(22,163,74,.2)}[data-theme=dark] .clv2-mc-att-btn{background:var(--bg-surface, #1e2234);border-color:var(--border-divider, #334155);color:var(--text-primary, #e5e7eb)}[data-theme=dark] .clv2-mc-att-btn:hover:not(:disabled){background:var(--bg-surface-hover, #253348);border-color:var(--color-primary, #667eea)}[data-theme=dark] .clv2-mc-approve-btn{background:rgba(22,163,74,.12);color:#4ade80}[data-theme=dark] .clv2-mc-approve-btn:hover{background:rgba(22,163,74,.2)}[data-theme=dark] .clv2-mc-approve-btn--reapprove{background:rgba(37,99,235,.12);color:#60a5fa}[data-theme=dark] .clv2-mc-approve-btn--reapprove:hover{background:rgba(37,99,235,.2)}[data-theme=dark] .clv2-mc-reject-btn{background:rgba(220,38,38,.12);color:#f87171}[data-theme=dark] .clv2-mc-reject-btn:hover{background:rgba(220,38,38,.2)}[data-theme=dark] .clv2-mc-attended-label{color:#4ade80}.clv2-am-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.clv2-am-modal{background:var(--bg-surface, #fff);border-radius:12px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.clv2-am-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color, #e5e7eb)}.clv2-am-header-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--text-primary, #1f2937)}.clv2-am-close{background:none;border:none;cursor:pointer;color:var(--text-muted, #6b7280);padding:4px;border-radius:4px;transition:all .2s}.clv2-am-close:hover{background:var(--bg-hover, #f3f4f6);color:var(--text-primary, #1f2937)}.clv2-am-candidate-info{padding:12px 20px;background:var(--bg-subtle, #f9fafb);border-bottom:1px solid var(--border-color, #e5e7eb)}.clv2-am-candidate-name{font-size:15px;font-weight:600;color:var(--text-primary, #1f2937)}.clv2-am-candidate-sub{font-size:12px;color:var(--text-muted, #6b7280);margin-top:3px}.clv2-am-form{padding:16px 20px;display:flex;flex-direction:column;gap:14px}.clv2-am-field{display:flex;flex-direction:column;gap:5px}.clv2-am-label{font-size:13px;font-weight:500;color:var(--text-secondary, #4b5563)}.clv2-am-required{color:#dc2626}.clv2-am-error{font-size:12px;color:#dc2626;margin-top:2px}.clv2-am-footer{display:flex;gap:10px;padding:16px 20px;border-top:1px solid var(--border-color, #e5e7eb);justify-content:flex-end}.clv2-am-cancel-btn{padding:8px 20px;background:var(--bg-surface, #fff);border:1px solid var(--border-color, #d1d5db);border-radius:8px;font-size:14px;cursor:pointer;color:var(--text-secondary, #4b5563);transition:all .2s}.clv2-am-cancel-btn:hover:not(:disabled){background:var(--bg-hover, #f3f4f6)}.clv2-am-confirm-btn{padding:8px 20px;background:#16a34a;border:none;border-radius:8px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.clv2-am-confirm-btn:hover:not(:disabled){background:#15803d}.clv2-am-confirm-btn:disabled,.clv2-am-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.rcm-overlay{display:flex;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#0009;justify-content:center;align-items:center;animation:rcm-fadeIn .2s ease}@keyframes rcm-fadeIn{0%{opacity:0}to{opacity:1}}.rcm-content{background:white;border-radius:12px;padding:30px;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d;animation:rcm-slideIn .25s ease}@keyframes rcm-slideIn{0%{transform:translateY(-40px);opacity:0}to{transform:translateY(0);opacity:1}}.rcm-title{margin:0 0 16px;font-size:20px;font-weight:700;color:#2c3e50;text-align:center}.rcm-description{margin:0 0 20px;font-size:15px;color:#495057;line-height:1.6;text-align:center}.rcm-warning-text{display:block;margin-top:6px;color:#e74c3c;font-size:13px}.rcm-input-group{margin:0 0 20px;text-align:left}.rcm-input-group label{display:block;margin-bottom:10px;font-weight:600;color:#333;font-size:15px}.rcm-quick-buttons{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.rcm-quick-btn{padding:6px 14px;border:2px solid #fd7e14;background:white;color:#fd7e14;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;transition:all .25s ease}.rcm-quick-btn:hover{background:#fd7e14;color:#fff;transform:translateY(-1px)}.rcm-quick-btn.selected{background:#fd7e14;color:#fff}.rcm-quick-btn.selected:hover{background:#e8690b}.rcm-reason-input{width:100%;padding:12px;border:2px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .3s;box-sizing:border-box}.rcm-reason-input:focus{border-color:#fd7e14;outline:none;box-shadow:0 0 0 3px #fd7e1426}.rcm-reason-input::-moz-placeholder{color:#999;font-style:italic}.rcm-reason-input::placeholder{color:#999;font-style:italic}.rcm-modal-buttons{display:flex;justify-content:center;gap:16px;margin-top:24px}.rcm-btn-confirm{padding:12px 28px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);color:#fff;transition:all .3s ease;min-width:140px}.rcm-btn-confirm:hover{background:linear-gradient(135deg,#c0392b 0%,#a93226 100%);transform:translateY(-2px);box-shadow:0 4px 15px #e74c3c59}.rcm-btn-cancel{padding:12px 28px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#6c757d 0%,#495057 100%);color:#fff;transition:all .3s ease;min-width:100px}.rcm-btn-cancel:hover{background:linear-gradient(135deg,#495057 0%,#343a40 100%);transform:translateY(-2px);box-shadow:0 4px 15px #6c757d4d}[data-theme=dark] .rcm-content{background:#1e293b;box-shadow:0 20px 60px #00000080}[data-theme=dark] .rcm-title{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .rcm-description{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .rcm-input-group label{color:var(--text-label, #d1d5db)}[data-theme=dark] .rcm-quick-btn{background:transparent;border-color:#fd7e1480;color:#fb923c}[data-theme=dark] .rcm-quick-btn:hover,[data-theme=dark] .rcm-quick-btn.selected{background:rgba(253,126,20,.2);border-color:#fb923c;color:#fdba74}[data-theme=dark] .rcm-reason-input{background:var(--bg-input, #1e293b);border-color:var(--border-input, #374151);color:var(--text-primary, #e5e7eb)}[data-theme=dark] .rcm-reason-input::-moz-placeholder{color:#6b7280}[data-theme=dark] .rcm-reason-input::placeholder{color:#6b7280}[data-theme=dark] .rcm-reason-input:focus{border-color:#fd7e14;box-shadow:0 0 0 3px #fd7e1426}.clv2-container{display:flex;flex-direction:column;flex:1;height:100%;background:#f9fafb;overflow:hidden}.clv2-content{flex:1;overflow:hidden;display:flex;flex-direction:column;padding:0;transition:margin-right .4s cubic-bezier(.4,0,.2,1)}.clv2-content--modal-open{margin-right:700px}.clv2-loading{display:flex;align-items:center;justify-content:center;padding:60px 0}.clv2-table-wrapper{flex:1;overflow:auto;border-left:none;border-right:none;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;background:#fff}.clv2-table{width:-moz-max-content;width:max-content;border-collapse:separate;border-spacing:0;font-size:13px;table-layout:fixed}.clv2-empty{text-align:center;color:#9ca3af;padding:40px 16px;font-size:14px}.clv2-pagination-wrapper{flex-shrink:0;border-top:1px solid #e5e7eb;background:#fff}.clv2-mobile-list{display:none;flex-direction:column;gap:10px;overflow-y:auto;flex:1}.clv2-empty-mobile{text-align:center;color:#9ca3af;padding:40px 0}@media (max-width: 768px){.clv2-table-wrapper{display:none}.clv2-mobile-list{display:flex}}.clv2-detail-loading-overlay{position:fixed;bottom:24px;right:24px;z-index:1000;background:rgba(255,255,255,.9);border:1px solid #e5e7eb;border-radius:8px;padding:8px 16px;box-shadow:0 4px 12px #0000001a;pointer-events:none}.clv2-staffdetail-modal.cpn-staffdetailmodal-overlay .cpn-staffdetailmodal-container{margin-top:168px;height:calc(100vh - 169px)}@media (max-width: 768px){.clv2-staffdetail-modal.cpn-staffdetailmodal-overlay .cpn-staffdetailmodal-container{margin-top:50px;height:calc(100vh - 50px);width:100%}}[data-theme=dark] .clv2-container{background:var(--bg-content, #0f1117)}[data-theme=dark] .clv2-table-wrapper{background:var(--bg-surface, #1c1f26);border-color:var(--border-divider, #2d3140)}[data-theme=dark] .clv2-pagination-wrapper{background:var(--bg-surface, #1c1f26);border-top-color:var(--border-divider, #2d3140)}[data-theme=dark] .clv2-empty,[data-theme=dark] .clv2-empty-mobile{color:var(--text-label, #6b7280)}[data-theme=dark] .clv2-detail-loading-overlay{background:rgba(28,31,38,.9);border-color:var(--border-divider, #2d3140)}.cpn-exportactions-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9990;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:16px}.cpn-exportactions-modal{background:#ffffff;border-radius:16px;box-shadow:0 24px 64px #00000038;width:100%;max-width:520px;padding:28px 28px 24px;animation:cpn-exportactions-appear .18s ease;display:flex;flex-direction:column;gap:20px}@keyframes cpn-exportactions-appear{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.cpn-exportactions-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.cpn-exportactions-header-text{display:flex;flex-direction:column;gap:3px}.cpn-exportactions-title{font-size:16px;font-weight:700;color:#111827;line-height:1.3}.cpn-exportactions-subtitle{font-size:13px;color:#6b7280;line-height:1.4}.cpn-exportactions-close-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:#6b7280;cursor:pointer;transition:background .15s,color .15s;margin-top:-2px}.cpn-exportactions-close-btn:hover{background:#f3f4f6;color:#111827}.cpn-exportactions-grid{display:grid;gap:12px}.cpn-exportactions-grid--2-col{grid-template-columns:repeat(2,1fr)}.cpn-exportactions-grid--1-col{grid-template-columns:1fr}.cpn-exportactions-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:12px;border:1.5px solid #e5e7eb;background:#f9fafb;cursor:pointer;text-align:left;transition:border-color .15s,background .15s,box-shadow .15s,transform .1s;width:100%}.cpn-exportactions-card:hover:not(:disabled){background:#ffffff;box-shadow:0 2px 12px #00000014;transform:translateY(-1px)}.cpn-exportactions-card:active:not(:disabled){transform:translateY(0)}.cpn-exportactions-card--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.cpn-exportactions-card--loading{opacity:1;cursor:default;pointer-events:none}.cpn-exportactions-card--green:hover:not(:disabled){border-color:#16a34a}.cpn-exportactions-card--green .cpn-exportactions-card-icon{background:#dcfce7;color:#16a34a}.cpn-exportactions-card--cyan:hover:not(:disabled){border-color:#0e7490}.cpn-exportactions-card--cyan .cpn-exportactions-card-icon{background:#cffafe;color:#0e7490}.cpn-exportactions-card--orange:hover:not(:disabled){border-color:#c2410c}.cpn-exportactions-card--orange .cpn-exportactions-card-icon{background:#ffedd5;color:#c2410c}.cpn-exportactions-card--purple:hover:not(:disabled){border-color:#7c3aed}.cpn-exportactions-card--purple .cpn-exportactions-card-icon{background:#ede9fe;color:#7c3aed}.cpn-exportactions-card-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;transition:background .15s}.cpn-exportactions-spinner{animation:cpn-exportactions-spin .8s linear infinite}@keyframes cpn-exportactions-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cpn-exportactions-card-body{display:flex;flex-direction:column;gap:3px;min-width:0}.cpn-exportactions-card-label{font-size:14px;font-weight:600;color:#111827;line-height:1.3}.cpn-exportactions-card-desc{font-size:12px;color:#6b7280;line-height:1.4;white-space:normal}.cpn-exportactions-trigger{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#374151;font-size:13px;cursor:pointer;transition:all .15s;white-space:nowrap}.cpn-exportactions-trigger:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.cpn-exportactions-trigger:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.cpn-exportactions-modal{padding:20px 16px 18px;border-radius:12px}.cpn-exportactions-grid--2-col{grid-template-columns:1fr}.cpn-exportactions-card{padding:14px}}[data-theme=dark] .cpn-exportactions-modal{background:var(--bg-content, #1e2a3a);box-shadow:0 24px 64px #00000080}[data-theme=dark] .cpn-exportactions-title{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .cpn-exportactions-subtitle,[data-theme=dark] .cpn-exportactions-close-btn{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .cpn-exportactions-close-btn:hover{background:var(--bg-surface-hover, #253345);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .cpn-exportactions-card{background:var(--bg-surface, #1a2535);border-color:var(--border-divider, #2d3a4a)}[data-theme=dark] .cpn-exportactions-card:hover:not(:disabled){background:var(--bg-surface-hover, #253345);box-shadow:0 2px 12px #0000004d}[data-theme=dark] .cpn-exportactions-card-label{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .cpn-exportactions-card-desc{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .cpn-exportactions-card--green .cpn-exportactions-card-icon{background:rgba(22,163,74,.15);color:#4ade80}[data-theme=dark] .cpn-exportactions-card--cyan .cpn-exportactions-card-icon{background:rgba(14,116,144,.15);color:#22d3ee}[data-theme=dark] .cpn-exportactions-card--orange .cpn-exportactions-card-icon{background:rgba(194,65,12,.15);color:#fb923c}[data-theme=dark] .cpn-exportactions-card--purple .cpn-exportactions-card-icon{background:rgba(124,58,237,.15);color:#a78bfa}[data-theme=dark] .cpn-exportactions-trigger{background:var(--bg-input, #1a2535);border-color:var(--border-input, #2d3a4a);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .cpn-exportactions-trigger:hover:not(:disabled){background:var(--bg-surface-hover, #253345);border-color:var(--border-divider, #3d4a5a)}.vws-header-root{display:flex;flex-direction:column;gap:10px;padding:16px 20px 12px;background:#fff;border-bottom:1px solid #e2e8f0}.vws-header-title-row{display:flex;align-items:center;justify-content:space-between;min-height:36px}.vws-header-tab-bar-slot{display:flex;align-items:center;margin-left:auto}.vws-header-title-left{display:flex;align-items:center;gap:10px}.vws-header-icon{color:#6366f1;flex-shrink:0}.vws-header-title{font-size:18px;font-weight:700;color:#1e293b;margin:0;line-height:1.3}.vws-header-controls-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;justify-content:flex-end}.vws-header-search-wrapper{flex:1;min-width:0}.vws-header-search-form{display:contents}.vws-header-search-group{display:flex;align-items:center;gap:0;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden;background:#fff;height:34px}.vws-header-search-icon{color:#94a3b8;padding:0 8px;flex-shrink:0}.vws-header-search-input{border:none;outline:none;font-size:13px;color:#1e293b;width:240px;padding:0 6px 0 0;background:transparent}.vws-header-search-input::-moz-placeholder{color:#94a3b8}.vws-header-search-input::placeholder{color:#94a3b8}.vws-header-search-btn{padding:0 12px;height:100%;background:#6366f1;color:#fff;border:none;font-size:12px;font-weight:500;cursor:pointer;transition:background .15s;white-space:nowrap}.vws-header-search-btn:hover{background:#4f46e5}.vws-header-date-group{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:0 10px;height:34px}.vws-header-date-label{font-size:12px;color:#64748b;white-space:nowrap;font-weight:500}.vws-header-date-sep{color:#94a3b8;font-size:13px}.vws-header-date-input{height:26px;padding:0 4px;border:none;border-radius:4px;font-size:13px;color:#374151;background:transparent;cursor:pointer;outline:none}.vws-header-date-group:focus-within{border-color:#6366f1}.vws-header-date-input:focus{border-color:transparent}.vws-header-today-btn{height:34px;padding:0 10px;border:1px solid #6366f1;border-radius:6px;background:#eef2ff;color:#4f46e5;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}.vws-header-today-btn:hover{background:#e0e7ff;border-color:#4f46e5}.vws-header-clear-btn{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 12px;border:1px solid #fca5a5;border-radius:6px;background:#fff;color:#b91c1c;font-size:13px;cursor:pointer;transition:all .15s;white-space:nowrap}.vws-header-clear-btn:hover{background:#fef2f2}.vws-header-export-btn{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 12px;border:1px solid #a7f3d0;border-radius:6px;background:#fff;color:#047857;font-size:13px;cursor:pointer;transition:all .15s;white-space:nowrap}.vws-header-export-btn:hover{background:#ecfdf5}.vws-header-export-img-btn{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 12px;border:1px solid #67e8f9;border-radius:6px;background:#fff;color:#0e7490;font-size:13px;cursor:pointer;transition:all .15s;white-space:nowrap}.vws-header-export-img-btn:hover{background:#ecfeff}.vws-header-export-img-btn--loading{opacity:.6;cursor:not-allowed}.vws-header-print-cccd-btn{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 12px;border:1px solid #fed7aa;border-radius:6px;background:#fff;color:#c2410c;font-size:13px;cursor:pointer;transition:all .15s;white-space:nowrap}.vws-header-print-cccd-btn:hover{background:#fff7ed}.vws-header-print-cccd-btn--loading{opacity:.6;cursor:not-allowed}.vws-header-copy-btn{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 12px;border:1px solid #c4b5fd;border-radius:6px;background:#fff;color:#7c3aed;font-size:13px;cursor:pointer;transition:all .15s;white-space:nowrap}.vws-header-copy-btn:hover{background:#f5f3ff}.vws-header-copy-btn--loading{opacity:.6;cursor:not-allowed}.vws-header-col-sel-wrapper{position:relative}.vws-header-col-sel-btn{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#374151;font-size:13px;cursor:pointer;transition:all .15s;white-space:nowrap}.vws-header-col-sel-btn:hover{background:#f8fafc;border-color:#cbd5e1}.vws-header-mobile-filter-btn{display:none}.vws-header-mobile-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);z-index:1000;display:flex;align-items:flex-end;justify-content:center}.vws-header-mobile-sheet{background:#fff;border-radius:16px 16px 0 0;width:100%;max-width:480px;padding-bottom:env(safe-area-inset-bottom,0px);animation:vwsSheetSlideUp .25s ease-out}@keyframes vwsSheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.vws-header-mobile-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid #e2e8f0;font-size:15px;font-weight:600;color:#1e293b}.vws-header-mobile-sheet-close{background:none;border:none;cursor:pointer;color:#64748b;padding:4px;border-radius:6px;display:flex;align-items:center;transition:background .15s}.vws-header-mobile-sheet-close:hover{background:#f1f5f9}.vws-header-mobile-sheet-body{padding:20px;display:flex;flex-direction:column;gap:14px}.vws-header-mobile-sheet-date-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.vws-header-mobile-sheet-label{font-size:14px;color:#374151;font-weight:500;white-space:nowrap;min-width:70px}.vws-header-mobile-sheet-date-input{flex:1;height:38px;padding:0 10px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#374151;background:#f8fafc;outline:none;cursor:pointer}.vws-header-mobile-sheet-date-input:focus{border-color:#6366f1;background:#fff}.vws-header-mobile-sheet-today-btn{height:38px;width:100%;border:1px solid #6366f1;border-radius:8px;background:#eef2ff;color:#4f46e5;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.vws-header-mobile-sheet-today-btn:hover{background:#e0e7ff}.vws-header-mobile-sheet-footer{padding:12px 20px 20px;border-top:1px solid #e2e8f0}.vws-header-mobile-sheet-apply-btn{height:44px;width:100%;border:none;border-radius:10px;background:#6366f1;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s}.vws-header-mobile-sheet-apply-btn:hover{background:#4f46e5}@media (max-width: 768px){.vws-header-root{padding:12px 14px 10px;gap:8px}.vws-header-title-row{flex-direction:column;align-items:flex-start;gap:8px;min-height:70px}.vws-header-title-left{width:100%}.vws-header-title{font-size:15px}.vws-header-tab-bar-slot{margin-left:0;width:100%;justify-content:center}.vws-header-tab-bar-slot .vws-tab-bar--inline{width:100%;justify-content:center;gap:0}.vws-header-tab-bar-slot .vws-tab-btn{flex:1;justify-content:center;padding:8px 12px;border-bottom:2px solid #e2e8f0;font-size:13px}.vws-header-tab-bar-slot .vws-tab-btn--active{border-bottom-color:#2563eb}.vws-header-controls-row{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:6px;scrollbar-width:none;-ms-overflow-style:none}.vws-header-controls-row::-webkit-scrollbar{display:none}.vws-header-search-wrapper{flex:1;min-width:120px}.vws-header-btn-label{display:none}.vws-header-clear-btn,.vws-header-export-btn,.vws-header-export-img-btn,.vws-header-print-cccd-btn,.vws-header-copy-btn,.vws-header-col-sel-btn{padding:0 9px;gap:0}.vws-header-date-group--desktop-only,.vws-header-today-btn--desktop-only{display:none}.vws-header-mobile-filter-btn{display:inline-flex;align-items:center;justify-content:center;height:34px;width:34px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#374151;cursor:pointer;flex-shrink:0;transition:all .15s}.vws-header-mobile-filter-btn:hover{background:#f8fafc;border-color:#cbd5e1}.vws-header-mobile-filter-btn--active{border-color:#6366f1;background:#eef2ff;color:#4f46e5}}[data-theme=dark] .vws-header-root{background:var(--bg-content, #1e2a3a);border-bottom-color:var(--border-divider, #2d3a4a)}[data-theme=dark] .vws-header-title{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .vws-header-icon{color:#818cf8}[data-theme=dark] .vws-header-search-group{background:var(--bg-input, #1a2535);border-color:var(--border-input, #2d3a4a)}[data-theme=dark] .vws-header-search-input{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .vws-header-date-group{background:var(--bg-input, #1a2535);border-color:var(--border-input, #2d3a4a)}[data-theme=dark] .vws-header-date-label,[data-theme=dark] .vws-header-date-sep{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .vws-header-date-input{color:var(--text-primary, #e2e8f0);color-scheme:dark}[data-theme=dark] .vws-header-today-btn{background:rgba(99,102,241,.15);border-color:#6366f1;color:#a5b4fc}[data-theme=dark] .vws-header-today-btn:hover{background:rgba(99,102,241,.25)}[data-theme=dark] .vws-header-clear-btn{background:var(--bg-input, #1a2535);border-color:#fca5a566;color:#f87171}[data-theme=dark] .vws-header-clear-btn:hover{background:rgba(248,113,113,.1)}[data-theme=dark] .vws-header-export-btn{background:var(--bg-input, #1a2535);border-color:#34d39966;color:#34d399}[data-theme=dark] .vws-header-export-btn:hover{background:rgba(52,211,153,.1)}[data-theme=dark] .vws-header-export-img-btn{background:var(--bg-input, #1a2535);border-color:#22d3ee66;color:#22d3ee}[data-theme=dark] .vws-header-export-img-btn:hover{background:rgba(34,211,238,.1)}[data-theme=dark] .vws-header-print-cccd-btn{background:var(--bg-input, #1a2535);border-color:#fdba7466;color:#fb923c}[data-theme=dark] .vws-header-print-cccd-btn:hover{background:rgba(251,146,60,.1)}[data-theme=dark] .vws-header-copy-btn{background:var(--bg-input, #1a2535);border-color:#a78bfa66;color:#a78bfa}[data-theme=dark] .vws-header-copy-btn:hover{background:rgba(167,139,250,.1)}[data-theme=dark] .vws-header-col-sel-btn{background:var(--bg-input, #1a2535);border-color:var(--border-input, #2d3a4a);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .vws-header-col-sel-btn:hover{background:var(--bg-surface-hover, #1e2a3a);border-color:var(--border-divider, #3d4a5a)}[data-theme=dark] .vws-header-mobile-sheet{background:var(--bg-content, #1e2a3a)}[data-theme=dark] .vws-header-mobile-sheet-header{color:var(--text-primary, #e2e8f0);border-bottom-color:var(--border-divider, #2d3a4a)}[data-theme=dark] .vws-header-mobile-sheet-close{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .vws-header-mobile-sheet-close:hover{background:var(--bg-surface-hover, #2d3a4a)}[data-theme=dark] .vws-header-mobile-sheet-label{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .vws-header-mobile-filter-btn{background:var(--bg-input, #1a2535);border-color:var(--border-input, #2d3a4a);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .vws-header-mobile-filter-btn:hover{background:var(--bg-surface-hover, #1e2a3a)}[data-theme=dark] .vws-header-mobile-filter-btn--active{border-color:#818cf8;background:rgba(99,102,241,.15);color:#a5b4fc}.ad-trigger{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#f0f0f0;color:#555;border:1px solid #ddd;border-radius:15px;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}.ad-trigger:hover{background:#e2e6ea;color:#333;border-color:#bbb;transform:rotate(30deg)}.ad-menu{position:fixed;z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 16px #0000001f;min-width:160px;padding:4px 0;animation:ad-fadein .15s ease}@keyframes ad-fadein{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ad-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 14px;background:none;border:none;cursor:pointer;font-size:13px;color:#374151;text-align:left;transition:background .15s}.ad-menu-item:hover{background:#f1f5f9;color:#1e293b}.ad-menu-item.warning{color:#856404}.ad-menu-item.warning:hover{background:#fff3cd}.ad-menu-item.danger{color:#721c24}.ad-menu-item.danger:hover{background:#f8d7da}.ad-menu-divider{height:1px;background:#e5e7eb;margin:4px 0}[data-theme=dark] .ad-trigger{background:#334155;color:#cbd5e1;border-color:#475569}[data-theme=dark] .ad-trigger:hover{background:#475569;color:#e2e8f0;border-color:#64748b}[data-theme=dark] .ad-menu{background:#1e293b;border-color:#334155;box-shadow:0 4px 24px #00000080}[data-theme=dark] .ad-menu-item{color:#cbd5e1}[data-theme=dark] .ad-menu-item:hover{background:#334155;color:#e2e8f0}[data-theme=dark] .ad-menu-item.warning{color:#fbbf24}[data-theme=dark] .ad-menu-item.warning:hover{background:rgba(251,191,36,.12)}[data-theme=dark] .ad-menu-item.danger{color:#f87171}[data-theme=dark] .ad-menu-item.danger:hover{background:rgba(248,113,113,.12)}[data-theme=dark] .ad-menu-divider{background:#334155}.vws-table-wrapper{display:flex;flex-direction:column;flex:1;min-height:0}.vws-table-scroll-container{overflow-x:auto;overflow-y:auto;flex:1;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.vws-table{width:-moz-max-content;width:max-content;border-collapse:collapse;font-size:13px;white-space:nowrap;table-layout:fixed}.vws-thead-cell{position:sticky;top:0;z-index:2;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:0 12px;height:44px;text-align:left;font-weight:600;color:#374151;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vws-thead-sortable{cursor:pointer}.vws-thead-sortable:hover{background:#f1f5f9}.vws-thead-sticky-action{position:sticky;right:0;z-index:3;background:#f8fafc;border-left:1px solid #e2e8f0}.vws-thead-content{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.vws-thead-label{display:inline-flex;align-items:center;gap:4px}.vws-thead-sort-icon{color:#6366f1;flex-shrink:0}.vws-thead-filtered{background:#eff6ff!important}.vws-tbody-row{border-bottom:1px solid #f1f5f9;transition:background .12s}.vws-tbody-row:hover{background:#f8fafc}.vws-tbody-row td{padding:1px 12px;vertical-align:middle;color:#1e293b}.vws-td-sticky-action{position:sticky;right:0;background:#fff;border-left:1px solid #e2e8f0;z-index:1}.vws-tbody-row:hover .vws-td-sticky-action{background:#f8fafc}.vws-action-dropdown-trigger{display:flex;align-items:center;justify-content:center}.vws-gear-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;color:#64748b;transition:all .15s}.vws-gear-btn:hover{background:#f1f5f9;color:#334155;border-color:#cbd5e1}.vws-contract-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.vws-contract-seasonal{background:#dbeafe;color:#1d4ed8}.vws-contract-intern{background:#f3e8ff;color:#7c3aed}.vws-work-status-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.vws-work-status-working{background:#dcfce7;color:#15803d}.vws-work-status-resigned{background:#fee2e2;color:#b91c1c}.vws-work-status-temporary{background:#fef9c3;color:#854d0e}.vws-work-status-applying{background:#e0f2fe;color:#0369a1}.vws-work-status-unknown{background:#f1f5f9;color:#64748b}.vws-status-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.vws-status-approved{background:#dcfce7;color:#15803d}.vws-status-pending{background:#fef9c3;color:#854d0e}.vws-ca-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.vws-ca-sang{background:#fef3c7;color:#92400e}.vws-ca-chieu{background:#dbeafe;color:#1e40af}.vws-ca-dem{background:#e0e7ff;color:#3730a3}.vws-xuong-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:12px;background:#f0fdf4;color:#166534;font-weight:500}.vws-attendance-yes{color:#15803d;font-weight:500}.vws-attendance-no{color:#b91c1c;font-weight:500}.vws-img-clickable{position:relative;display:inline-block;cursor:zoom-in;border-radius:4px;overflow:hidden;flex-shrink:0}.vws-img-clickable--cccd{border-radius:3px}.vws-img-zoom-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0);transition:background .18s ease;border-radius:inherit;pointer-events:none}.vws-img-clickable:hover .vws-img-zoom-overlay{background:rgba(0,0,0,.2)}.vws-img-clickable img{display:block;transition:transform .2s ease,border-color .2s ease}.vws-img-clickable:hover img{transform:scale(1.05);border-color:#3b82f6}.vws-name-with-avatar{display:flex;align-items:center;gap:8px}.vws-avatar-cell{flex-shrink:0}.vws-candidate-avatar{width:40px;height:60px;border-radius:4px;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;border:1px solid #e2e8f0;display:block}.vws-avatar-placeholder{width:40px;height:60px;border-radius:4px;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#64748b}.vws-candidate-name{white-space:nowrap}.vws-cccd-cell-content{display:flex;flex-direction:row;align-items:center;gap:8px}.vws-cccd-images{display:flex;flex-direction:column;gap:3px;flex-shrink:0}.vws-cccd-thumb{width:42px;height:26px;-o-object-fit:cover;object-fit:cover;border-radius:3px;border:1px solid #e2e8f0;cursor:pointer;transition:opacity .15s;display:block}.vws-cccd-thumb:hover{opacity:.8}.vws-cccd-number{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-size:13px}.vws-nha-thoi-vu-code{font-weight:500;color:#374151}.vws-no-data{color:#94a3b8}.vws-td-address,.vws-td-notes{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vws-table-loading-cell,.vws-table-empty-cell{text-align:center;padding:48px 16px!important;color:#64748b}.vws-table-loading{display:flex;align-items:center;justify-content:center;gap:10px}.vws-loading-spinner{width:20px;height:20px;border:2px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:vws-spin .7s linear infinite}@keyframes vws-spin{to{transform:rotate(360deg)}}.vws-table-empty{color:#94a3b8;font-size:14px}.vws-table-error{padding:20px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c}[data-theme=dark] .vws-table-scroll-container{background:var(--bg-content, #1e2a3a);border-color:var(--border-divider, #2d3a4a)}[data-theme=dark] .vws-thead-cell{background:var(--bg-input, #1a2535);border-bottom-color:var(--border-divider, #2d3a4a);color:var(--text-label, #8a93a8)}[data-theme=dark] .vws-thead-sortable:hover{background:var(--bg-surface-hover, #1e2a3a)}[data-theme=dark] .vws-thead-sticky-action{background:var(--bg-input, #1a2535);border-left-color:var(--border-divider, #2d3a4a)}[data-theme=dark] .vws-thead-filtered{background:rgba(37,99,235,.15)!important}[data-theme=dark] .vws-tbody-row{border-bottom-color:var(--border-divider, #2d3a4a)}[data-theme=dark] .vws-tbody-row:hover{background:var(--bg-surface-hover, #1e2a3a)}[data-theme=dark] .vws-tbody-row td{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .vws-td-sticky-action{background:var(--bg-content, #1e2a3a);border-left-color:var(--border-divider, #2d3a4a)}[data-theme=dark] .vws-tbody-row:hover .vws-td-sticky-action{background:var(--bg-surface-hover, #1e2a3a)}[data-theme=dark] .vws-gear-btn{background:var(--bg-input, #1a2535);border-color:var(--border-input, #2d3a4a);color:var(--text-secondary, #8a93a8)}[data-theme=dark] .vws-gear-btn:hover{background:var(--bg-surface-hover, #1e2a3a);color:var(--text-primary, #e2e8f0);border-color:var(--border-divider, #3d4a5a)}[data-theme=dark] .vws-contract-seasonal{background:rgba(29,78,216,.25);color:#93c5fd}[data-theme=dark] .vws-contract-intern{background:rgba(124,58,237,.25);color:#c4b5fd}[data-theme=dark] .vws-work-status-working{background:rgba(21,128,61,.25);color:#86efac}[data-theme=dark] .vws-work-status-resigned{background:rgba(185,28,28,.25);color:#fca5a5}[data-theme=dark] .vws-work-status-temporary{background:rgba(133,77,14,.25);color:#fde68a}[data-theme=dark] .vws-work-status-applying{background:rgba(3,105,161,.25);color:#7dd3fc}[data-theme=dark] .vws-work-status-unknown{background:rgba(100,116,139,.2);color:#94a3b8}[data-theme=dark] .vws-status-approved{background:rgba(21,128,61,.25);color:#86efac}[data-theme=dark] .vws-status-pending{background:rgba(133,77,14,.25);color:#fde68a}[data-theme=dark] .vws-ca-sang{background:rgba(146,64,14,.25);color:#fcd34d}[data-theme=dark] .vws-ca-chieu{background:rgba(30,64,175,.25);color:#93c5fd}[data-theme=dark] .vws-ca-dem{background:rgba(55,48,163,.25);color:#a5b4fc}[data-theme=dark] .vws-xuong-badge{background:rgba(22,101,52,.25);color:#86efac}[data-theme=dark] .vws-attendance-yes{color:#4ade80}[data-theme=dark] .vws-attendance-no{color:#f87171}[data-theme=dark] .vws-candidate-avatar{border-color:var(--border-divider, #2d3a4a)}[data-theme=dark] .vws-avatar-placeholder{background:var(--bg-input, #1a2535);color:var(--text-secondary, #8a93a8)}[data-theme=dark] .vws-cccd-thumb{border-color:var(--border-divider, #2d3a4a)}[data-theme=dark] .vws-nha-thoi-vu-code{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .vws-no-data{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .vws-loading-spinner{border-color:var(--border-divider, #2d3a4a);border-top-color:#818cf8}[data-theme=dark] .vws-table-loading-cell,[data-theme=dark] .vws-table-empty-cell{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .vws-table-error{background:rgba(185,28,28,.15);border-color:#fca5a54d;color:#f87171}.staff-info-modal-v2-overlay{display:contents}.staff-info-modal-v2-container{position:fixed;top:101px;right:0;width:700px;height:calc(100vh - 101px);background:white;display:flex;flex-direction:column;box-shadow:-4px 0 20px #00000026;border-left:1px solid #e5e7eb;z-index:1000;transform:translate(100%);animation:staff-info-v2-slide-in .4s cubic-bezier(.4,0,.2,1) forwards}.staff-info-modal-v2-container.initial-open{animation:staff-info-v2-slide-in .4s cubic-bezier(.4,0,.2,1) forwards}.staff-info-modal-v2-container.is-closing{animation:staff-info-v2-slide-out .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes staff-info-v2-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes staff-info-v2-slide-out{0%{transform:translate(0)}to{transform:translate(100%)}}.staff-info-modal-v2-header{display:flex;justify-content:space-between;align-items:center;padding:10px 24px;background:var(--color-primary, var(--color-primary, #667eea));color:#fff;flex-shrink:0;border-top-right-radius:12px}.staff-info-modal-v2-title-wrapper{flex:1}.staff-info-modal-v2-title{margin:0;font-size:20px;font-weight:600;color:#fff}.staff-info-modal-v2-subtitle{margin:4px 0 0;font-size:14px;opacity:.9;color:#fff}.staff-info-modal-v2-close-btn{background:rgba(255,255,255,.2);border:none;border-radius:6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease;flex-shrink:0;margin-left:16px}.staff-info-modal-v2-close-btn:hover{background:rgba(255,255,255,.3);transform:scale(1.05)}.staff-info-modal-v2-content{flex:1;overflow-y:auto;padding:2px;background:#f9fafb}.staff-info-v2-section{background:white;border-radius:8px;padding:5px 20px;box-shadow:0 1px 3px #0000001a}.staff-info-v2-section:last-child{margin-bottom:0}.staff-info-v2-section-title{margin:0 0 16px;font-size:16px;font-weight:600;color:#1f2937;border-bottom:2px solid #e5e7eb}.staff-info-v2-main-grid{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;margin-bottom:16px}.staff-info-v2-avatar-col{display:flex;flex-direction:column;align-items:center;justify-content:center}.staff-info-v2-avatar-large{width:180px;height:240px;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:2px solid #e5e7eb;box-shadow:0 2px 8px #0000001a}.staff-info-v2-avatar-placeholder-large{width:180px;height:240px;background:#e5e7eb;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:100px;box-shadow:0 2px 8px #0000001a}.staff-info-v2-details-col{display:flex;flex-direction:column;gap:4px}.staff-info-v2-detail-row{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:start;padding:6px 0}.staff-info-v2-detail-label{font-size:13px;font-weight:600;color:#6b7280;padding-top:2px;display:flex;align-items:center;gap:5px;white-space:nowrap}.staff-info-v2-detail-value{font-size:14px;color:#1f2937;word-wrap:break-word}.staff-info-v2-full-row{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:10px 0;border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;margin:8px 0}.staff-info-v2-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:8px}.staff-info-v2-two-cols .staff-info-v2-detail-row{padding:6px 0}.staff-info-v2-work-row{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 0;border-bottom:1px solid #f3f4f6;flex-wrap:wrap}.staff-info-v2-work-row:last-child{border-bottom:none}.staff-info-v2-work-item-inline{display:flex;align-items:center;gap:6px}.staff-info-v2-work-item-inline svg{color:var(--color-primary, var(--color-primary, #667eea));flex-shrink:0}.staff-info-v2-work-label{font-size:13px;font-weight:600;color:#6b7280}.staff-info-v2-work-value{font-size:14px;color:#1f2937;font-weight:500}.staff-info-v2-divider{color:#d1d5db;font-weight:300}.staff-info-v2-history-table-container{overflow-x:auto;overflow-y:auto;max-height:320px;margin-top:12px;border:1px solid #e5e7eb;border-radius:8px}.staff-info-v2-history-table{width:100%;border-collapse:collapse;font-size:13px;table-layout:auto}.staff-info-v2-history-table thead{background:#f3f4f6;position:sticky;top:0;z-index:10}.staff-info-v2-history-table th{padding:10px 12px;text-align:center;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;white-space:nowrap}.staff-info-v2-history-table th:nth-child(5){min-width:180px}.staff-info-v2-congviec-cell{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px;font-size:12px;line-height:1.5}.staff-info-v2-congviec-sep{color:#9ca3af;font-weight:400;margin:0 2px;font-size:11px}.staff-info-v2-updating-badge{display:inline-block;padding:2px 8px;font-size:11px;font-style:italic;color:#9ca3af;background-color:#f3f4f6;border:1px dashed #d1d5db;border-radius:4px;white-space:nowrap}.staff-info-v2-history-table td{padding:10px 12px;border-bottom:1px solid #e5e7eb;color:#4b5563;white-space:nowrap;text-align:center}.staff-info-v2-history-table tbody tr:hover{background-color:#f9fafb}.staff-info-v2-history-table tbody tr:last-child td{border-bottom:none}.staff-info-v2-loading,.staff-info-v2-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#6b7280}.staff-info-v2-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:var(--color-primary, var(--color-primary, #667eea));border-radius:50%;animation:staff-info-v2-spin .8s linear infinite;margin-bottom:12px}@keyframes staff-info-v2-spin{to{transform:rotate(360deg)}}.staff-info-v2-empty p{margin:0;font-size:14px}.staff-info-modal-v2-footer{display:flex;justify-content:space-between;align-items:center;padding:6px 24px;background:white;border-top:1px solid #e5e7eb;flex-shrink:0}.staff-info-v2-footer-info{font-size:14px;color:#6b7280}.staff-info-modal-v2-btn-close{padding:10px 20px;background:#6b7280;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.staff-info-modal-v2-btn-close:hover{background:#4b5563;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}@media (max-width: 768px){.staff-info-modal-v2-container{width:100%;max-width:100vw}.staff-info-modal-v2-header{border-top-left-radius:12px}.staff-info-v2-main-grid{grid-template-columns:1fr;gap:16px}.staff-info-v2-avatar-col{justify-content:center}.staff-info-v2-two-cols{grid-template-columns:1fr}.staff-info-v2-history-table{font-size:12px}.staff-info-v2-history-table th,.staff-info-v2-history-table td{padding:8px 6px}.staff-info-v2-work-row{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;padding:0;border-bottom:none}.staff-info-v2-divider{display:none}.staff-info-v2-work-item-inline{width:100%;padding:8px 0;border-bottom:1px solid #f3f4f6;align-items:center;gap:8px}.staff-info-v2-work-item-inline:last-child{border-bottom:none}.staff-info-v2-work-item-inline svg{flex-shrink:0;min-width:16px}}.sim-general-grid{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:flex-start}.sim-avatar-col{display:flex;flex-direction:column;align-items:center}.sim-avatar-img{width:160px;height:210px;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:2px solid #e5e7eb;box-shadow:0 2px 8px #0000001a}.sim-avatar-placeholder{width:160px;height:210px;background:#e5e7eb;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:80px}.sim-info-col{display:flex;flex-direction:column;gap:4px}.sim-info-row{display:grid;grid-template-columns:130px 1fr;gap:8px;align-items:center;padding:5px 0;border-bottom:1px solid #f3f4f6}.sim-info-row:last-child{border-bottom:none}.sim-info-label{font-size:13px;font-weight:600;color:#6b7280;display:flex;align-items:center;gap:5px;white-space:nowrap}.sim-info-label svg{color:var(--color-primary, var(--color-primary, #667eea));flex-shrink:0}.sim-info-value{font-size:14px;color:#1f2937}.sim-info-name{font-size:16px;font-weight:700;color:#111827}.sim-trangThai-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.sim-trangThai-badge.working{background:#d1fae5;color:#065f46}.sim-trangThai-badge.quit{background:#fee2e2;color:#991b1b}.sim-trangThai-badge.applying{background:#dbeafe;color:#1e40af}.sim-trangThai-badge.default{background:#f3f4f6;color:#6b7280}.sim-personal-row{display:grid;grid-template-columns:130px 1fr;gap:8px;align-items:start;padding:7px 0;border-bottom:1px solid #f3f4f6}.sim-personal-row:last-child{border-bottom:none}.sim-personal-grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sim-personal-grid2 .sim-personal-row{padding:7px 0}.sim-cccd-images{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid #f3f4f6}.sim-cccd-img-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.sim-cccd-img-label{font-size:12px;font-weight:600;color:#6b7280}.sim-cccd-img{width:100%;max-height:180px;-o-object-fit:contain;object-fit:contain;border-radius:6px;border:1px solid #e5e7eb;background:#f9fafb}.sim-work-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #f3f4f6}.sim-nghiviec-section .staff-info-v2-section-title{color:#991b1b;border-bottom-color:#fecaca}.sim-nghiviec-title{display:flex!important;align-items:center;gap:8px}.sim-nv-count{margin-left:auto;background:#fee2e2;color:#991b1b;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px}.sim-nv-list{display:flex;flex-direction:column;gap:12px}.sim-nv-card{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.sim-nv-card.status-done{border-color:#6ee7b7}.sim-nv-card.status-pending{border-color:#fcd34d}.sim-nv-card.status-rejected{border-color:#fca5a5}.sim-nv-card-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.sim-nv-card.status-done .sim-nv-card-header{background:#f0fdf4;border-color:#6ee7b7}.sim-nv-card.status-pending .sim-nv-card-header{background:#fffbeb;border-color:#fcd34d}.sim-nv-card.status-rejected .sim-nv-card-header{background:#fff1f2;border-color:#fca5a5}.sim-nv-card-index{font-size:12px;font-weight:700;color:#9ca3af}.sim-nv-loaidon{font-size:12px;font-weight:600;color:#374151;background:#e5e7eb;padding:2px 8px;border-radius:4px}.sim-nv-card-body{padding:12px;display:flex;flex-direction:column;gap:8px}.sim-nv-grid2{display:grid;grid-template-columns:1fr 1fr;gap:5px 16px;align-items:center}.sim-nv-item{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 5px;min-width:0}.sim-nv-item-full{grid-column:1 / -1}.sim-nv-item-label{font-size:11px;font-weight:600;color:#9ca3af;display:flex;align-items:center;gap:3px;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.sim-nv-item-label:after{content:":";font-weight:400}.sim-nv-item-value{font-size:13px;color:#1f2937;word-break:break-word;min-width:0}.sim-nv-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.sim-nv-badge.done{background:#d1fae5;color:#065f46}.sim-nv-badge.pending{background:#fef3c7;color:#92400e}.sim-nv-badge.rejected{background:#fee2e2;color:#991b1b}.sim-nv-badge.default{background:#f3f4f6;color:#6b7280}.sim-nv-restore{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.sim-nv-restore-title{font-size:12px;font-weight:700;color:#1e40af;display:flex;align-items:center;gap:4px}@media (max-width: 768px){.sim-general-grid{grid-template-columns:1fr}.sim-avatar-col{align-items:center}.sim-avatar-img,.sim-avatar-placeholder{width:120px;height:160px}.sim-info-row{grid-template-columns:110px 1fr}.sim-personal-grid2,.sim-cccd-images,.sim-nv-grid2{grid-template-columns:1fr}.sim-nv-item{flex-wrap:wrap}}[data-theme=dark] .staff-info-modal-v2-container{background:var(--bg-surface, #1c1f26);border-left-color:var(--border-divider, #2d3140);box-shadow:-4px 0 24px #00000080}[data-theme=dark] .staff-info-modal-v2-header{background:#0f172a;border-bottom:1px solid rgba(37,99,235,.25)}[data-theme=dark] .staff-info-modal-v2-title{color:#e2e8f0}[data-theme=dark] .staff-info-modal-v2-subtitle{color:#94a3b8;opacity:1}[data-theme=dark] .staff-info-modal-v2-close-btn{background:rgba(255,255,255,.08);color:#94a3b8}[data-theme=dark] .staff-info-modal-v2-close-btn:hover{background:rgba(255,255,255,.15);color:#e2e8f0}[data-theme=dark] .staff-info-modal-v2-content{background:var(--bg-content, #0f1117)}[data-theme=dark] .staff-info-v2-section{background:var(--bg-surface, #1c1f26);box-shadow:0 1px 3px #0000004d}[data-theme=dark] .staff-info-v2-section-title{color:var(--text-primary, #e2e8f0);border-bottom-color:var(--border-divider, #2d3140)}[data-theme=dark] .staff-info-v2-detail-label{color:var(--text-label, #6b7280)}[data-theme=dark] .staff-info-v2-detail-value{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .staff-info-v2-full-row{border-top-color:var(--border-divider, #2d3140);border-bottom-color:var(--border-divider, #2d3140)}[data-theme=dark] .staff-info-v2-avatar-large,[data-theme=dark] .staff-info-v2-avatar-placeholder-large{border-color:var(--border-divider, #2d3140)}[data-theme=dark] .staff-info-v2-avatar-placeholder-large{background:var(--bg-input, #252830)}[data-theme=dark] .staff-info-v2-work-row{border-bottom-color:var(--border-divider, #2d3140)}[data-theme=dark] .staff-info-v2-work-label{color:var(--text-label, #6b7280)}[data-theme=dark] .staff-info-v2-work-value{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .staff-info-v2-divider{color:var(--border-divider, #3a3f4f)}[data-theme=dark] .staff-info-v2-history-table-container{border-color:var(--border-divider, #2d3140)}[data-theme=dark] .staff-info-v2-history-table{background:var(--bg-surface, #1c1f26)}[data-theme=dark] .staff-info-v2-history-table thead{background:var(--bg-input, #252830)}[data-theme=dark] .staff-info-v2-history-table th{color:var(--text-label, #8a93a8);border-bottom-color:var(--border-divider, #3a3f4f)}[data-theme=dark] .staff-info-v2-history-table td{color:var(--text-secondary, #a0aec0);border-bottom-color:var(--border-divider, #2d3140)}[data-theme=dark] .staff-info-v2-history-table tbody tr:hover{background:var(--bg-surface-hover, #2a2f3d)}[data-theme=dark] .staff-info-v2-updating-badge{color:var(--text-label, #6b7280);background:var(--bg-input, #252830);border-color:var(--border-divider, #3a3f4f)}[data-theme=dark] .staff-info-v2-loading,[data-theme=dark] .staff-info-v2-empty{color:var(--text-label, #6b7280)}[data-theme=dark] .staff-info-v2-spinner{border-color:var(--border-divider, #3a3f4f);border-top-color:var(--color-primary, #667eea)}[data-theme=dark] .staff-info-modal-v2-footer{background:var(--bg-surface, #1c1f26);border-top-color:var(--border-divider, #2d3140)}[data-theme=dark] .staff-info-v2-footer-info{color:var(--text-label, #6b7280)}[data-theme=dark] .sim-avatar-img{border-color:var(--border-divider, #2d3140)}[data-theme=dark] .sim-avatar-placeholder{background:var(--bg-input, #252830)}[data-theme=dark] .sim-info-row{border-bottom-color:var(--border-divider, #2d3140)}[data-theme=dark] .sim-info-label{color:var(--text-label, #6b7280)}[data-theme=dark] .sim-info-value,[data-theme=dark] .sim-info-name{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .sim-personal-row{border-bottom-color:var(--border-divider, #2d3140)}[data-theme=dark] .sim-cccd-images{border-top-color:var(--border-divider, #2d3140)}[data-theme=dark] .sim-cccd-img{border-color:var(--border-divider, #2d3140);background:var(--bg-input, #252830)}[data-theme=dark] .sim-cccd-img-label{color:var(--text-label, #6b7280)}[data-theme=dark] .sim-nv-card{border-color:var(--border-divider, #2d3140)}[data-theme=dark] .sim-nv-card-header{background:var(--bg-input, #252830);border-bottom-color:var(--border-divider, #2d3140)}[data-theme=dark] .sim-nv-card.status-done .sim-nv-card-header{background:rgba(6,95,70,.15);border-color:#34d3994d}[data-theme=dark] .sim-nv-card.status-pending .sim-nv-card-header{background:rgba(146,64,14,.15);border-color:#fcd34d4d}[data-theme=dark] .sim-nv-card.status-rejected .sim-nv-card-header{background:rgba(153,27,27,.15);border-color:#fca5a54d}[data-theme=dark] .sim-nv-card-index{color:var(--text-label, #6b7280)}[data-theme=dark] .sim-nv-loaidon{color:var(--text-primary, #e2e8f0);background:var(--bg-surface-hover, #2a2f3d)}[data-theme=dark] .sim-nv-item-label{color:var(--text-label, #6b7280)}[data-theme=dark] .sim-nv-item-value{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .sim-nv-restore{background:rgba(var(--color-primary-rgb, 102, 126, 234),.08);border-color:rgba(var(--color-primary-rgb, 102, 126, 234),.25)}[data-theme=dark] .sim-nv-restore-title{color:var(--color-primary, #667eea)}.vws-cal-header-row{position:sticky;top:0;z-index:3}.vws-cal-header-fixed{position:sticky;top:0;z-index:4;background:#f8fafc;border-bottom:2px solid #e2e8f0;border-right:none;box-shadow:inset -1px 0 #e2e8f0;height:44px;padding:0 8px;font-size:12px;font-weight:600;color:#475569;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vws-cal-header-cell-inner{display:flex;align-items:center;gap:4px}.vws-cal-header-cell-inner span{flex:1}.vws-cal-header-col-action{left:0;width:48px;min-width:48px;text-align:center}.vws-cal-header-col-ma-nv{left:48px;width:77px;min-width:77px;max-width:77px;text-align:center}.vws-cal-header-col-ho-ten{left:125px;width:170px;min-width:170px;max-width:170px}.vws-cal-header-col-cccd{left:295px;width:100px;min-width:100px;max-width:100px;text-align:center}.vws-cal-header-col-vendor{left:395px;width:100px;min-width:100px;max-width:100px;text-align:center}.vws-cal-header-col-trang-thai{left:495px;width:100px;min-width:100px;max-width:100px;text-align:center}.vws-cal-header-col-ty-le{left:595px;width:70px;min-width:70px;max-width:70px;text-align:center;box-shadow:inset -2px 0 #cbd5e1,inset -1px 0 #e2e8f0}.vws-cal-header-day-cell{position:sticky;top:0;z-index:3;background:#f8fafc;border-bottom:2px solid #e2e8f0;border-right:1px solid #e2e8f0;min-width:36px;height:44px;text-align:center;padding:2px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vws-cal-header-day-cell--hidden{visibility:hidden}.vws-cal-header-day-cell--month-start{border-left:2px solid #cbd5e1}.vws-cal-header-day-month{display:block;font-size:8px;font-weight:700;color:#3b82f6;text-transform:uppercase;line-height:1.2;letter-spacing:.03em}.vws-cal-header-day-cell--today{background:#fef3c7;border-bottom-color:#f59e0b}.vws-cal-header-day-num{display:block;font-size:11px;font-weight:700;color:#374151;line-height:1.4}.vws-cal-header-day-cell--today .vws-cal-header-day-num{color:#b45309}.vws-cal-header-day-dow{display:block;font-size:9px;font-weight:500;color:#94a3b8;text-transform:uppercase;line-height:1.3}.vws-cal-header-day-cell--sunday .vws-cal-header-day-num,.vws-cal-header-day-cell--sunday .vws-cal-header-day-dow{color:#ef4444}.vws-cal-header-day-cell--saturday .vws-cal-header-day-num,.vws-cal-header-day-cell--saturday .vws-cal-header-day-dow{color:#3b82f6}.vws-cal-header-sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vws-cal-header-sortable:hover{background-color:#e2e8f0!important}.vws-cal-header-sortable-label{display:flex;align-items:center;gap:2px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex:1;min-width:0}.vws-cal-header-sortable-label:hover{color:#2563eb}.vws-cal-sort-icon{font-size:10px;line-height:1;flex-shrink:0}.vws-cal-sort-icon--idle{opacity:.3}.vws-cal-sort-icon--active{opacity:1;color:#2563eb;font-weight:700}@media (max-width: 768px){.vws-cal-header-row{position:static}.vws-cal-header-fixed{position:static;box-shadow:none;border-right:1px solid #e2e8f0}.vws-cal-header-col-ty-le{box-shadow:none;border-right:1px solid #e2e8f0}.vws-cal-header-col-trang-thai{box-shadow:none}.vws-cal-header-day-cell{position:static}}[data-theme=dark] .vws-cal-header-fixed{background:var(--bg-input, #1a2535);border-bottom-color:var(--border-divider, #2d3a4a);box-shadow:inset -1px 0 0 var(--border-divider, #2d3a4a);color:var(--text-label, #8a93a8)}[data-theme=dark] .vws-cal-header-col-ty-le{box-shadow:inset -2px 0 0 var(--border-divider, #3d4a5a),inset -1px 0 0 var(--border-divider, #2d3a4a)}[data-theme=dark] .vws-cal-header-day-cell{background:var(--bg-input, #1a2535);border-bottom-color:var(--border-divider, #2d3a4a);border-right-color:var(--border-divider, #2d3a4a)}[data-theme=dark] .vws-cal-header-day-cell--month-start{border-left-color:var(--border-divider, #3d4a5a)}[data-theme=dark] .vws-cal-header-day-cell--today{background:rgba(245,158,11,.15);border-bottom-color:#f59e0b}[data-theme=dark] .vws-cal-header-day-num{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .vws-cal-header-day-cell--today .vws-cal-header-day-num{color:#fbbf24}[data-theme=dark] .vws-cal-header-day-dow{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .vws-cal-header-day-cell--sunday .vws-cal-header-day-num,[data-theme=dark] .vws-cal-header-day-cell--sunday .vws-cal-header-day-dow{color:#f87171}[data-theme=dark] .vws-cal-header-day-cell--saturday .vws-cal-header-day-num,[data-theme=dark] .vws-cal-header-day-cell--saturday .vws-cal-header-day-dow{color:#60a5fa}[data-theme=dark] .vws-cal-header-sortable:hover{background-color:var(--bg-surface-hover, #1e2a3a)!important}.vws-cal-cell-td{min-width:36px;padding:4px 0;text-align:center;vertical-align:middle;border-right:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;position:relative}.vws-cal-cell-td--hidden{visibility:hidden}.vws-cal-cell-td--today{background:#fffbeb}.vws-cal-cell-inner{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;cursor:default}.vws-cal-cell-dot{width:20px;height:20px;border-radius:50%;display:block;flex-shrink:0}.vws-cal-cell-dot--worked{background:#22c55e}.vws-cal-cell-dot--empty{background:#e2e8f0}.vws-cal-cell-badge{position:absolute;top:-2px;right:-2px;display:flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000002e;line-height:1}.vws-cal-cell-badge--flag{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:0;background:transparent;box-shadow:none;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 3px rgba(37,99,235,.7))}.vws-cal-cell-flag-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;filter:drop-shadow(0 1px 3px rgba(37,99,235,.7))}.vws-cal-cell-end-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.vws-cal-cell-tooltip{display:none;position:fixed;z-index:9999;background:#1e293b;color:#f8fafc;padding:7px 11px;border-radius:7px;font-size:12px;line-height:1.6;white-space:nowrap;pointer-events:none;box-shadow:0 4px 16px #00000040;transform:translate(10px,-50%)}.vws-cal-cell-tooltip--visible{display:block}.vws-cal-cell-tooltip:before{content:"";position:absolute;left:-5px;top:50%;transform:translateY(-50%);border-width:5px 5px 5px 0;border-style:solid;border-color:transparent #1e293b transparent transparent}.vws-cal-cell-inner--interactive{cursor:pointer}[data-theme=dark] .vws-cal-cell-td{border-right-color:var(--border-divider, #2d3a4a);border-bottom-color:var(--border-divider, #2d3a4a)}[data-theme=dark] .vws-cal-cell-td--today{background:rgba(251,191,36,.08)}[data-theme=dark] .vws-cal-cell-dot--empty{background:var(--bg-input, #2d3a4a)}[data-theme=dark] .vws-cal-cell-badge{background:var(--bg-content, #1e2a3a);box-shadow:0 1px 3px #0006}[data-theme=dark] .vws-cal-cell-badge--flag{background:transparent;box-shadow:none}.vws-cal-row{border-bottom:1px solid #e2e8f0;transition:background .12s}.vws-cal-row:hover{background:#f8fafc}.vws-cal-row--clickable{cursor:pointer}.vws-cal-row--clickable:hover,.vws-cal-row--clickable:hover .vws-cal-row-cell-fixed{background:#eff6ff}.vws-cal-row-cell-fixed{position:sticky;background:#fff;border-right:none;box-shadow:inset -1px 0 #e2e8f0;border-bottom:1px solid #e2e8f0;padding:0 8px;font-size:13px;color:#374151;vertical-align:middle;transition:background .12s;white-space:nowrap}.vws-cal-row:hover .vws-cal-row-cell-fixed{background:#f8fafc}.vws-cal-row-col-action{left:0;width:48px;min-width:48px;max-width:48px;text-align:center;z-index:2}.vws-cal-row-col-ma-nv{left:48px;width:77px;min-width:77px;max-width:77px;font-size:12px;color:#64748b;text-align:center;z-index:2}.vws-cal-row-col-ho-ten{left:125px;width:170px;min-width:170px;max-width:170px;z-index:2}.vws-cal-row-col-cccd{left:295px;width:100px;min-width:100px;max-width:100px;font-size:12px;color:#64748b;text-align:center;z-index:2}.vws-cal-row-col-vendor{left:395px;width:100px;min-width:100px;max-width:100px;font-size:12px;color:#64748b;text-align:center;z-index:2}.vws-cal-row-col-trang-thai{left:495px;width:100px;min-width:100px;max-width:100px;text-align:center;box-shadow:inset -1px 0 #e2e8f0;z-index:2}.vws-cal-row-col-ty-le{left:595px;width:70px;min-width:70px;max-width:70px;text-align:center;box-shadow:inset -2px 0 #cbd5e1;z-index:2;padding:0 4px}.vws-cal-row-ty-le-wrapper{display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1.2}.vws-cal-row-ty-le-pct{font-size:12px;font-weight:700}.vws-cal-row-ty-le-sub{font-size:10px;color:#94a3b8}.vws-cal-row-ty-le-empty{color:#cbd5e1;font-size:12px}.vws-cal-row-trang-thai-badge{display:inline-block;padding:2px 7px;border-radius:10px;font-size:11px;font-weight:500;white-space:nowrap}.vws-cal-row-trang-thai-badge--active{background:#dcfce7;color:#15803d}.vws-cal-row-trang-thai-badge--left{background:#fee2e2;color:#b91c1c}.vws-cal-row-trang-thai-badge--pending{background:#f1f5f9;color:#64748b}.vws-cal-row-staff-info{display:flex;align-items:center;gap:8px}.vws-cal-row-avatar{width:24px;height:32px;border-radius:3px;-o-object-fit:cover;object-fit:cover;flex-shrink:0;border:1px solid #e2e8f0}.vws-cal-row-avatar-placeholder{width:24px;height:32px;border-radius:3px;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#94a3b8;flex-shrink:0}.vws-cal-row-name{font-size:13px;font-weight:500;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:165px}.vws-cal-row-gear-btn{background:none;border:1px solid #e2e8f0;border-radius:6px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:background .12s,border-color .12s,color .12s}.vws-cal-row-gear-btn:hover{background:#f1f5f9;border-color:#94a3b8;color:#374151}@media (max-width: 768px){.vws-cal-row-cell-fixed{position:static;box-shadow:none;border-right:1px solid #e2e8f0}.vws-cal-row--clickable:hover .vws-cal-row-cell-fixed{background:#eff6ff}.vws-cal-row-col-ty-le{box-shadow:none;border-right:1px solid #e2e8f0}.vws-cal-row-col-trang-thai{box-shadow:none}}[data-theme=dark] .vws-cal-row{border-bottom-color:var(--border-divider, #2d3a4a)}[data-theme=dark] .vws-cal-row:hover{background:var(--bg-surface-hover, #1e2a3a)}[data-theme=dark] .vws-cal-row--clickable:hover,[data-theme=dark] .vws-cal-row--clickable:hover .vws-cal-row-cell-fixed{background:rgba(37,99,235,.08)}[data-theme=dark] .vws-cal-row-cell-fixed{background:var(--bg-content, #1e2a3a);box-shadow:inset -1px 0 0 var(--border-divider, #2d3a4a);border-bottom-color:var(--border-divider, #2d3a4a);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .vws-cal-row:hover .vws-cal-row-cell-fixed{background:var(--bg-surface-hover, #1e2a3a)}[data-theme=dark] .vws-cal-row-col-ma-nv,[data-theme=dark] .vws-cal-row-col-cccd,[data-theme=dark] .vws-cal-row-col-vendor{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .vws-cal-row-col-ty-le{box-shadow:inset -2px 0 0 var(--border-divider, #3d4a5a)}[data-theme=dark] .vws-cal-row-col-trang-thai{box-shadow:inset -1px 0 0 var(--border-divider, #2d3a4a)}[data-theme=dark] .vws-cal-row-ty-le-sub,[data-theme=dark] .vws-cal-row-ty-le-empty{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .vws-cal-row-trang-thai-badge--active{background:rgba(21,128,61,.25);color:#86efac}[data-theme=dark] .vws-cal-row-trang-thai-badge--left{background:rgba(185,28,28,.25);color:#fca5a5}[data-theme=dark] .vws-cal-row-trang-thai-badge--pending{background:rgba(100,116,139,.2);color:#94a3b8}[data-theme=dark] .vws-cal-row-avatar{border-color:var(--border-divider, #2d3a4a)}[data-theme=dark] .vws-cal-row-avatar-placeholder{background:var(--bg-input, #1a2535);color:var(--text-secondary, #8a93a8)}[data-theme=dark] .vws-cal-row-name{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .vws-cal-row-gear-btn{border-color:var(--border-input, #2d3a4a);color:var(--text-secondary, #8a93a8)}[data-theme=dark] .vws-cal-row-gear-btn:hover{background:var(--bg-surface-hover, #1e2a3a);border-color:var(--border-divider, #3d4a5a);color:var(--text-primary, #e2e8f0)}.arp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,0);z-index:200;pointer-events:none;transition:background .28s ease}.arp-overlay--visible{background:rgba(15,23,42,.18);pointer-events:auto}.arp-panel{position:fixed;top:50px;left:50px;bottom:0;width:340px;background:#fff;box-shadow:4px 0 24px #0f172a1f;z-index:201;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);border-right:1px solid #e2e8f0}.arp-panel--open{transform:translate(0)}.arp-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:2px solid #e2e8f0;flex-shrink:0;background:#f8fafc}.arp-header-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#1e293b}.arp-header-icon{color:#3b82f6}.arp-header-actions{display:flex;align-items:center;gap:6px}.arp-clear-filter-btn{padding:3px 10px;font-size:11px;font-weight:600;color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;cursor:pointer;transition:background .12s,color .12s}.arp-clear-filter-btn:hover{background:#dbeafe;color:#1d4ed8}.arp-close-btn{width:28px;height:28px;border:none;background:none;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#64748b;transition:background .12s,color .12s}.arp-close-btn:hover{background:#e2e8f0;color:#1e293b}.arp-stats{height:63px;display:flex;align-items:center;gap:10px;padding:10px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0}.arp-stat-avg-block,.arp-stat-total-block{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.arp-stat-label{font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.arp-stat-value{font-size:20px;font-weight:800;line-height:1.1}.arp-stat-total-count{font-size:18px;font-weight:700;color:#374151;line-height:1.1}.arp-stat-divider{width:1px;height:32px;background:#e2e8f0;flex-shrink:0}.arp-stat-mini-bars{flex:1;display:flex;align-items:flex-end;gap:3px;height:40px;padding:2px 0}.arp-mini-bar-col{flex:1;display:flex;align-items:flex-end;min-width:0}.arp-mini-bar-fill{width:100%;border-radius:2px 2px 0 0;min-height:4px;transition:opacity .2s}.arp-active-filter-bar{display:flex;align-items:center;gap:8px;padding:6px 16px;background:#f8fafc;border-bottom:2px solid #e2e8f0;font-size:11px;font-weight:500;color:#94a3b8;flex-shrink:0;min-height:30px;transition:background .18s,color .18s,border-color .18s}.arp-active-filter-bar--on{background:#eff6ff;border-bottom-color:#bfdbfe;font-weight:600;color:#2563eb}.arp-active-filter-idle{font-size:11px;color:#94a3b8;font-style:italic}.arp-active-filter-dot{width:6px;height:6px;border-radius:50%;background:#3b82f6;flex-shrink:0;animation:arp-pulse 1.4s ease-in-out infinite}@keyframes arp-pulse{0%,to{opacity:1}50%{opacity:.4}}.arp-list{flex:1;overflow-y:scroll;min-height:0}.arp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:120px;color:#94a3b8;font-size:13px}.arp-loading-spinner{width:20px;height:20px;border:2px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:arp-spin .7s linear infinite;flex-shrink:0}@keyframes arp-spin{to{transform:rotate(360deg)}}.arp-group{border-bottom:1px solid #f1f5f9}.arp-group:last-child{border-bottom:none}.arp-group-header{width:100%;display:flex;align-items:stretch}.arp-group--active>.arp-group-header{background:#f0f9ff}.arp-group-filter-area{flex:1;display:flex;align-items:center;gap:8px;padding:9px 0 9px 10px;background:none;border:none;cursor:pointer;text-align:left;transition:background .12s;min-width:0}.arp-group-filter-area:hover{background:#f8fafc}.arp-group--active>.arp-group-header .arp-group-filter-area{background:#f0f9ff}.arp-group--active>.arp-group-header .arp-group-filter-area:hover{background:#e0f2fe}.arp-group-color-bar{width:4px;height:28px;border-radius:2px;flex-shrink:0}.arp-group-label{font-size:12px;font-weight:600;color:#374151;flex-shrink:0;min-width:86px}.arp-group--active>.arp-group-header .arp-group-label{color:#1e293b}.arp-group-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:10px;border:1px solid;flex-shrink:0}.arp-group-mini-bar{flex:1;height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden;min-width:0}.arp-group-mini-fill{height:100%;border-radius:2px;transition:width .35s ease}.arp-group-chevron{width:36px;min-height:44px;border:none;border-left:1px solid #f1f5f9;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#94a3b8;flex-shrink:0;transition:background .12s,color .12s}.arp-group-chevron:hover{background:#f1f5f9;color:#475569}.arp-group-members{background:#fafafa;border-top:1px solid #f1f5f9}.arp-member-item{display:flex;align-items:center;justify-content:space-between;padding:7px 14px 7px 22px;border-bottom:1px solid #f1f5f9;gap:8px;transition:background .1s}.arp-member-item:last-child{border-bottom:none}.arp-member-item:hover{background:#f1f5f9}.arp-member-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.arp-member-name{font-size:12px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arp-member-meta{font-size:10px;color:#94a3b8;white-space:nowrap}.arp-member-rate{display:flex;flex-direction:column;align-items:flex-end;gap:1px;flex-shrink:0}.arp-member-pct{font-size:12px;font-weight:700}.arp-member-days{font-size:10px;color:#94a3b8}.arp-footer{padding:9px 16px;border-top:1px solid #e2e8f0;background:#f8fafc;flex-shrink:0}.arp-footer-note{font-size:10px;color:#94a3b8;line-height:1.5;margin:0}.arp-toggle-btn{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 12px;background:#f1f5f9;color:#374151;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;flex-shrink:0;transition:background .12s,border-color .12s,color .12s;white-space:nowrap}.arp-toggle-btn:hover{background:#e2e8f0;border-color:#94a3b8;color:#1e293b}.arp-toggle-btn--active{background:#eff6ff;border-color:#3b82f6;color:#2563eb}.arp-toggle-btn--active:hover{background:#dbeafe}@media (max-width: 768px){.arp-overlay--visible{background:rgba(15,23,42,.45)}.arp-panel{top:50px!important;left:0!important;width:88vw;max-width:340px;border-right:1px solid #e2e8f0;border-radius:0 0 12px;box-shadow:4px 0 24px #0f172a2e;transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1)}.arp-panel--open{transform:translate(0)}.arp-stats{height:auto;padding:8px 14px}}[data-theme=dark] .arp-panel{background:var(--bg-content, #1e2a3a);border-right-color:var(--border-divider, #2d3a4a);box-shadow:4px 0 24px #00000080}[data-theme=dark] .arp-header{background:#0f172a;border-bottom-color:var(--border-divider, #2d3a4a)}[data-theme=dark] .arp-header-title{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .arp-close-btn{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .arp-close-btn:hover{background:var(--bg-surface-hover, #2d3a4a);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .arp-clear-filter-btn{background:rgba(37,99,235,.15);border-color:#60a5fa4d;color:#60a5fa}[data-theme=dark] .arp-clear-filter-btn:hover{background:rgba(37,99,235,.25);color:#93c5fd}[data-theme=dark] .arp-stats{background:#0f172a;border-bottom-color:var(--border-divider, #2d3a4a)}[data-theme=dark] .arp-stat-label{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .arp-stat-total-count{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .arp-stat-divider{background:var(--border-divider, #2d3a4a)}[data-theme=dark] .arp-active-filter-bar{background:#0f172a;border-bottom-color:var(--border-divider, #2d3a4a);color:var(--text-secondary, #8a93a8)}[data-theme=dark] .arp-active-filter-bar--on{background:rgba(37,99,235,.12);border-bottom-color:#60a5fa4d;color:#60a5fa}[data-theme=dark] .arp-active-filter-idle{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .arp-loading-spinner{border-color:var(--border-divider, #2d3a4a);border-top-color:#60a5fa}[data-theme=dark] .arp-empty{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .arp-group{border-bottom-color:var(--border-divider, #2d3a4a)}[data-theme=dark] .arp-group--active>.arp-group-header{background:rgba(37,99,235,.08)}[data-theme=dark] .arp-group-filter-area:hover{background:var(--bg-surface-hover, #1e2a3a)}[data-theme=dark] .arp-group--active>.arp-group-header .arp-group-filter-area{background:rgba(37,99,235,.08)}[data-theme=dark] .arp-group--active>.arp-group-header .arp-group-filter-area:hover{background:rgba(37,99,235,.15)}[data-theme=dark] .arp-group-label{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .arp-group-mini-bar{background:var(--bg-input, #2d3a4a)}[data-theme=dark] .arp-group-chevron{border-left-color:var(--border-divider, #2d3a4a);color:var(--text-secondary, #8a93a8)}[data-theme=dark] .arp-group-chevron:hover{background:var(--bg-surface-hover, #2d3a4a);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .arp-group-members{background:var(--bg-surface, #0f172a);border-top-color:var(--border-divider, #2d3a4a)}[data-theme=dark] .arp-member-item{border-bottom-color:var(--border-divider, #2d3a4a)}[data-theme=dark] .arp-member-item:hover{background:var(--bg-surface-hover, #1e2a3a)}[data-theme=dark] .arp-member-name{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .arp-member-meta,[data-theme=dark] .arp-member-days{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .arp-footer{background:#0f172a;border-top-color:var(--border-divider, #2d3a4a)}[data-theme=dark] .arp-footer-note{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .arp-toggle-btn{background:var(--bg-input, #1a2535);border-color:var(--border-input, #2d3a4a);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .arp-toggle-btn:hover{background:var(--bg-surface-hover, #2d3a4a);border-color:var(--border-divider, #3d4a5a);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .arp-toggle-btn--active{background:rgba(37,99,235,.15);border-color:#3b82f6;color:#60a5fa}[data-theme=dark] .arp-toggle-btn--active:hover{background:rgba(37,99,235,.25)}.vws-cal-container{display:flex;flex-direction:column;height:100%;min-height:0;background:#f8fafc;gap:0;position:relative}.vws-cal-content{flex:1;min-height:0;display:flex;flex-direction:column;transition:margin-right .4s cubic-bezier(.4,0,.2,1)}.vws-cal-content--modal-open{margin-right:700px}.vws-cal-toolbar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;flex-wrap:wrap}.vws-cal-toolbar-title{font-size:15px;font-weight:600;color:#1e293b;flex-shrink:0}.vws-cal-toolbar-spacer{flex:1}.vws-cal-month-picker{display:flex;align-items:center;gap:6px;background:#f1f5f9;border-radius:8px;padding:4px 6px;flex-shrink:0}.vws-cal-month-btn{background:none;border:none;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;color:#475569;transition:background .12s,color .12s}.vws-cal-month-btn:hover:not(:disabled){background:#e2e8f0;color:#1e293b}.vws-cal-month-btn:disabled{cursor:not-allowed;opacity:.35}.vws-cal-search{display:flex;align-items:center;gap:6px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:5px 10px;flex-shrink:0}.vws-cal-search:focus-within{border-color:#94a3b8;background:#fff}.vws-cal-search-icon{color:#94a3b8;flex-shrink:0}.vws-cal-search-input{border:none;outline:none;background:none;font-size:13px;color:#374151;width:200px}.vws-cal-search-input::-moz-placeholder{color:#94a3b8}.vws-cal-search-input::placeholder{color:#94a3b8}.vws-cal-vendor-filter{display:flex;align-items:center;gap:6px;flex-shrink:0}.vws-cal-vendor-filter label{font-size:12px;color:#64748b;white-space:nowrap}.vws-cal-vendor-select{font-size:13px;color:#374151;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;padding:5px 28px 5px 10px;cursor:pointer;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.vws-cal-vendor-select:focus{border-color:#94a3b8;background-color:#fff}.vws-cal-table-wrapper{flex:1;overflow-x:auto;overflow-y:auto;min-height:0;background:#fff}.vws-cal-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:1745px}.vws-cal-col-action{width:48px}.vws-cal-col-ma-nv{width:77px}.vws-cal-col-ho-ten{width:170px}.vws-cal-col-cccd,.vws-cal-col-vendor,.vws-cal-col-trang-thai{width:100px}.vws-cal-col-ty-le{width:70px}.vws-cal-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:60px 24px;color:#94a3b8;text-align:center}.vws-cal-state-icon{font-size:32px;opacity:.5}.vws-cal-state-title{font-size:14px;font-weight:500;color:#475569;margin:0}.vws-cal-state-msg{font-size:12px;color:#94a3b8;margin:0}.vws-cal-loading-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:vws-cal-spin .7s linear infinite}@keyframes vws-cal-spin{to{transform:rotate(360deg)}}.vws-cal-month-label{font-size:13px;font-weight:600;color:#1e293b;min-width:100px;max-width:220px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.vws-cal-viewmode-wrapper{display:flex;align-items:center;flex-shrink:0}.vws-cal-viewmode-select .sd-trigger{height:38px;font-size:13px;font-weight:500;background:#f1f5f9;border-color:#e2e8f0;border-radius:8px;color:#374151;white-space:nowrap}.vws-cal-viewmode-select .sd-trigger:hover:not(:disabled){background:#e2e8f0;border-color:#94a3b8}.vws-cal-viewmode-select .sd-trigger--open{border-color:#3b82f6;background:#fff}.vws-cal-clear-filter-btn{display:inline-flex;align-items:center;gap:5px;height:38px;padding:0 12px;background:#fff0f0;color:#dc2626;border:1px solid #fca5a5;border-radius:7px;font-size:13px;font-weight:500;cursor:pointer;flex-shrink:0;transition:background .12s,border-color .12s,color .12s;white-space:nowrap}.vws-cal-clear-filter-btn:hover{background:#fee2e2;border-color:#ef4444;color:#b91c1c}.vws-cal-clear-filter-btn:active{background:#fecaca}.vws-cal-export-btn{display:inline-flex;align-items:center;gap:5px;height:38px;padding:0 12px;border-radius:7px;font-size:13px;font-weight:500;cursor:pointer;flex-shrink:0;border:1px solid transparent;transition:background .12s,border-color .12s,color .12s,opacity .12s;white-space:nowrap}.vws-cal-export-btn:disabled{opacity:.4;cursor:not-allowed}.vws-cal-export-btn--excel{background:#f0fdf4;color:#16a34a;border-color:#86efac}.vws-cal-export-btn--excel:hover:not(:disabled){background:#dcfce7;border-color:#4ade80;color:#15803d}.vws-cal-export-btn--excel:active:not(:disabled){background:#bbf7d0}.vws-cal-export-btn--print{background:#eff6ff;color:#2563eb;border-color:#93c5fd}.vws-cal-export-btn--print:hover:not(:disabled){background:#dbeafe;border-color:#60a5fa;color:#1d4ed8}.vws-cal-export-btn--print:active:not(:disabled){background:#bfdbfe}.vws-cal-pagination-wrapper{padding:0 16px;background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0}.vws-cal-staff-info-modal .staff-info-modal-v2-overlay .staff-info-modal-v2-container{margin-top:162px;height:calc(100vh - 162px);top:0}.vws-cal-staff-info-modal .staff-info-modal-v2-header{padding:5px 20px}@media (max-width: 768px){.vws-cal-staff-info-modal .staff-info-modal-v2-overlay .staff-info-modal-v2-container{margin-top:50px;height:calc(100vh - 50px);top:0;width:100%}.vws-cal-container .vws-header-controls-row{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:6px;scrollbar-width:none;-ms-overflow-style:none}.vws-cal-container .vws-header-controls-row::-webkit-scrollbar{display:none}.vws-cal-viewmode-wrapper--desktop-only,.vws-cal-month-picker--desktop-only,.vws-cal-clear-filter-btn .vws-header-btn-label{display:none}.vws-cal-clear-filter-btn{padding:0 9px;gap:0}.vws-cal-export-btn .vws-header-btn-label{display:none}.vws-cal-export-btn{padding:0 9px;gap:0}.arp-toggle-btn .vws-header-btn-label{display:none}.arp-toggle-btn{padding:0 9px;gap:0}}.vws-cal-mobile-sheet-section{display:flex;flex-direction:column;gap:10px}.vws-cal-mobile-sheet-section-title{font-size:13px;font-weight:600;color:#64748b;margin:0;text-transform:uppercase;letter-spacing:.03em}.vws-cal-mobile-sheet-viewmode-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vws-cal-mobile-sheet-viewmode-btn{height:38px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;color:#374151;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.vws-cal-mobile-sheet-viewmode-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.vws-cal-mobile-sheet-viewmode-btn--active{background:#eef2ff;border-color:#6366f1;color:#4f46e5;font-weight:600}.vws-cal-mobile-sheet-picker-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f1f5f9;border-radius:10px;padding:6px 10px}.vws-cal-mobile-sheet-picker-btn{background:none;border:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:8px;color:#475569;flex-shrink:0;transition:background .12s,color .12s}.vws-cal-mobile-sheet-picker-btn:hover:not(:disabled){background:#e2e8f0;color:#1e293b}.vws-cal-mobile-sheet-picker-btn:disabled{cursor:not-allowed;opacity:.35}.vws-cal-mobile-sheet-picker-label{flex:1;text-align:center;font-size:14px;font-weight:600;color:#1e293b;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.vws-cal-print-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.65);z-index:1100;display:flex;align-items:stretch;justify-content:center;padding:16px;animation:vws-cal-overlay-in .18s ease}@keyframes vws-cal-overlay-in{0%{opacity:0}to{opacity:1}}.vws-cal-print-modal{background:#fff;border-radius:10px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;width:100%;overflow:hidden;animation:vws-cal-modal-slide-in .2s cubic-bezier(.4,0,.2,1)}@keyframes vws-cal-modal-slide-in{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.vws-cal-print-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #e2e8f0;background:#f8fafc;flex-shrink:0;gap:12px}.vws-cal-print-toolbar-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vws-cal-print-toolbar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.vws-cal-print-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:background .15s,transform .1s;white-space:nowrap}.vws-cal-print-btn--primary{background:#1e40af;color:#fff}.vws-cal-print-btn--primary:hover{background:#1d4ed8;transform:translateY(-1px)}.vws-cal-print-btn--close{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.vws-cal-print-btn--close:hover{background:#e2e8f0}.vws-cal-print-iframe{flex:1;width:100%;border:none;background:#f1f5f9}@media (max-width: 600px){.vws-cal-print-overlay{padding:0}.vws-cal-print-modal{border-radius:0;max-width:100%}}[data-theme=dark] .vws-cal-container{background:var(--bg-surface, #0f172a)}[data-theme=dark] .vws-cal-toolbar{background:var(--bg-content, #1e2a3a);border-bottom-color:var(--border-divider, #2d3a4a)}[data-theme=dark] .vws-cal-toolbar-title{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .vws-cal-month-picker{background:var(--bg-input, #1a2535)}[data-theme=dark] .vws-cal-month-btn{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .vws-cal-month-btn:hover:not(:disabled){background:var(--bg-surface-hover, #2d3a4a);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .vws-cal-month-label{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .vws-cal-search{background:var(--bg-input, #1a2535);border-color:var(--border-input, #2d3a4a)}[data-theme=dark] .vws-cal-search:focus-within{border-color:var(--border-divider, #3d4a5a);background:var(--bg-content, #1e2a3a)}[data-theme=dark] .vws-cal-search-input{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .vws-cal-vendor-filter label{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .vws-cal-vendor-select{color:var(--text-primary, #e2e8f0);background-color:var(--bg-input, #1a2535);border-color:var(--border-input, #2d3a4a)}[data-theme=dark] .vws-cal-vendor-select:focus{border-color:var(--border-divider, #3d4a5a);background-color:var(--bg-content, #1e2a3a)}[data-theme=dark] .vws-cal-table-wrapper{background:var(--bg-content, #1e2a3a)}[data-theme=dark] .vws-cal-state,[data-theme=dark] .vws-cal-state-title{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .vws-cal-loading-spinner{border-color:var(--border-divider, #2d3a4a);border-top-color:#60a5fa}[data-theme=dark] .vws-cal-pagination-wrapper{background:var(--bg-content, #1e2a3a);border-top-color:var(--border-divider, #2d3a4a)}[data-theme=dark] .vws-cal-viewmode-select .sd-trigger{background:var(--bg-input, #1a2535);border-color:var(--border-input, #2d3a4a);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .vws-cal-viewmode-select .sd-trigger:hover:not(:disabled){background:var(--bg-surface-hover, #1e2a3a);border-color:var(--border-divider, #3d4a5a)}[data-theme=dark] .vws-cal-clear-filter-btn{background:rgba(220,38,38,.1);color:#f87171;border-color:#f871714d}[data-theme=dark] .vws-cal-clear-filter-btn:hover{background:rgba(220,38,38,.2);border-color:#f8717180;color:#fca5a5}[data-theme=dark] .vws-cal-export-btn--excel{background:rgba(22,163,74,.12);color:#4ade80;border-color:#4ade804d}[data-theme=dark] .vws-cal-export-btn--excel:hover:not(:disabled){background:rgba(22,163,74,.22);border-color:#4ade8080;color:#86efac}[data-theme=dark] .vws-cal-export-btn--print{background:rgba(37,99,235,.12);color:#60a5fa;border-color:#60a5fa4d}[data-theme=dark] .vws-cal-export-btn--print:hover:not(:disabled){background:rgba(37,99,235,.22);border-color:#60a5fa80;color:#93c5fd}[data-theme=dark] .vws-cal-mobile-sheet-viewmode-btn{background:var(--bg-input, #1a2535);border-color:var(--border-input, #2d3a4a);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .vws-cal-mobile-sheet-viewmode-btn:hover{background:var(--bg-surface-hover, #1e2a3a);border-color:var(--border-divider, #3d4a5a)}[data-theme=dark] .vws-cal-mobile-sheet-viewmode-btn--active{background:rgba(99,102,241,.15);border-color:#818cf8;color:#a5b4fc}[data-theme=dark] .vws-cal-mobile-sheet-section-title{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .vws-cal-mobile-sheet-picker-row{background:var(--bg-input, #1a2535)}[data-theme=dark] .vws-cal-mobile-sheet-picker-btn{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .vws-cal-mobile-sheet-picker-btn:hover:not(:disabled){background:var(--bg-surface-hover, #2d3a4a);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .vws-cal-mobile-sheet-picker-label{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .vws-cal-print-modal{background:var(--bg-content, #1e2a3a);box-shadow:0 20px 60px #0009}[data-theme=dark] .vws-cal-print-toolbar{background:#0f172a;border-bottom-color:var(--border-divider, #2d3a4a)}[data-theme=dark] .vws-cal-print-toolbar-title{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .vws-cal-print-btn--close{background:var(--bg-input, #1a2535);color:var(--text-secondary, #8a93a8);border-color:var(--border-input, #2d3a4a)}[data-theme=dark] .vws-cal-print-btn--close:hover{background:var(--bg-surface-hover, #2d3a4a)}.vws-page{display:flex;flex-direction:column;height:100%;min-height:0;background:#f8fafc;position:relative}.vws-page.vws-modal-open{overflow:hidden}.vws-tab-bar{display:flex;gap:0;padding:0 16px;background:#ffffff;border-bottom:2px solid #e2e8f0;flex-shrink:0}.vws-tab-bar--inline{padding:0;background:transparent;border-bottom:none}.vws-tab-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:500;color:#64748b;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:color .15s ease,border-color .15s ease;white-space:nowrap}.vws-tab-btn:hover{color:#374151;background-color:#f1f5f9}.vws-tab-btn--active{color:#2563eb;border-bottom-color:#2563eb;background-color:transparent}.vws-tab-btn--active:hover{background-color:#eff6ff}.vws-content{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;overflow:hidden;transition:margin-right .4s cubic-bezier(.4,0,.2,1)}.vws-content--modal-open{margin-right:700px}.vws-access-denied,.vws-error-state,.vws-no-permission{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:60px 24px;text-align:center;color:#64748b}.vws-access-denied h2,.vws-error-state h2,.vws-no-permission h2{font-size:18px;font-weight:600;color:#374151;margin:0}.vws-access-denied p,.vws-error-state p,.vws-no-permission p{font-size:14px;margin:0}.vws-lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:rgba(0,0,0,.82);display:flex;align-items:center;justify-content:center;cursor:zoom-out;animation:vws-fade-in .15s ease}.vws-lightbox-img{max-width:90vw;max-height:90vh;border-radius:6px;box-shadow:0 24px 64px #00000080;-o-object-fit:contain;object-fit:contain}@keyframes vws-fade-in{0%{opacity:0}to{opacity:1}}.vws-staff-info-modal .staff-info-modal-v2-overlay .staff-info-modal-v2-container{margin-top:164px;height:calc(100vh - 162px);top:0}.vws-staff-info-modal .staff-info-modal-v2-header{padding:5px 20px}@media (max-width: 768px){.vws-staff-info-modal .staff-info-modal-v2-overlay .staff-info-modal-v2-container{margin-top:50px;height:calc(100vh - 50px);top:0;width:100%}}[data-theme=dark] .vws-page{background:var(--bg-surface, #0f172a)}[data-theme=dark] .vws-tab-bar{background:var(--bg-content, #1e2a3a);border-bottom-color:var(--border-divider, #2d3a4a)}[data-theme=dark] .vws-tab-btn{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .vws-tab-btn:hover{color:var(--text-primary, #e2e8f0);background-color:var(--bg-surface-hover, #1e2a3a)}[data-theme=dark] .vws-tab-btn--active{color:#60a5fa;border-bottom-color:#60a5fa;background-color:transparent}[data-theme=dark] .vws-tab-btn--active:hover{background-color:#60a5fa14}[data-theme=dark] .vws-access-denied,[data-theme=dark] .vws-error-state,[data-theme=dark] .vws-no-permission{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .vws-access-denied h2,[data-theme=dark] .vws-error-state h2,[data-theme=dark] .vws-no-permission h2{color:var(--text-primary, #e2e8f0)}.cpn-exportprogress-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cpn-exportprogress-card{background:#ffffff;border-radius:16px;box-shadow:0 20px 60px #00000040;padding:36px 40px 32px;min-width:340px;max-width:420px;width:90vw;display:flex;flex-direction:column;align-items:center;gap:14px;animation:cpn-exportprogress-appear .2s ease}@keyframes cpn-exportprogress-appear{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.cpn-exportprogress-icon{color:#16a34a;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:#dcfce7;margin-bottom:4px;animation:cpn-exportprogress-pulse 1.8s ease-in-out infinite}@keyframes cpn-exportprogress-pulse{0%,to{box-shadow:0 0 #16a34a59}50%{box-shadow:0 0 0 10px #16a34a00}}.cpn-exportprogress-title{font-size:16px;font-weight:700;color:#1e293b;text-align:center;letter-spacing:-.01em}.cpn-exportprogress-pct-row{display:flex;align-items:baseline;gap:4px}.cpn-exportprogress-pct{font-size:40px;font-weight:800;color:#16a34a;line-height:1;font-variant-numeric:tabular-nums;min-width:4ch;text-align:center}.cpn-exportprogress-bar-track{width:100%;height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden}.cpn-exportprogress-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#16a34a 0%,#22c55e 100%);transition:width .35s ease;min-width:4px}.cpn-exportprogress-step{font-size:12.5px;color:#64748b;text-align:center;line-height:1.5;min-height:1.5em}@media (prefers-color-scheme: dark){.cpn-exportprogress-card{background:#1e293b;box-shadow:0 20px 60px #0009}.cpn-exportprogress-title{color:#f1f5f9}.cpn-exportprogress-icon{background:#14532d;color:#4ade80}.cpn-exportprogress-pct{color:#4ade80}.cpn-exportprogress-bar-track{background:#334155}.cpn-exportprogress-bar-fill{background:linear-gradient(90deg,#16a34a 0%,#4ade80 100%)}.cpn-exportprogress-step{color:#94a3b8}}.permanent-staff-list{margin:0;padding:0;height:calc(100vh - 50px);max-height:calc(100vh - 50px);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.permanent-loading-state{text-align:center;padding:60px 20px}.permanent-loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--color-primary, #667eea);border-radius:50%;animation:permanent-spin 1s linear infinite;margin:0 auto 16px}@keyframes permanent-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.permanent-error-state,.permanent-access-denied{text-align:center;padding:60px 20px}.permanent-retry-btn{padding:10px 20px;background:var(--color-primary, #667eea);color:#fff;border:none;border-radius:6px;cursor:pointer;margin-top:16px}.permanent-empty-state{text-align:center;padding:0}.permanent-empty-content{padding:60px 20px;color:#666}.permanent-empty-content svg{color:#ccc;margin-bottom:16px}.permanent-empty-content h3{margin:0 0 8px;color:#333}.permanent-empty-content p{margin:0 0 20px}.permanent-add-candidate-link{display:inline-block;padding:10px 20px;background:var(--color-primary, #667eea);color:#fff;text-decoration:none;border-radius:6px;font-weight:500;transition:background .2s}.permanent-add-candidate-link:hover{background:#5a6fd8}.permanent-page-header{flex-shrink:0;background:white;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.permanent-header-content{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.permanent-header-left{display:flex;align-items:center;gap:12px;color:#2c3e50}.permanent-header-left svg{flex-shrink:0}.permanent-header-left h1{margin:0;color:#2c3e50;font-size:24px;font-weight:600;flex-shrink:0}.permanent-header-right{display:flex;align-items:center;gap:16px;flex-shrink:0}.permanent-header-search-form{margin:0}.permanent-header-search-input-group{display:flex;align-items:center;gap:6px;background:#f8f9fa;border-radius:8px;padding:4px;border:1px solid #dee2e6}.permanent-header-search-input-group svg{color:#6c757d;margin-left:8px;flex-shrink:0}.permanent-header-search-input{flex:1;min-width:250px;padding:8px 12px;border:none;border-radius:4px;font-size:14px;background:white;color:#333}.permanent-header-search-input::-moz-placeholder{color:#999}.permanent-header-search-input::placeholder{color:#999}.permanent-header-search-input:focus{outline:none;box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 102, 126, 234),.2)}.permanent-header-search-btn{padding:8px 14px;background:var(--color-primary, #667eea);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s;white-space:nowrap}.permanent-header-search-btn:hover{background:#5568d3}.page-switch-buttons{display:flex;gap:0;align-items:center;background:#f1f3f5;padding:4px;border-radius:8px;box-shadow:inset 0 1px 3px #0000001a;position:relative}.page-switch-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 30px;flex:1;min-width:0;background:transparent;color:#495057;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;z-index:1;text-decoration:none}.page-switch-btn svg{flex-shrink:0;transition:transform .3s ease}.page-switch-btn:hover:not(.active){color:var(--color-primary, #667eea)}.page-switch-btn:hover:not(.active) svg{transform:scale(1.1)}.page-switch-btn:active:not(.active){transform:scale(.98)}.page-switch-btn.active{background:white;color:var(--color-primary, #667eea);font-weight:600;cursor:default;box-shadow:0 2px 12px rgba(var(--color-primary-rgb, 102, 126, 234),.15)}.page-switch-btn.active svg{color:var(--color-primary, #667eea)}.permanent-filters-section{background:white}.permanent-filter-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.permanent-filter-select,.permanent-date-input{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;min-width:140px}.permanent-clear-filters-btn{display:flex;align-items:center;gap:4px;padding:8px 12px;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;color:#666;transition:background .2s}.permanent-clear-filters-btn:hover{background:#e9e9e9}.permanent-column-selector-container{position:relative;display:inline-block}.permanent-column-selector-btn{background:linear-gradient(135deg,#6c5ce7,#5b4cdb);color:#fff;border:none;padding:8px 45px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:center;box-shadow:0 2px 8px #6c5ce74d;white-space:nowrap}.permanent-column-selector-btn:hover{background:linear-gradient(135deg,#5a4fcf,#4834d4);box-shadow:0 4px 12px #6c5ce766;transform:translateY(-1px)}.permanent-column-selector-dropdown{position:absolute;top:calc(100% + 5px);right:0;background:white;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 8px 25px #00000026;z-index:1000;min-width:250px;max-height:400px;overflow-y:auto}.permanent-column-selector-header{padding:15px 20px;background:#f8f9fa;border-bottom:1px solid #e1e5e9;border-radius:8px 8px 0 0}.permanent-column-selector-header h4{margin:0;color:#2c3e50;font-size:14px;font-weight:600}.permanent-column-selector-content{padding:10px 0;max-height:300px;overflow-y:auto}.permanent-column-selector-item{display:flex;align-items:center;padding:8px 20px;cursor:pointer;transition:background-color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.permanent-column-selector-item:hover{background:#f8f9fa}.permanent-column-selector-item input[type=checkbox]{margin-right:10px;cursor:pointer}.permanent-column-selector-item span{font-size:14px;color:#2c3e50}.permanent-required-column{color:#7f8c8d;font-style:italic}.permanent-th-cell{position:relative;padding:8px 4px;overflow:visible}.permanent-table-header-content{display:flex;align-items:center;justify-content:center;gap:4px}.permanent-header-text{font-weight:600;font-size:14px}.permanent-filter-btn{background:none;border:none;cursor:pointer;padding:2px;border-radius:3px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:all .2s ease}.permanent-filter-btn:hover{opacity:1;background-color:#f0f0f0}.permanent-filter-menu{position:fixed;top:100%;left:0;background:white;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:9999!important;min-width:250px;max-width:300px;max-width:calc(100vw - 20px);text-align:left}.permanent-filter-header{padding:12px;border-bottom:1px solid #eee}.permanent-filter-search{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.permanent-filter-search:focus{outline:none;border-color:#007bff}.permanent-filter-actions{padding:8px 12px;display:flex;justify-content:space-between;border-bottom:1px solid #eee}.permanent-filter-select-all,.permanent-filter-clear{background:none;border:none;cursor:pointer;font-size:12px;color:#007bff;padding:4px 8px;border-radius:3px;transition:all .2s ease}.permanent-filter-select-all:hover,.permanent-filter-clear:hover{background-color:#f8f9fa}.permanent-filter-list{max-height:200px;overflow-y:auto;padding:4px 0}.permanent-filter-item{display:flex;align-items:center;padding:6px 12px;cursor:pointer;transition:background-color .2s ease}.permanent-filter-item:hover{background-color:#f8f9fa}.permanent-filter-item input[type=checkbox]{margin-right:8px;cursor:pointer}.permanent-filter-text{flex:1;font-size:14px;margin-right:8px;color:#000}.permanent-filter-count{font-size:12px;color:#666;font-weight:500}.permanent-filter-empty{padding:16px 12px;text-align:center;color:#666;font-size:14px}.permanent-filter-footer{padding:8px 12px;border-top:1px solid #eee}.permanent-filter-apply{width:100%;background-color:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s ease}.permanent-filter-apply:hover{background-color:#0056b3}.permanent-filter-apply:disabled{background-color:#ccc;cursor:not-allowed}.permanent-filter-list::-webkit-scrollbar{width:6px}.permanent-filter-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.permanent-filter-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.permanent-filter-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 768px){.permanent-filter-menu{left:auto;right:0;min-width:200px;max-width:calc(100vw - 20px)}}.permanent-candidates-table-container{background:white;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;position:relative;flex:1;display:flex;flex-direction:column}.permanent-table-wrapper{overflow-x:auto;overflow-y:auto;position:relative;flex:1;min-height:0}.permanent-candidates-table{width:100%;border-collapse:collapse;position:relative;min-width:100%}.permanent-candidates-table thead{position:sticky;top:0;z-index:10}.permanent-candidates-table thead th{position:relative;white-space:nowrap}.permanent-candidates-table th{background:#6c757d;padding:12px;text-align:center;font-weight:600;color:#fff;position:relative;border-bottom:2px solid #5568d3;border-right:1px solid rgba(255,255,255,.2);font-size:14px;white-space:normal;min-width:100px;max-width:500px}.permanent-candidates-table th:last-child{border-right:none}.permanent-candidates-table td{padding:2px 12px;border-bottom:1px solid #e9ecef;border-right:1px solid #e9ecef;font-size:14px;vertical-align:middle;white-space:normal;min-width:100px;max-width:500px;word-wrap:break-word}.permanent-candidates-table td:last-child{border-right:none}.permanent-candidates-table tr:hover{background:#f8f9fa}.permanent-sortable-th{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .2s}.permanent-sortable-th:hover{background:#5568d3!important}.permanent-sort-icon{margin-left:4px;opacity:.5}.permanent-sortable-th:hover .permanent-sort-icon{opacity:1}.permanent-avatar-cell{display:flex;justify-content:center;align-items:center}.permanent-candidate-avatar{width:45px;height:60px;border-radius:6px;-o-object-fit:cover;object-fit:cover;border:1px solid #ddd}.permanent-avatar-placeholder{width:45px;height:60px;border-radius:6px;background:var(--color-primary, #667eea);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;text-transform:uppercase}.permanent-candidates-table .permanent-name-cell{font-weight:500;color:#333;min-width:180px;white-space:nowrap!important}.permanent-name-with-avatar{display:flex;align-items:center;gap:12px}.permanent-name-with-avatar .permanent-avatar-cell{flex-shrink:0}.permanent-candidate-name{font-weight:500;color:#333;flex:1}.permanent-candidates-table .permanent-address-cell,.permanent-candidates-table .permanent-notes-cell{min-width:300px;max-width:500px;white-space:normal}.permanent-cccd-cell{font-family:monospace;font-size:13px}.permanent-cccd-cell-content{display:flex;align-items:center;gap:8px}.permanent-cccd-images{display:flex;flex-direction:column;gap:4px}.permanent-cccd-thumb{width:40px;height:25px;-o-object-fit:cover;object-fit:cover;border-radius:4px;border:1px solid #dee2e6;cursor:pointer;transition:transform .2s}.permanent-cccd-thumb:hover{transform:scale(1.1);border-color:#0d6efd}.permanent-employee-id-cell{font-family:monospace;font-size:13px;font-weight:600;color:#555;text-align:center;min-width:80px;max-width:100px}.permanent-contract-type-cell{text-align:center;min-width:90px}.permanent-contract-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;display:inline-block;white-space:nowrap}.permanent-contract-permanent{background:#d1f2eb;color:#0e6251;border:1px solid #76d7c4}.permanent-work-status-cell{text-align:center;min-width:100px}.permanent-work-status-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;display:inline-block;white-space:nowrap}.permanent-work-status-working{background:#d4edda;color:#155724;border:1px solid #a3d977}.permanent-work-status-resigned{background:#f8d7da;color:#721c24;border:1px solid #f1969c}.permanent-work-status-temporary{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.permanent-work-status-applying{background:#e2e3e5;color:#383d41;border:1px solid #c6c8ca}.permanent-work-status-unknown{background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6}.permanent-referrer-cell{font-weight:500;color:#333;text-align:center;min-width:100px}.permanent-gender-cell{text-align:center}.permanent-attendance-present{color:#28a745;font-weight:500}.permanent-attendance-present small{display:block;font-size:11px;color:#666;margin-top:2px}.permanent-attendance-absent{color:#6c757d}.permanent-action-cell{text-align:center;padding:8px!important}.permanent-status-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase;display:inline-block}.permanent-status-pending{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.permanent-status-approved{background:#d4edda;color:#155724;border:1px solid #a3d977}.permanent-status-rejected{background:#f8d7da;color:#721c24;border:1px solid #f1969c}.permanent-lightbox-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:9999;cursor:pointer}.permanent-lightbox-content{position:relative;max-width:90vw;max-height:90vh}.permanent-lightbox-image{max-width:100%;max-height:90vh;-o-object-fit:contain;object-fit:contain;border-radius:4px;box-shadow:0 4px 12px #00000080;cursor:default}.permanent-lightbox-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:30px;cursor:pointer;padding:5px;line-height:1;transition:color .2s}.permanent-lightbox-close:hover{color:#ff4d4f}.permanent-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.permanent-modal-content{background:white;padding:24px;border-radius:8px;max-width:500px;width:90%;box-shadow:0 4px 20px #0003;animation:scaleIn .2s ease}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.permanent-modal-content h3{margin:0 0 16px;color:#2c3e50;font-size:20px}.permanent-modal-content p{margin:0 0 20px;color:#555;line-height:1.5}.permanent-modal-actions{display:flex;gap:12px;justify-content:flex-end}.notification{position:fixed;top:80px;right:20px;min-width:300px;max-width:500px;padding:16px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:10000;animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification-success{background-color:#d4edda;border-left:4px solid #28a745;color:#155724}.notification-error{background-color:#f8d7da;border-left:4px solid #dc3545;color:#721c24}.notification-info{background-color:#d1ecf1;border-left:4px solid #17a2b8;color:#0c5460}.notification-content strong{display:block;margin-bottom:4px;font-size:14px;font-weight:600}.notification-content p{margin:0;font-size:13px}.permanent-staff-list .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;box-sizing:border-box}.permanent-staff-list .modal-content{background:white;border-radius:12px;padding:0;box-shadow:0 4px 20px #00000026;position:relative;max-width:90vw;max-height:90vh;overflow:hidden}.permanent-staff-list .permanent-staff-info-modal{max-width:700px;max-height:100vh;width:95%;display:flex;flex-direction:column;overflow:hidden}.permanent-staff-list .modal-header-fixed{padding:20px 25px;border-bottom:2px solid #e9ecef;background:linear-gradient(135deg,#007bff 0%,#0056b3 100%);color:#fff;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.permanent-staff-list .modal-header-fixed h3{margin:0;font-size:20px;font-weight:600}.permanent-staff-list .modal-header-actions{display:flex;gap:10px;align-items:center}.permanent-staff-list .print-form-header-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:white;color:#007bff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.permanent-staff-list .print-form-header-btn:hover{background:#f8f9fa;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.permanent-staff-list .modal-close-btn{background:rgba(255,255,255,.2);color:#fff;border:none;font-size:28px;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1;padding:0}.permanent-staff-list .modal-close-btn:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}.permanent-staff-list .modal-container-scrollable{flex:1;overflow-y:auto;padding:25px;background:#f8f9fa}.permanent-staff-list .info-frame-1{margin-bottom:10px;padding:25px;background:linear-gradient(135deg,#f8fbff 0%,#e8f4fd 100%);border-radius:12px;border:2px solid #e3f2fd;box-shadow:0 2px 8px #007bff1a}.permanent-staff-list .desktop-layout{display:grid;grid-template-columns:140px 1fr;gap:20px}.permanent-staff-list .mobile-layout{display:none}.permanent-staff-list .avatar-col{display:flex;justify-content:center;align-items:center}.permanent-staff-list .basic-info-col{display:flex;flex-direction:column;gap:10px}.permanent-staff-list .info-line{display:flex;justify-content:space-between;align-items:flex-start;min-height:32px;flex-wrap:wrap;gap:10px;max-width:100%;overflow:hidden}.permanent-staff-list .name-text{font-size:22px;font-weight:600;color:#2c3e50;flex:1;max-width:60%;word-wrap:break-word;overflow-wrap:break-word}.permanent-staff-list .contract-badge{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500}.permanent-staff-list .contract-seasonal{background:#d1ecf1;color:#0c5460}.permanent-staff-list .contract-intern{background:#fff3cd;color:#856404}.permanent-staff-list .status-badge{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;min-width:100px;text-align:center}.permanent-staff-list .status-approved{background:#d4edda;color:#155724}.permanent-staff-list .status-pending{background:#fff3cd;color:#856404}.permanent-staff-list .status-rejected{background:#f8d7da;color:#721c24}.permanent-staff-list .register-time{font-size:13px;color:#6c757d;font-style:italic}.permanent-staff-list .avatar-container{position:relative;display:inline-block}.permanent-staff-list .large-avatar{width:140px;height:140px;border-radius:12px;-o-object-fit:cover;object-fit:cover;border:3px solid white;box-shadow:0 4px 12px #00000026;cursor:pointer;transition:transform .2s ease}.permanent-staff-list .large-avatar:hover{transform:scale(1.05)}.permanent-staff-list .no-large-avatar{width:140px;height:140px;border-radius:12px;background:#e9ecef;display:flex;align-items:center;justify-content:center;color:#6c757d;font-size:14px;border:3px solid white;box-shadow:0 4px 12px #00000026}.permanent-staff-list .info-frame-cccd{margin-bottom:20px;padding:20px;background:white;border-radius:8px;border:1px solid #e9ecef}.permanent-staff-list .cccd-images-row{display:flex;gap:20px;justify-content:center}.permanent-staff-list .cccd-image-item{text-align:center}.permanent-staff-list .cccd-image-item label{display:block;margin-bottom:8px;font-weight:600;color:#495057;font-size:14px}.permanent-staff-list .cccd-image-container{position:relative;display:inline-block}.permanent-staff-list .cccd-image-container img{max-width:200px;max-height:120px;-o-object-fit:cover;object-fit:cover;border-radius:6px;cursor:pointer;transition:transform .2s ease}.permanent-staff-list .cccd-image-container img:hover{transform:scale(1.02)}.permanent-staff-list .no-cccd-image{width:165px;height:120px;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#6c757d;font-style:italic;text-align:center;padding:10px}.permanent-staff-list .no-cccd-image span{font-size:12px;line-height:1.4}.permanent-staff-list .info-frame-2{margin-bottom:20px;padding:20px;border-radius:8px;border:1px solid #e9ecef;background:white}.permanent-staff-list .detail-row{display:flex;gap:20px;margin-bottom:15px;flex-wrap:nowrap}.permanent-staff-list .detail-group{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.permanent-staff-list .detail-group.full-width{flex:100%;min-width:100%}.permanent-staff-list .detail-group label{font-weight:600;color:#495057;font-size:14px}.permanent-staff-list .detail-group span{color:#2c3e50;font-size:15px;padding:8px 12px;background:#f8f9fa;border-radius:4px;border:1px solid #e9ecef;min-height:38px;display:flex;align-items:center}.permanent-staff-list .edit-input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s;min-height:38px}.permanent-staff-list .edit-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.permanent-staff-list .modal-footer-fixed{padding:20px 25px;border-top:2px solid #e9ecef;background:white;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.permanent-staff-list .footer-left-actions,.permanent-staff-list .footer-right-actions{display:flex;gap:10px}.permanent-staff-list .delete-btn{padding:10px 20px;background:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.permanent-staff-list .delete-btn:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 2px 8px #dc35454d}.permanent-staff-list .delete-btn.disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.permanent-staff-list .delete-btn.disabled:hover{background:#6c757d;transform:none;box-shadow:none}.permanent-staff-list .update-btn{padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.permanent-staff-list .update-btn.has-changes{background:#28a745}.permanent-staff-list .update-btn.has-changes:hover{background:#218838;transform:translateY(-1px);box-shadow:0 2px 8px #28a7454d}.permanent-staff-list .update-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width: 768px){.permanent-staff-list .permanent-staff-info-modal{max-width:100%;width:100%;max-height:100vh}.permanent-staff-list .modal-container-scrollable{padding:15px}.permanent-staff-list .desktop-layout{display:none!important}.permanent-staff-list .mobile-layout{display:block!important}.permanent-staff-list .mobile-row-1,.permanent-staff-list .mobile-row-2,.permanent-staff-list .mobile-row-3,.permanent-staff-list .mobile-row-4,.permanent-staff-list .mobile-row-5{margin-bottom:10px}.permanent-staff-list .mobile-row-1{display:flex;justify-content:space-between;align-items:center}.permanent-staff-list .mobile-row-2{display:flex;justify-content:center}.permanent-staff-list .mobile-row-3,.permanent-staff-list .mobile-row-4{text-align:center}.permanent-staff-list .mobile-row-5{text-align:right}.permanent-staff-list .detail-row{flex-direction:column;gap:15px}.permanent-staff-list .cccd-images-row{flex-direction:column;align-items:center}.permanent-staff-list .print-btn-text{display:none}.permanent-staff-list .modal-footer-fixed{flex-direction:column;gap:10px}.permanent-staff-list .footer-left-actions,.permanent-staff-list .footer-right-actions{width:100%;justify-content:center}}.permanent-staff-list .fullscreen-image-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px}.permanent-staff-list .fullscreen-image-container{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.permanent-staff-list .fullscreen-image{max-width:100%;max-height:85vh;-o-object-fit:contain;object-fit:contain;border-radius:8px}.permanent-staff-list .fullscreen-image-title{color:#fff;margin-bottom:15px;font-size:18px;font-weight:500}.permanent-staff-list .fullscreen-close-btn{position:absolute;top:-40px;right:0;background:white;color:#333;border:none;font-size:24px;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.permanent-staff-list .fullscreen-close-btn:hover{background:#f8f9fa;transform:rotate(90deg)}.permanent-pagination{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#fff;border-top:1px solid #e1e5e9;border-radius:0 0 12px 12px;flex-wrap:wrap;gap:15px;flex-shrink:0}.permanent-pagination-left,.permanent-pagination-right{display:flex;align-items:center}.permanent-items-per-page{display:flex;align-items:center;gap:10px;color:#64748b;font-size:14px}.permanent-items-per-page-select{padding:6px 12px;border:1px solid #e2e8f0;border-radius:6px;background-color:#fff;color:#1e293b;font-size:14px;cursor:pointer;transition:all .2s ease;outline:none}.permanent-items-per-page-select:hover{border-color:#cbd5e1}.permanent-items-per-page-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.permanent-pagination-center{display:flex;align-items:center;gap:15px}.permanent-page-info{font-size:14px;color:#475569;font-weight:500}.permanent-total-records{font-size:14px;color:#64748b;font-weight:500}.permanent-pagination-btn{padding:8px 16px;background:var(--color-primary, #667eea);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s}.permanent-pagination-btn:hover:not(:disabled){background:#5a6fd8}.permanent-pagination-btn:disabled{background:#ccc;cursor:not-allowed}.permanent-pagination-info{font-size:14px;color:#666;font-weight:500}.permanent-print-btn,.permanent-delete-btn{padding:6px 10px;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.permanent-print-btn{background-color:#3498db;color:#fff}.permanent-print-btn:hover{background-color:#2980b9;transform:translateY(-1px)}.permanent-delete-btn{background-color:#e74c3c;color:#fff}.permanent-delete-btn:hover{background-color:#c0392b;transform:translateY(-1px)}.permanent-btn-cancel,.permanent-btn-confirm{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.permanent-btn-cancel{background-color:#6c757d;color:#fff}.permanent-btn-cancel:hover{background-color:#5a6268}.permanent-btn-confirm{background-color:#dc3545;color:#fff}.permanent-btn-confirm:hover{background-color:#c82333}.permanent-export-excel-btn{background-color:#10b981;border:1px solid #10b981;padding:8px 14px;border-radius:6px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s cubic-bezier(.4,0,.2,1);color:#fff;font-weight:500;box-shadow:0 1px 2px #0000000d;white-space:nowrap}.permanent-export-excel-btn:hover{background-color:#059669;border-color:#059669;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.permanent-export-excel-btn:active{transform:translateY(0)}@media (min-width: 769px){.permanent-th-cell:nth-last-child(-n+4) .permanent-filter-menu{left:auto;right:0;transform:translate(10px)}.permanent-th-cell:last-child .permanent-filter-menu{left:auto;right:0;transform:translate(20px)}.permanent-th-cell:nth-last-child(2) .permanent-filter-menu{left:auto;right:0;transform:translate(15px)}.permanent-th-cell:nth-last-child(3) .permanent-filter-menu{left:auto;right:0;transform:translate(5px)}}@media (max-width: 768px){.permanent-candidate-list{padding:16px}.permanent-page-header{padding:20px}.permanent-header-content{flex-direction:column;align-items:stretch;gap:16px}.permanent-header-left{justify-content:center;text-align:center}.permanent-header-left h1{font-size:1.25rem}.permanent-header-right{align-self:center}.permanent-header-search-input-group{background:rgba(255,255,255,.2)}.permanent-header-search-input{min-width:unset;flex:1}.permanent-filter-controls{display:flex;flex-wrap:wrap;gap:12px}.permanent-filter-controls .permanent-filter-select{display:none}.permanent-filter-controls .permanent-header-search-form{order:1;flex-basis:100%;width:100%}.permanent-filter-controls .permanent-date-input:nth-of-type(1){order:2;flex:1 1 45%;min-width:120px}.permanent-filter-controls .permanent-date-input:nth-of-type(2){order:2;flex:1 1 45%;min-width:120px}.permanent-filter-controls .permanent-column-selector-container,.permanent-filter-controls .permanent-export-excel-btn,.permanent-filter-controls .permanent-clear-filters-btn{order:3;flex:1 1 30%;min-width:90px}.permanent-candidates-table-container{overflow-x:auto}.permanent-candidates-table{min-width:800px}.permanent-candidates-table th,.permanent-candidates-table td{padding:8px 6px;font-size:13px}.permanent-column-selector-dropdown{position:fixed;top:50%;left:50%;right:auto;transform:translate(-50%,-50%);max-width:90vw;max-height:80vh}.permanent-filter-menu{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:90%;max-width:320px;max-height:70vh;overflow:hidden;display:flex;flex-direction:column;right:auto!important}.permanent-filter-list{flex:1;overflow-y:auto}.permanent-filter-btn{padding:4px}.permanent-header-text{font-size:12px}.permanent-pagination{flex-direction:column;gap:2px}.permanent-pagination-left,.permanent-pagination-center,.permanent-pagination-right{width:100%;justify-content:center}}@media (max-width: 1024px) and (min-width: 769px){.permanent-header-search-input{min-width:200px}.permanent-header-left h1{font-size:1.35rem}.permanent-filter-menu{left:auto;right:0;min-width:200px;max-width:calc(100vw - 20px)}}.fingerprint-list-page *{margin:0;padding:0;box-sizing:border-box}.fingerprint-list-page .rcm-content{padding:30px}.fingerprint-list-page .rcm-title{margin:0 0 16px}.fingerprint-list-page .rcm-description,.fingerprint-list-page .rcm-input-group{margin:0 0 20px}.fingerprint-list-page .rcm-input-group label{margin-bottom:10px}.fingerprint-list-page .rcm-quick-buttons{gap:8px;margin-bottom:12px}.fingerprint-list-page .rcm-quick-btn{padding:6px 14px}.fingerprint-list-page .rcm-reason-input{padding:12px}.fingerprint-list-page .rcm-modal-buttons{gap:16px;margin-top:24px}.fingerprint-list-page .rcm-btn-confirm,.fingerprint-list-page .rcm-btn-cancel{padding:12px 28px}.fingerprint-list-page{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333}.fingerprint-list-page .container{margin:0 auto;background:white;height:calc(100vh - 50px);display:flex;flex-direction:column;overflow:hidden;border-radius:10px;box-shadow:0 4px 20px #0000001a}.fingerprint-list-page .layout-container{display:flex;flex-direction:row;gap:20px;height:calc(100vh - 50px);flex:1;overflow:hidden}.fingerprint-list-page .left-panel{flex:0 0 25%;display:flex;flex-direction:column;padding:20px;background:#f8f9fa;border-radius:10px 0 0 10px;height:calc(100vh - 50px);overflow:hidden}.fingerprint-list-page .right-panel{flex:1;display:flex;flex-direction:column;height:calc(100vh - 50px);overflow:hidden}.fingerprint-list-page .hidden{display:none!important}@media (min-width: 769px){.fingerprint-list-page .desktop-only{display:table-cell}.fingerprint-list-page .mobile-only{display:none}}@media (max-width: 768px){.fingerprint-list-page .desktop-only{display:none!important}.fingerprint-list-page .mobile-only{display:table-cell!important}}.fingerprint-list-page .no-permission-message{text-align:center;padding:60px 20px;max-width:600px;margin:0 auto}.fingerprint-list-page .no-permission-message h2{color:#e74c3c;margin-bottom:16px}.fingerprint-list-page .no-permission-message p{color:#666;font-size:16px}.fingerprint-list-page .fp-age-indicator{color:#e74c3c;font-weight:700;margin-left:2px}.fingerprint-list-page .fp-age-indicator--over50{color:#d97706;font-weight:700;margin-left:2px}.fingerprint-list-page .fp-clickable-row{cursor:pointer}.fingerprint-list-page .fp-empty-data{text-align:center;padding:20px;font-size:16px;color:#666}.fingerprint-list-page .fp-warning-text{color:#e74c3c;font-size:13px;margin-top:5px;display:block}[data-theme=dark] .fingerprint-list-page{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .fingerprint-list-page .container{background:var(--bg-surface, #1a1d27);box-shadow:0 4px 20px #0006}[data-theme=dark] .fingerprint-list-page .no-permission-message p,[data-theme=dark] .fingerprint-list-page .fp-empty-data{color:var(--text-secondary, #8a93a8)}.fingerprint-list-page header{text-align:center;background:transparent;z-index:200;padding:0;box-shadow:none;flex-shrink:0}.fingerprint-list-page header h1{color:#333;font-size:clamp(24px,4vw,36px);font-weight:600}.fingerprint-list-page .search-container{display:flex;justify-content:center;align-items:center;gap:20px;max-width:100%;width:100%;margin:0 auto}.fingerprint-list-page .search-input-wrapper{position:relative;flex:1;display:flex;align-items:center}.fingerprint-list-page .search-container input{flex:1;width:100%;padding:12px 50px 12px 16px;border:2px solid #ddd;border-radius:10px;font-size:16px;transition:all .3s ease}.fingerprint-list-page .search-container input:focus{border-color:var(--color-primary, #667eea);outline:none;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 102, 126, 234),.1)}.fingerprint-list-page .clear-search-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#999;font-size:18px;font-weight:700;cursor:pointer;padding:5px;border-radius:50%;transition:all .2s ease;width:30px;height:30px;display:none;align-items:center;justify-content:center;line-height:1}.fingerprint-list-page .clear-search-btn:hover{background:rgba(220,53,69,.1);color:#dc3545}.fingerprint-list-page .clear-search-btn.show{display:flex}.fingerprint-list-page .fp-shift-selector{flex-shrink:0}.fingerprint-list-page .fp-shift-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:8px 30px 8px 12px;border:1.5px solid #ddd;border-radius:10px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;font-size:14px;font-weight:500;color:#495057;cursor:pointer;transition:border-color .2s,box-shadow .2s;white-space:nowrap}.fingerprint-list-page .fp-shift-select:focus{outline:none;border-color:var(--color-primary, #667eea);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 102, 126, 234),.1)}.fingerprint-list-page .fp-shift-select--active{border-color:var(--color-primary, #667eea);background-color:#f0f2ff;color:#4a5bd4;font-weight:600}@media (max-width: 600px){.fingerprint-list-page .fp-shift-select{font-size:13px;padding:7px 26px 7px 10px}}[data-theme=dark] .fingerprint-list-page header h1{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .fingerprint-list-page .search-container input{background:var(--bg-input, #252830);border-color:var(--border-input, #3a3f4f);color:var(--text-primary, #e2e8f0);color-scheme:dark}[data-theme=dark] .fingerprint-list-page .fp-shift-select{background-color:var(--bg-input, #252830);border-color:var(--border-input, #3a3f4f);color:var(--text-primary, #e2e8f0);color-scheme:dark}[data-theme=dark] .fingerprint-list-page .fp-shift-select--active{background-color:rgba(var(--color-primary-rgb, 102, 126, 234),.15);color:var(--color-primary, #667eea);border-color:var(--color-primary, #667eea)}.fingerprint-list-page .fp-desktop-date-picker{display:flex;flex-direction:column;gap:6px;width:90%;margin:10px auto 15px;text-align:left}.fingerprint-list-page .fp-desktop-date-picker label{font-size:13px;font-weight:600;color:#666}.fingerprint-list-page .desktop-date-input{padding:10px 14px;border:1.5px solid #ddd;border-radius:10px;font-size:14px;font-weight:500;color:#333;outline:none;transition:all .3s ease;background:#fff;font-family:inherit}.fingerprint-list-page .desktop-date-input:focus{border-color:var(--color-primary, #667eea);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 102, 126, 234),.1)}.fingerprint-list-page .fp-clear-filters-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;background-color:#fff;border:1.5px solid #e0e0e0;color:#555;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.fingerprint-list-page .fp-clear-filters-btn:hover{background-color:#fce8e6;border-color:#f5c2c2;color:#d93025}[data-theme=dark] .fingerprint-list-page .fp-desktop-date-picker label{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .fingerprint-list-page .desktop-date-input{background-color:var(--bg-input, #252830);border-color:var(--border-input, #3a3f4f);color:var(--text-primary, #e2e8f0);color-scheme:dark}[data-theme=dark] .fingerprint-list-page .fp-clear-filters-btn{background-color:#2d3139;border-color:#3a3f4f;color:var(--text-secondary, #94a3b8)}[data-theme=dark] .fingerprint-list-page .fp-clear-filters-btn:hover{background-color:#d9302526;border-color:#d93025;color:#ff6b6b}.fingerprint-list-page .fp-desktop-filters-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 15px;width:90%;margin:10px auto 15px}.fingerprint-list-page .fp-desktop-filters-grid .fp-filter-label{font-size:13px;font-weight:600;color:#666;margin:0;padding:0;display:flex;align-items:center;height:18px}.fingerprint-list-page .fp-desktop-filters-grid .desktop-date-input,.fingerprint-list-page .fp-desktop-filters-grid .fp-shift-select{width:100%;height:42px;box-sizing:border-box;margin:0;padding:10px 14px;border:1.5px solid #ddd;border-radius:10px;font-size:14px;font-weight:500;color:#333;outline:none;transition:all .3s ease;background:#fff;font-family:inherit}.fingerprint-list-page .fp-desktop-filters-grid .fp-shift-select{padding:10px 30px 10px 12px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;-moz-appearance:none;appearance:none;-webkit-appearance:none}[data-theme=dark] .fingerprint-list-page .fp-desktop-filters-grid .fp-filter-label{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .fingerprint-list-page .fp-desktop-filters-grid .desktop-date-input,[data-theme=dark] .fingerprint-list-page .fp-desktop-filters-grid .fp-shift-select{background-color:var(--bg-input, #252830);border-color:var(--border-input, #3a3f4f);color:var(--text-primary, #e2e8f0)}.fingerprint-list-page .fp-desktop-filters-row .fp-shift-select{width:100%;padding:10px 30px 10px 12px;border:1.5px solid #ddd;border-radius:10px;background-color:#fff;font-size:14px;font-weight:500;color:#333;outline:none;transition:all .3s ease;height:42px;box-sizing:border-box}.fingerprint-list-page .desktop-date-input{height:42px;box-sizing:border-box}.fingerprint-list-page .fp-search-refresh-row{display:flex;flex-direction:column;gap:12px;width:90%;margin:0 auto}.fingerprint-list-page .search-row-full{width:100%}.fingerprint-list-page .search-row-full .search-container{max-width:100%;width:100%}.fingerprint-list-page .search-row-full input{width:100%;padding:11px 40px 11px 16px;font-size:14px}.fingerprint-list-page .buttons-row-dual{display:flex;gap:10px;width:100%}.fingerprint-list-page .buttons-row-dual .fp-manual-refresh-btn,.fingerprint-list-page .buttons-row-dual .fp-clear-filters-btn{flex:1;justify-content:center;padding:10px 12px;font-size:14px;height:40px;margin:0}[data-theme=dark] .fingerprint-list-page .fp-desktop-filters-row label{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .fingerprint-list-page .fp-desktop-filters-row .fp-shift-select{background-color:var(--bg-input, #252830);border-color:var(--border-input, #3a3f4f);color:var(--text-primary, #e2e8f0)}.fingerprint-list-page .fp-search-refresh-row-desktop{display:flex;flex-direction:column;gap:12px;width:90%;margin:0 auto}.fingerprint-list-page .fp-search-refresh-row-mobile{display:flex;flex-direction:row!important;align-items:center;gap:10px;width:95%;margin:0 auto}.fingerprint-list-page .fp-search-refresh-row-mobile .search-container{flex:1;max-width:100%}.fingerprint-list-page .fp-search-refresh-row-mobile .fp-shift-selector{flex-shrink:0}.fingerprint-list-page .fp-manual-refresh-btn-mobile{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1.5px solid #ddd;border-radius:10px;background:#fff;cursor:pointer;color:#555;transition:all .2s ease;flex-shrink:0;padding:0}.fingerprint-list-page .fp-manual-refresh-btn-mobile:hover{background-color:#f1f3f5}.fingerprint-list-page .fp-manual-refresh-btn-mobile.refreshing .spin-icon{animation:spin 1s linear infinite}[data-theme=dark] .fingerprint-list-page .fp-manual-refresh-btn-mobile{background-color:var(--bg-input, #252830);border-color:var(--border-input, #3a3f4f);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .fingerprint-list-page .fp-manual-refresh-btn-mobile:hover{background-color:#2d3139}.fingerprint-list-page .fp-header-desktop{display:block;width:100%}.fingerprint-list-page .fp-header-mobile{display:none}@media (max-width: 768px){.fingerprint-list-page .fp-header-desktop{display:none!important}.fingerprint-list-page .fp-header-mobile{display:block!important;width:100%}}.fingerprint-list-page .statistics-container{display:flex;flex-direction:column;gap:10px;margin:10px 0;width:100%}.fingerprint-list-page .stat-card{flex:1;max-width:none;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:2px solid #dee2e6;border-radius:15px;padding:10px;text-align:center;box-shadow:0 4px 15px #0000001a;transition:all .3s ease;gap:0px;cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}.fingerprint-list-page .stat-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.fingerprint-list-page .stat-card:hover:before{left:100%}.fingerprint-list-page .stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026;border-color:var(--color-primary, #667eea);background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%)}.fingerprint-list-page .stat-label{font-size:25px;color:#666;font-weight:700}.fingerprint-list-page .stat-value{font-size:45px;font-weight:700;color:#333;line-height:1.2}.fingerprint-list-page .stat-remaining{font-size:30px;color:#888;font-weight:400}.fingerprint-list-page .stat-remaining-inline{font-size:.5em;color:#adb5bd;font-weight:400;vertical-align:bottom;opacity:.85}.fingerprint-list-page #cardStatistics:hover{border-color:#28a745}.fingerprint-list-page #cardStatistics .stat-value{color:#28a745}.fingerprint-list-page #fingerprintStatistics:hover{border-color:#007bff}.fingerprint-list-page #fingerprintStatistics .stat-value{color:#007bff}.fingerprint-list-page .stat-card--clickable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fingerprint-list-page .stat-card--active{border-color:#007bff!important;background:linear-gradient(135deg,#e8f0fe 0%,#cfe2ff 100%)!important;box-shadow:0 4px 18px #007bff4d!important;transform:translateY(-3px)}.fingerprint-list-page .stat-card--active:after{content:"✓ Đang lọc";position:absolute;top:6px;right:10px;font-size:11px;font-weight:600;color:#007bff;background:rgba(255,255,255,.85);border-radius:6px;padding:1px 6px}.fingerprint-list-page #skippedStatistics.stat-card--active{border-color:#dc3545!important;background:linear-gradient(135deg,#fde8ea 0%,#f8d7da 100%)!important;box-shadow:0 4px 18px #dc35454d!important}.fingerprint-list-page #skippedStatistics.stat-card--active:after{color:#dc3545}[data-theme=dark] .fingerprint-list-page .stat-card{background:linear-gradient(135deg,var(--bg-input, #252830) 0%,var(--bg-content, #1e2130) 100%);border-color:var(--border-divider, #2d3140);box-shadow:0 4px 15px #0000004d}[data-theme=dark] .fingerprint-list-page .stat-card:hover{background:linear-gradient(135deg,var(--bg-surface-hover, #2a2f3d) 0%,var(--bg-input, #252830) 100%);box-shadow:0 8px 25px #0006}[data-theme=dark] .fingerprint-list-page .stat-card:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent)}[data-theme=dark] .fingerprint-list-page .stat-label{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .fingerprint-list-page .stat-value{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .fingerprint-list-page .stat-remaining,[data-theme=dark] .fingerprint-list-page .stat-remaining-inline{color:var(--text-label, #4a5060)}[data-theme=dark] .fingerprint-list-page #cardStatistics .stat-value{color:#4ade80}[data-theme=dark] .fingerprint-list-page #fingerprintStatistics .stat-value{color:#60a5fa}[data-theme=dark] .fingerprint-list-page .stat-card--active{background:linear-gradient(135deg,rgba(96,165,250,.15) 0%,rgba(96,165,250,.08) 100%)!important;border-color:#60a5fa!important;box-shadow:0 4px 18px #60a5fa33!important}[data-theme=dark] .fingerprint-list-page .stat-card--active:after{background:rgba(30,33,48,.9);color:#60a5fa}[data-theme=dark] .fingerprint-list-page #skippedStatistics.stat-card--active{background:linear-gradient(135deg,rgba(248,113,113,.15) 0%,rgba(248,113,113,.08) 100%)!important;border-color:#f87171!important;box-shadow:0 4px 18px #f8717133!important}[data-theme=dark] .fingerprint-list-page #skippedStatistics.stat-card--active:after{color:#f87171}.fingerprint-list-page #tableContainer{flex:1;display:flex;flex-direction:column;height:calc(100vh - 90px);position:relative;overflow:hidden;border-radius:0 10px 10px 0;box-shadow:0 4px 8px #0000001a;margin-right:20px}.fingerprint-list-page .table-header{flex-shrink:0;background:var(--color-primary, #6b73ff);border-radius:20px 20px 0 0!important;overflow:hidden}.fingerprint-list-page .table-header table{width:100%;border-collapse:separate;border-spacing:0;border-radius:10px 10px 0 0;overflow:hidden}.fingerprint-list-page .table-header thead tr{display:table-row}.fingerprint-list-page .table-header th{background:var(--color-primary, #6b73ff);color:#fff;text-align:center;vertical-align:middle;font-weight:600;font-size:16px;padding:12px;border:none;height:45px}.fingerprint-list-page .table-header th:first-child{border-top-left-radius:10px!important;height:45px;width:120px;min-width:120px}.fingerprint-list-page .table-header th:last-child{border-top-right-radius:10px!important;width:80px;min-width:80px;height:60px}.fingerprint-list-page .table-header .fp-col-employee-code{width:140px;min-width:140px}.fingerprint-list-page .table-header .fp-col-full-name{width:240px;min-width:240px}.fingerprint-list-page .table-header .fp-col-birth-date{width:140px;min-width:140px}.fingerprint-list-page .table-header .fp-col-cccd{width:150px;min-width:150px}.fingerprint-list-page .table-header .fp-col-dormitory{width:130px;min-width:130px}.fingerprint-list-page .table-header .fp-col-contract-type{width:180px;min-width:180px}.fingerprint-list-page .table-header .fp-col-fingerprint-status{width:130px;min-width:130px}.fingerprint-list-page .table-header .fp-col-skip{width:80px;min-width:80px}.fingerprint-list-page .table-header thead tr th{background:var(--color-primary, #6b73ff)!important}.fingerprint-list-page .th-content{display:flex;justify-content:center;align-items:center;width:100%;position:relative}.fingerprint-list-page .table-header th,.fingerprint-list-page .table-body td{white-space:nowrap!important}.fingerprint-list-page .th-content{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;width:100%}.th-content span{text-align:center;padding-right:0!important}.fingerprint-list-page .vendor-filter-icon{cursor:pointer;padding:5px;border-radius:8px;transition:all .3s ease;color:#fff;opacity:.8;position:absolute;right:10px}.fingerprint-list-page .vendor-filter-icon svg{width:20px;height:20px}.fingerprint-list-page .vendor-filter-icon .filter-icon{display:block!important}.fingerprint-list-page .vendor-filter-icon .filter-active-icon,.fingerprint-list-page .vendor-filter-icon.filtering .filter-icon{display:none!important}.fingerprint-list-page .vendor-filter-icon.filtering .filter-active-icon{display:block!important}.fingerprint-list-page .vendor-filter-icon:hover{opacity:1;background:rgba(255,255,255,.2);transform:scale(1.1)}.fingerprint-list-page .vendor-filter-icon.filtering{opacity:1!important}.fingerprint-list-page .vendor-filter-icon.filtering:hover{border:3px solid #ffc107!important;transform:scale(1.1);box-shadow:0 0 15px #ffc107}.fingerprint-list-page .table-body{flex:1;overflow-y:auto;overflow-x:hidden;background:white;min-height:0;max-height:calc(100vh - 155px)}.fingerprint-list-page .table-body table{width:100%;border-collapse:collapse}.fingerprint-list-page .table-body tbody tr{display:table-row}.fingerprint-list-page .table-body td{padding:0;vertical-align:middle;text-align:center;border-bottom:1px solid #eee;font-size:14px;min-height:50px;overflow:visible;word-wrap:break-word}.fingerprint-list-page .fp-col-status,.fingerprint-list-page .table-body td:nth-child(1){width:120px;min-width:120px;text-align:center;vertical-align:middle;padding:0}.fingerprint-list-page .fp-col-fingerprint-status{width:130px;min-width:130px;text-align:center;vertical-align:middle;padding:6px 8px}.fingerprint-list-page .fp-col-employee-code,.fingerprint-list-page .table-body td:nth-child(3){width:140px;min-width:140px;text-align:center;vertical-align:middle;padding:8px;font-weight:700;color:#333}.fingerprint-list-page .fp-col-full-name,.fingerprint-list-page .table-body td:nth-child(4){width:240px;min-width:240px;text-align:center;vertical-align:middle;padding:8px;font-weight:500;color:#333}.fingerprint-list-page .fp-col-birth-date,.fingerprint-list-page .table-body td:nth-child(5){width:140px;min-width:140px;text-align:center;vertical-align:middle;padding:8px;color:#666;font-size:13px;white-space:nowrap}.fingerprint-list-page .fp-col-cccd,.fingerprint-list-page .table-body td:nth-child(6){width:150px;min-width:150px;text-align:center;vertical-align:middle;padding:8px;color:#666;font-size:13px;font-style:italic}.fingerprint-list-page .fp-col-contract-type,.fingerprint-list-page .table-body td:nth-child(7){width:180px;min-width:180px;text-align:center;vertical-align:middle;padding:8px;color:#495057;font-size:13px;font-weight:500}.fingerprint-list-page .fp-col-dormitory,.fingerprint-list-page .table-body td:nth-child(8){width:130px;min-width:130px;text-align:center;vertical-align:middle;padding:8px}.fingerprint-list-page .fp-col-skip,.fingerprint-list-page .table-body td:nth-child(9){width:80px;min-width:80px;text-align:center;vertical-align:middle;padding:8px}.fingerprint-list-page .table-body tr:nth-child(2n){background-color:#f8f9fa}.fingerprint-list-page .table-body tr:hover{background-color:#e3f2fd}.fingerprint-list-page .fp-col-status{text-align:center;padding:0}.fingerprint-list-page .fp-col-employee-info{padding:0;overflow:visible;word-wrap:break-word}.fingerprint-list-page .fp-col-dormitory{font-size:16px;color:#007bff;font-weight:700}.fingerprint-list-page .fp-col-skip .btn-skip-small{background:#dc3545;color:#fff;border:none;padding:6px 12px;border-radius:15px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:70px}.fingerprint-list-page .fp-col-skip .btn-skip-small:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 2px 8px #dc35454d}.fingerprint-list-page .fp-col-skip .skip-status{background:#f8d7da;color:#721c24;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;border:1px solid #f5c6cb}.fingerprint-list-page .fp-db-fingerprint-badge{display:inline-flex;align-items:center;gap:4px;background:#e8f5e9;color:#2e7d32;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;border:1px solid #a5d6a7;white-space:nowrap}.fingerprint-list-page .fp-db-fingerprint-badge svg{flex-shrink:0;color:#2e7d32}[data-theme=dark] .fingerprint-list-page .table-body{background:var(--bg-surface, #1a1d27)}[data-theme=dark] .fingerprint-list-page .table-body td{border-bottom-color:var(--border-divider, #2d3140);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .fingerprint-list-page .fp-col-employee-code,[data-theme=dark] .fingerprint-list-page .table-body td:nth-child(3){color:var(--text-primary, #e2e8f0)}[data-theme=dark] .fingerprint-list-page .fp-col-full-name,[data-theme=dark] .fingerprint-list-page .table-body td:nth-child(4){color:var(--text-primary, #e2e8f0)}[data-theme=dark] .fingerprint-list-page .fp-col-birth-date,[data-theme=dark] .fingerprint-list-page .table-body td:nth-child(5){color:var(--text-secondary, #8a93a8)}[data-theme=dark] .fingerprint-list-page .fp-col-cccd,[data-theme=dark] .fingerprint-list-page .table-body td:nth-child(6){color:var(--text-secondary, #8a93a8)}[data-theme=dark] .fingerprint-list-page .table-body tr:nth-child(2n){background-color:var(--bg-content, #1e2130)}[data-theme=dark] .fingerprint-list-page .table-body tr:hover{background-color:var(--bg-surface-hover, #2a2f3d)}[data-theme=dark] .fingerprint-list-page .fp-db-fingerprint-badge{background:rgba(74,222,128,.1);color:#4ade80;border-color:#4ade804d}[data-theme=dark] .fingerprint-list-page .fp-db-fingerprint-badge svg{color:#4ade80}[data-theme=dark] .fingerprint-list-page .fp-col-skip .skip-status{background:rgba(248,113,113,.12);color:#fca5a5;border-color:#f871714d}[data-theme=dark] .fingerprint-list-page .table-header{background:var(--bg-input, #334155)}[data-theme=dark] .fingerprint-list-page .table-header th,[data-theme=dark] .fingerprint-list-page .table-header thead tr th{background:var(--bg-input, #334155)!important;color:var(--text-primary, #e2e8f0)}.fingerprint-list-page .vendor-dropdown{position:absolute;top:70px;right:20px;background:white;border:2px solid var(--color-primary, #667eea);border-radius:12px;box-shadow:0 10px 30px #0003;z-index:1000;min-width:500px;max-height:400px;overflow:hidden}.fingerprint-list-page .vendor-dropdown.hidden{display:none}.fingerprint-list-page .vendor-dropdown-header{background:var(--color-primary, #667eea);color:#fff;padding:15px 20px;font-weight:600;font-size:18px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.fingerprint-list-page .date-picker-container{display:flex;align-items:center;gap:10px;flex:1}.fingerprint-list-page .date-picker-container label{font-size:14px;font-weight:500;white-space:nowrap}.fingerprint-list-page .date-filter-input{padding:8px 12px;border:2px solid #fff;border-radius:6px;background:white;color:#333;font-size:14px;font-weight:500;min-width:150px;transition:all .3s ease}.fingerprint-list-page .date-filter-input:focus{outline:none;border-color:#ffc107;box-shadow:0 0 0 2px #ffc10733}.fingerprint-list-page .clear-date-btn{background:#dc3545;color:#fff;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.fingerprint-list-page .clear-date-btn:hover{background:#c82333;transform:scale(1.1)}.fingerprint-list-page .clear-filter-btn{background:linear-gradient(135deg,#ffc107 0%,#e0a800 100%);color:#212529;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.fingerprint-list-page .clear-filter-btn:hover{background:linear-gradient(135deg,#e0a800 0%,#d39e00 100%);transform:translateY(-2px);box-shadow:0 4px 12px #ffc1074d}.fingerprint-list-page .close-dropdown{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s;font-weight:700}.fingerprint-list-page .close-dropdown:hover{background:rgba(255,255,255,.2)}.fingerprint-list-page .filter-tabs{display:flex;background:#f8f9fa;border-bottom:1px solid #dee2e6;height:45px}.fingerprint-list-page .tab-btn{flex:1;padding:10px 15px;background:none;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;color:#6c757d;border-bottom:2px solid transparent}.fingerprint-list-page .tab-btn:hover{background:#e9ecef;color:#495057}.fingerprint-list-page .tab-btn.active{background:white;color:var(--color-primary, #667eea);border-bottom-color:var(--color-primary, #667eea)}.fingerprint-list-page .filter-tab-content{display:none}.fingerprint-list-page .filter-tab-content.active{display:block}.fingerprint-list-page .vendor-options,.fingerprint-list-page .evenodd-options,.fingerprint-list-page .category-options{max-height:300px;overflow-y:auto;padding:10px 0}.fingerprint-list-page .vendor-option,.fingerprint-list-page .evenodd-option,.fingerprint-list-page .category-option{display:flex;align-items:center;padding:10px 15px;cursor:pointer;transition:background .2s;border-bottom:1px solid #f0f0f0}.fingerprint-list-page .vendor-option:hover,.fingerprint-list-page .evenodd-option:hover,.fingerprint-list-page .category-option:hover{background:#f8f9fa}.fingerprint-list-page .vendor-option:last-child,.fingerprint-list-page .evenodd-option:last-child,.fingerprint-list-page .category-option:last-child{border-bottom:none}.fingerprint-list-page .vendor-option input[type=radio],.fingerprint-list-page .evenodd-option input[type=radio],.fingerprint-list-page .category-option input[type=checkbox]{margin-right:10px;transform:scale(1.2)}.fingerprint-list-page .vendor-option label,.fingerprint-list-page .evenodd-option label,.fingerprint-list-page .category-option label{flex:1;font-size:14px;font-weight:500;color:#333;cursor:pointer}.fingerprint-list-page .filtered-note{font-size:12px;color:var(--color-primary, #667eea);font-weight:400;font-style:italic}.fingerprint-list-page .no-vendors-message{padding:15px;text-align:center;color:#6c757d;font-style:italic;font-size:14px;background:#f8f9fa;border-radius:8px;margin:10px;border:1px solid #e9ecef}.fingerprint-list-page .vendor-option.selected,.fingerprint-list-page .evenodd-option.selected,.fingerprint-list-page .category-option.selected{background:#e3f2fd;border-left:4px solid var(--color-primary, #667eea)}[data-theme=dark] .fingerprint-list-page .vendor-dropdown{background:var(--bg-surface, #1a1d27);border-color:var(--color-primary, #667eea);box-shadow:0 10px 30px #00000080}[data-theme=dark] .fingerprint-list-page .date-filter-input{background:var(--bg-input, #252830);border-color:#ffffff4d;color:var(--text-primary, #e2e8f0);color-scheme:dark}[data-theme=dark] .fingerprint-list-page .filter-tabs{background:var(--bg-content, #1e2130);border-bottom-color:var(--border-divider, #2d3140)}[data-theme=dark] .fingerprint-list-page .tab-btn{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .fingerprint-list-page .tab-btn:hover{background:var(--bg-surface-hover, #2a2f3d);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .fingerprint-list-page .tab-btn.active{background:var(--bg-surface, #1a1d27);color:var(--color-primary, #667eea)}[data-theme=dark] .fingerprint-list-page .vendor-option,[data-theme=dark] .fingerprint-list-page .evenodd-option,[data-theme=dark] .fingerprint-list-page .category-option{border-bottom-color:var(--border-divider, #2d3140)}[data-theme=dark] .fingerprint-list-page .vendor-option:hover,[data-theme=dark] .fingerprint-list-page .evenodd-option:hover,[data-theme=dark] .fingerprint-list-page .category-option:hover{background:var(--bg-surface-hover, #2a2f3d)}[data-theme=dark] .fingerprint-list-page .vendor-option label,[data-theme=dark] .fingerprint-list-page .evenodd-option label,[data-theme=dark] .fingerprint-list-page .category-option label{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .fingerprint-list-page .vendor-option.selected,[data-theme=dark] .fingerprint-list-page .evenodd-option.selected,[data-theme=dark] .fingerprint-list-page .category-option.selected{background:rgba(var(--color-primary-rgb, 102, 126, 234),.12)}[data-theme=dark] .fingerprint-list-page .no-vendors-message{background:var(--bg-input, #252830);border-color:var(--border-divider, #2d3140);color:var(--text-secondary, #8a93a8)}.fingerprint-list-page .table-body .mobile-only .employee-info-container .employee-details .employee-name,.fingerprint-list-page td.fp-col-employee-info .employee-info-container .employee-details .employee-name{font-size:23px!important;line-height:1.3!important;word-wrap:break-word!important;word-break:break-word!important;white-space:normal!important;overflow-wrap:break-word!important;text-overflow:none!important;overflow:visible!important;max-width:200px!important;width:auto!important;hyphens:auto!important;-webkit-hyphens:auto!important;-ms-hyphens:auto!important;display:block!important}.fingerprint-list-page .action-container{display:flex;justify-content:center;align-items:center;padding:8px;min-height:50px}.fingerprint-list-page .btn-fingerprint{background:#28a745;color:#fff;border:none;padding:8px 12px;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100px;height:35px;text-align:center;line-height:1;white-space:nowrap;display:flex;align-items:center;justify-content:center}.fingerprint-list-page .btn-fingerprint:hover{background:#218838;transform:translateY(-1px);box-shadow:0 2px 8px #28a7454d}.fingerprint-list-page .btn-fingerprint.completed{background:#6c757d;cursor:not-allowed}.fingerprint-list-page .fp-status-text-wrapper{display:flex;flex-direction:column;align-items:center;gap:3px}.fingerprint-list-page .fp-status-text-label{display:block;font-size:11px;font-weight:500;color:var(--text-muted, #9ca3af);font-style:italic;text-align:center;white-space:nowrap;line-height:1.4}.fingerprint-list-page .fp-status-text-label--done{color:#28a745;font-style:normal;font-weight:600}.fingerprint-list-page .fp-status-text-time{display:block;font-size:10px;color:var(--text-muted, #6b7280);text-align:center;white-space:nowrap;line-height:1.3}.fingerprint-list-page .fp-status-text-time--done{color:#28a745;font-weight:600}.fingerprint-list-page .employee-info-container{display:flex;flex-direction:row;align-items:flex-start;padding:10px 15px;min-height:100px;gap:12px;overflow:visible;word-wrap:break-word}.fingerprint-list-page .info-row-1{display:flex;justify-content:space-between;align-items:center;gap:10px}.fingerprint-list-page .info-row-1 .employee-id{font-size:24px;font-weight:700;color:#333;text-align:left}.fingerprint-list-page .info-row-1 .skip-action{display:flex;justify-content:flex-end;align-items:center}.fingerprint-list-page .info-row-2{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.fingerprint-list-page .info-row-2 .employee-name{font-size:24px;color:#333;font-weight:500;line-height:1.3;text-align:left;word-wrap:break-word;word-break:break-word;white-space:normal;overflow-wrap:break-word;flex:1;min-width:0}.fingerprint-list-page .fp-mobile-fingerprint-icon{display:inline-flex;align-items:center;color:#2e7d32;flex-shrink:0;margin-top:4px}.fingerprint-list-page .info-row-3{display:flex;justify-content:space-between;align-items:center;gap:10px}.fingerprint-list-page .birth-cccd-col{flex:1;display:flex;flex-direction:column;gap:4px;text-align:left}.fingerprint-list-page .birth-cccd-col .employee-birth{font-size:14px;color:#666}.fingerprint-list-page .birth-cccd-col .employee-cccd{font-size:18px;color:#666;font-weight:400;font-style:italic}.fingerprint-list-page .vendor-col{flex:0 0 auto;display:flex;align-items:center}.fingerprint-list-page .vendor-col .vendor-code{font-size:16px;color:#007bff;font-weight:700;padding:4px 12px;background:#e7f3ff;border-radius:12px;border:1px solid #b3d7ff;text-align:center}.fingerprint-list-page .vendor-col .vendor-code:empty{display:none}.fingerprint-list-page .info-row-1 .btn-skip-small{background:#dc3545;color:#fff;border:none;padding:6px 12px;border-radius:15px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:70px}.fingerprint-list-page .info-row-1 .btn-skip-small:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 2px 8px #dc35454d}.fingerprint-list-page .info-row-1 .skip-status{background:#f8d7da;color:#721c24;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;border:1px solid #f5c6cb}.fingerprint-list-page .employee-details{flex:1;display:flex;flex-direction:column;gap:0px;text-align:left;overflow:visible;word-wrap:break-word;min-width:0}.fingerprint-list-page .employee-id{font-size:18px;font-weight:700;color:#333;margin-bottom:2px;text-align:left}.fingerprint-list-page .employee-name{font-size:23px;color:#333;font-weight:500;line-height:1.3;padding-bottom:5px;text-align:left;word-wrap:break-word;word-break:break-all;white-space:normal;overflow-wrap:break-word;text-overflow:unset;overflow:visible;max-width:none;width:auto;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto}.fingerprint-list-page .employee-birth{font-size:14px;color:#666;text-align:left}.fingerprint-list-page .employee-cccd{font-size:18px;color:#666;font-weight:400;font-style:italic;text-align:left}.fingerprint-list-page .employee-actions{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;min-height:100px;padding:5px 0;text-align:right}.fingerprint-list-page .skip-action{display:flex;justify-content:flex-end;margin-bottom:5px;text-align:right}.fingerprint-list-page .btn-skip-small{background:#dc3545;color:#fff;border:none;padding:6px 12px;border-radius:15px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:70px}.fingerprint-list-page .btn-skip-small:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 2px 8px #dc35454d}.fingerprint-list-page .skip-status{background:#f8d7da;color:#721c24;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;border:1px solid #f5c6cb}.fingerprint-list-page .vendor-code{font-size:16px;color:#007bff;font-weight:700;padding:4px 12px;background:#e7f3ff;border-radius:12px;border:1px solid #b3d7ff;margin-top:auto;text-align:center}.fingerprint-list-page .info-avatar-col{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:center;align-self:flex-start}.fingerprint-list-page .info-avatar-img{width:auto;height:126px;max-height:126px;aspect-ratio:2 / 3;-o-object-fit:cover;object-fit:cover;border-radius:12px;border:2px solid #e0e0e0;display:block}.fingerprint-list-page .info-avatar-placeholder{width:auto;height:126px;max-height:126px;aspect-ratio:2 / 3;border-radius:6px;background:linear-gradient(135deg,var(--color-primary, #667eea) 0%,var(--color-primary-end, #764ba2) 100%);color:#fff;font-size:28px;font-weight:700;display:flex;align-items:center;justify-content:center;text-transform:uppercase;flex-shrink:0;border:2px solid #e0e0e0}.fingerprint-list-page .info-details-col{flex:1;display:flex;flex-direction:column;gap:0;min-width:0;overflow:visible}.fingerprint-list-page .fp-name-with-avatar{display:flex;flex-direction:row;align-items:center;gap:8px}.fingerprint-list-page .fp-avatar-frame{position:relative;width:48px;height:72px;flex-shrink:0;border:2px solid transparent;border-radius:8px;background-color:#f0f0f0;overflow:hidden}.fingerprint-list-page .fp-avatar-frame:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px solid #6b73ff;border-radius:4px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:10px;pointer-events:none;z-index:2}.fingerprint-list-page .fp-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;display:block;border-radius:2px}.fingerprint-list-page .fp-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6b73ff 0%,#9b59b6 100%);color:#fff;font-size:20px;font-weight:700;text-transform:uppercase;border-radius:2px}.fingerprint-list-page .fp-name-text{font-size:13px;font-weight:500;color:#333;text-align:left;word-break:break-word;line-height:1.4;flex:1;min-width:0}[data-theme=dark] .fingerprint-list-page .employee-id,[data-theme=dark] .fingerprint-list-page .info-row-1 .employee-id,[data-theme=dark] .fingerprint-list-page .employee-name,[data-theme=dark] .fingerprint-list-page .info-row-2 .employee-name{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .fingerprint-list-page .employee-birth,[data-theme=dark] .fingerprint-list-page .birth-cccd-col .employee-birth,[data-theme=dark] .fingerprint-list-page .employee-cccd,[data-theme=dark] .fingerprint-list-page .birth-cccd-col .employee-cccd{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .fingerprint-list-page .vendor-col .vendor-code,[data-theme=dark] .fingerprint-list-page .vendor-code{background:rgba(96,165,250,.12);color:#60a5fa;border-color:#60a5fa4d}[data-theme=dark] .fingerprint-list-page .info-avatar-img,[data-theme=dark] .fingerprint-list-page .info-avatar-placeholder{border-color:var(--border-divider, #2d3140)}[data-theme=dark] .fingerprint-list-page .fp-avatar-frame{background-color:var(--bg-input, #252830)}[data-theme=dark] .fingerprint-list-page .fp-name-text{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .fingerprint-list-page .info-row-1 .skip-status{background:rgba(248,113,113,.12);color:#fca5a5;border-color:#f871714d}.fingerprint-list-page .btn-action{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);color:#fff;border:none;padding:12px 20px;border-radius:30px;cursor:pointer;font-size:40px;transition:all .2s;width:180px;height:140px;display:flex;align-items:center;justify-content:center}.fingerprint-list-page .btn-action:hover{transform:translateY(-1px);box-shadow:0 4px 8px #28a7454d}.fingerprint-list-page .btn-skip{background:linear-gradient(135deg,#ffc107 0%,#ffb300 100%);color:#333;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:28px;transition:all .2s;font-weight:600;width:180px;height:80px;display:flex;align-items:center;justify-content:center}.fingerprint-list-page .btn-skip:hover{background:linear-gradient(135deg,#ffb300 0%,#ffa000 100%);transform:translateY(-1px);box-shadow:0 4px 8px #ffc10766}.fingerprint-list-page .btn-edit{background:linear-gradient(135deg,#6c757d 0%,#495057 100%);color:#fff;border:none;padding:6px 10px;border-radius:50%;cursor:pointer;font-size:20px;transition:all .2s;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.fingerprint-list-page .btn-edit:hover{background:linear-gradient(135deg,#495057 0%,#343a40 100%);transform:translateY(-1px) scale(1.1);box-shadow:0 4px 8px #6c757d66}.fingerprint-list-page .info-container{position:relative;width:100%}.fingerprint-list-page .status-container{display:flex;flex-direction:column;align-items:center;position:relative;gap:40px}.fingerprint-list-page .status-with-edit{display:flex;align-items:center;gap:10px}.fingerprint-list-page .da-lay-vantay,.fingerprint-list-page .da-bo-qua{font-weight:700;font-size:30px}.fingerprint-list-page .da-lay-vantay{color:#28a745}.fingerprint-list-page .da-bo-qua{color:#ff6b35}.fingerprint-list-page .fp-search-refresh-row{display:flex;align-items:center;gap:8px;max-width:80%;margin:0 auto 2px}.fingerprint-list-page .fp-search-refresh-row .search-container{flex:1;max-width:unset;margin:0}.fingerprint-list-page .fp-manual-refresh-btn{display:flex;align-items:center;gap:6px;padding:8px 24px;background:#fff;color:#495057;border:1px solid #ced4da;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.fingerprint-list-page .fp-manual-refresh-btn:hover:not(:disabled){background:#f1f3f5;border-color:#adb5bd;color:#212529}.fingerprint-list-page .fp-manual-refresh-btn:disabled,.fingerprint-list-page .fp-manual-refresh-btn.refreshing{cursor:not-allowed;opacity:.65}.fingerprint-list-page .fp-manual-refresh-btn .spin{animation:fp-spin .8s linear infinite;display:flex;align-items:center}.fingerprint-list-page .fp-manual-refresh-btn:hover:not(:disabled) .spin-icon{animation:fp-spin-once .4s ease-in-out}@keyframes fp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fp-spin-once{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.fingerprint-list-page .fp-manual-refresh-btn span:last-child{display:none}.fingerprint-list-page .fp-manual-refresh-btn{padding:8px 24px}}[data-theme=dark] .fingerprint-list-page .fp-manual-refresh-btn{background:var(--bg-input, #252830);border-color:var(--border-input, #3a3f4f);color:var(--text-secondary, #8a93a8)}[data-theme=dark] .fingerprint-list-page .fp-manual-refresh-btn:hover:not(:disabled){background:var(--bg-surface-hover, #2a2f3d);border-color:var(--border-divider, #2d3140);color:var(--text-primary, #e2e8f0)}.fingerprint-list-page .cpn-pagination-container{display:flex;justify-content:center;align-items:center;gap:10px;background:white;position:sticky;bottom:0;z-index:100;border-top:1px solid #eee;box-shadow:0 -2px 10px #0000001a;flex-shrink:0;border-radius:0 0 10px 10px;padding:10px 20px;box-sizing:border-box;height:60px}.fingerprint-list-page .cpn-pagination-container button{padding:8px 16px;border:1px solid var(--color-primary, #667eea);background:white;cursor:pointer;border-radius:6px;font-size:14px;font-weight:600;color:var(--color-primary, #667eea);transition:all .3s ease;min-width:70px;position:relative;z-index:101;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fingerprint-list-page .cpn-pagination-container button:enabled:hover{background:var(--color-primary, #667eea);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb, 102, 126, 234),.3)}.fingerprint-list-page .cpn-pagination-container button:disabled{opacity:.4;cursor:not-allowed;background:#f8f9fa!important;color:#6c757d!important;border-color:#dee2e6!important;pointer-events:none;transform:none!important;box-shadow:none!important}.fingerprint-list-page #pageInfo{font-size:14px;font-weight:600;color:#333;background:#f8f9fa;border-radius:6px;padding:8px 16px;border:1px solid #dee2e6}[data-theme=dark] .fingerprint-list-page .cpn-pagination-container{background-color:var(--bg-card, #1e222b)!important;border-top-color:var(--border-color, #2d3139)!important;box-shadow:0 -2px 10px #0000004d!important}[data-theme=dark] .fingerprint-list-page .cpn-pagination-container .cpn-pagination-btn{background-color:var(--bg-input, #252830)!important;border-color:var(--border-input, #3a3f4f)!important;color:var(--text-primary, #e2e8f0)!important}[data-theme=dark] .fingerprint-list-page .cpn-pagination-container .cpn-pagination-btn:enabled:hover{background-color:var(--color-primary, #667eea)!important;color:#fff!important}[data-theme=dark] .fingerprint-list-page .cpn-pagination-container .cpn-pagination-current{color:var(--text-primary, #e2e8f0)!important}[data-theme=dark] .fingerprint-list-page .cpn-pagination-container .cpn-pagination-select{background-color:var(--bg-input, #252830)!important;border-color:var(--border-input, #3a3f4f)!important;color:var(--text-primary, #e2e8f0)!important}.fingerprint-list-page .loading{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.fingerprint-list-page .loading p{margin:0;font-size:16px;font-weight:500;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.fingerprint-list-page .spinner{border:4px solid rgba(255,255,255,.3);border-top:4px solid #fff;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite;margin-bottom:20px;box-shadow:0 4px 8px #0000001a}.fingerprint-list-page .modal{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006;display:flex;justify-content:center;align-items:center}.fingerprint-list-page .modal-content{background-color:#fefefe;border:none;width:95%;max-width:600px;border-radius:20px;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}.fingerprint-list-page .modal-content h3{color:#333;margin-bottom:20px;font-size:36px;text-align:center}.fingerprint-list-page .modal-content p{color:#666;margin-bottom:30px;font-size:24px;text-align:center;line-height:1.4}.fingerprint-list-page .modal-content .employee-code-highlight{font-size:42px;font-weight:700;color:#007bff;padding:0 16px;display:inline-block;margin:1px}.fingerprint-list-page .modal-buttons{display:flex;justify-content:center;gap:20px;margin-top:30px}.fingerprint-list-page .btn-confirm,.fingerprint-list-page .btn-cancel{padding:15px 30px;border:none;border-radius:8px;font-size:20px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px}.fingerprint-list-page .btn-confirm{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);color:#fff}.fingerprint-list-page .btn-confirm:hover{background:linear-gradient(135deg,#20c997 0%,#17a2b8 100%);transform:translateY(-2px);box-shadow:0 4px 15px #28a7454d}.fingerprint-list-page .btn-cancel{background:linear-gradient(135deg,#6c757d 0%,#495057 100%);color:#fff}.fingerprint-list-page .btn-cancel:hover{background:linear-gradient(135deg,#495057 0%,#343a40 100%);transform:translateY(-2px);box-shadow:0 4px 15px #6c757d4d}@keyframes modalSlideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}[data-theme=dark] .fingerprint-list-page .modal-content{background-color:var(--bg-surface, #1a1d27);box-shadow:0 20px 60px #0009}[data-theme=dark] .fingerprint-list-page .modal-content h3{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .fingerprint-list-page .modal-content p{color:var(--text-secondary, #8a93a8)}.fingerprint-list-page .modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1002;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fingerprint-list-page .employee-info-modal-new{background:white;width:90vw;max-width:800px;max-height:90vh;border-radius:16px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{transform:scale(.95) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.fingerprint-list-page .modal-header-fixed{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;background:#f8fafc;border-radius:16px 16px 0 0}.fingerprint-list-page .modal-header-fixed h3{margin:0;font-size:20px;font-weight:600;color:#1f2937}.fingerprint-list-page .modal-close-btn{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.fingerprint-list-page .modal-close-btn:hover{background:#f3f4f6;color:#374151}.fingerprint-list-page .modal-container-scrollable{flex:1;overflow-y:auto;padding:24px;scrollbar-width:thin;scrollbar-color:#d1d5db #f9fafb}.fingerprint-list-page .modal-container-scrollable::-webkit-scrollbar{width:8px}.fingerprint-list-page .modal-container-scrollable::-webkit-scrollbar-track{background:#f9fafb}.fingerprint-list-page .modal-container-scrollable::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.fingerprint-list-page .modal-container-scrollable::-webkit-scrollbar-thumb:hover{background:#9ca3af}.fingerprint-list-page .info-frame-1{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:10px;margin-bottom:5px}.fingerprint-list-page .desktop-layout{display:flex;gap:24px;align-items:flex-start}.fingerprint-list-page .mobile-layout{display:none}.fingerprint-list-page .mobile-avatar-row{position:relative;display:flex;justify-content:center;align-items:flex-start}.fingerprint-list-page .mobile-contract-type{font-size:12px;font-weight:600;color:#fff;background:#4f46e5;padding:2px 8px;border-radius:12px;white-space:nowrap;line-height:1.6}.fingerprint-list-page .mobile-contract-type-group{position:absolute;top:0;right:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.fingerprint-list-page .mobile-dormitory-code{font-size:11px;font-weight:600;color:#fff;background:#0891b2;padding:2px 7px;border-radius:10px;white-space:nowrap;line-height:1.5}.fingerprint-list-page .avatar-col{flex:0 0 120px;display:flex;justify-content:center}.fingerprint-list-page .avatar-container{position:relative;display:flex;flex-direction:column;align-items:center}.fingerprint-list-page .large-avatar{width:120px;height:160px;border-radius:12px;-o-object-fit:cover;object-fit:cover;border:3px solid #e5e7eb;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.fingerprint-list-page .large-avatar:hover{border-color:#3b82f6;transform:scale(1.02);box-shadow:0 8px 20px #3b82f633}.fingerprint-list-page .no-large-avatar{width:120px;height:160px;border:2px dashed #d1d5db;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#6b7280;background:#f9fafb;text-align:center;padding:8px}.fingerprint-list-page .basic-info-col{flex:1;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.fingerprint-list-page .name-text{font-size:24px;font-weight:700;color:#1f2937}.fingerprint-list-page .employee-code{font-size:16px;font-weight:500;color:#6b7280}.fingerprint-list-page .status-badge{padding:6px 12px;border-radius:20px;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:5px}.fingerprint-list-page .status-pending{background:#fef3c7;color:#92400e;border:1px solid #f59e0b}.fingerprint-list-page .status-approved{background:#d1fae5;color:#065f46;border:1px solid #10b981}.fingerprint-list-page .status-rejected{background:#fee2e2;color:#991b1b;border:1px solid #ef4444}.fingerprint-list-page .fingerprint-time{font-size:14px;color:#6b7280}.fingerprint-list-page .info-frame-2{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.fingerprint-list-page .detail-row{display:flex;gap:20px;margin-bottom:16px;flex-wrap:wrap}.fingerprint-list-page .detail-group{flex:1;min-width:200px;display:flex;flex-direction:column;gap:4px}.fingerprint-list-page .detail-group.full-width{flex:1 1 100%}.fingerprint-list-page .detail-group label{font-size:14px;font-weight:600;color:#374151}.fingerprint-list-page .detail-group span{font-size:15px;color:#1f2937;word-break:break-word}.fingerprint-list-page .modal-footer-fixed{padding:20px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;flex-shrink:0;background:#f8fafc;border-radius:0 0 16px 16px}.fingerprint-list-page .update-btn{background:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.fingerprint-list-page .update-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.fingerprint-list-page .fullscreen-image-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.9);display:flex;justify-content:center;align-items:center;z-index:2000}.fingerprint-list-page .fullscreen-image-container{position:relative;max-width:95vw;max-height:95vh}.fingerprint-list-page .fullscreen-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:8px}.fingerprint-list-page .fullscreen-close-btn{position:absolute;top:-40px;right:0;background:white;color:#1f2937;border:none;width:40px;height:40px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d}.fingerprint-list-page .info-frame-cccd{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:10px;margin-bottom:5px}.fingerprint-list-page .cccd-images-row{display:flex;gap:20px;justify-content:space-between}.fingerprint-list-page .cccd-image-item{flex:1;display:flex;flex-direction:column;gap:8px}.fingerprint-list-page .cccd-image-item label{font-size:14px;font-weight:600;color:#374151}.fingerprint-list-page .cccd-image-container{position:relative;width:100%;height:200px;border:2px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#f9fafb;cursor:pointer;transition:all .3s ease}.fingerprint-list-page .cccd-image-container:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.fingerprint-list-page .cccd-image-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.fingerprint-list-page .no-cccd-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:#6b7280;font-size:14px;padding:16px}.fingerprint-list-page .basic-info-col .info-line{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e5e7eb}.fingerprint-list-page .basic-info-col .info-line:last-child{border-bottom:none}.fingerprint-list-page .basic-info-col .info-line .info-label{font-size:14px;font-weight:600;color:#374151;flex:0 0 120px}.fingerprint-list-page .basic-info-col .info-line .info-value{font-size:14px;color:#1f2937;flex:1;word-break:break-word}.fingerprint-list-page .info-action-row{display:flex;flex-direction:row;gap:8px;margin-top:4px;flex-wrap:wrap}.fingerprint-list-page .info-modal-action-btn{flex:1 1 0;padding:8px 12px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,opacity .2s;white-space:nowrap}.fingerprint-list-page .info-modal-action-btn--fingerprint{background:#2563eb;color:#fff}.fingerprint-list-page .info-modal-action-btn--fingerprint:hover{background:#1d4ed8}.fingerprint-list-page .info-modal-action-btn--skip{background:#fee2e2;color:#dc2626;border:1px solid #fca5a5}.fingerprint-list-page .info-modal-action-btn--skip:hover{background:#fecaca}@media (max-width: 768px){.fingerprint-list-page .mobile-layout .large-avatar,.fingerprint-list-page .mobile-layout .no-large-avatar{width:160px;height:213px}}[data-theme=dark] .fingerprint-list-page .employee-info-modal-new{background:var(--bg-surface, #1a1d27);box-shadow:0 20px 60px #0009}[data-theme=dark] .fingerprint-list-page .modal-header-fixed{background:var(--bg-content, #1e2130);border-bottom-color:var(--border-divider, #2d3140)}[data-theme=dark] .fingerprint-list-page .modal-header-fixed h3{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .fingerprint-list-page .modal-close-btn{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .fingerprint-list-page .modal-close-btn:hover{background:var(--bg-surface-hover, #2a2f3d);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .fingerprint-list-page .modal-container-scrollable{scrollbar-color:var(--border-divider, #2d3140) var(--bg-content, #1e2130)}[data-theme=dark] .fingerprint-list-page .modal-container-scrollable::-webkit-scrollbar-track{background:var(--bg-content, #1e2130)}[data-theme=dark] .fingerprint-list-page .modal-container-scrollable::-webkit-scrollbar-thumb{background:var(--border-divider, #2d3140)}[data-theme=dark] .fingerprint-list-page .info-frame-1,[data-theme=dark] .fingerprint-list-page .info-frame-cccd{background:var(--bg-content, #1e2130);border-color:var(--border-divider, #2d3140)}[data-theme=dark] .fingerprint-list-page .info-frame-2{background:var(--bg-surface, #1a1d27);border-color:var(--border-divider, #2d3140)}[data-theme=dark] .fingerprint-list-page .name-text{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .fingerprint-list-page .employee-code,[data-theme=dark] .fingerprint-list-page .fingerprint-time,[data-theme=dark] .fingerprint-list-page .detail-group label,[data-theme=dark] .fingerprint-list-page .cccd-image-item label,[data-theme=dark] .fingerprint-list-page .basic-info-col .info-line .info-label{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .fingerprint-list-page .detail-group span,[data-theme=dark] .fingerprint-list-page .basic-info-col .info-line .info-value{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .fingerprint-list-page .basic-info-col .info-line{border-bottom-color:var(--border-divider, #2d3140)}[data-theme=dark] .fingerprint-list-page .large-avatar,[data-theme=dark] .fingerprint-list-page .cccd-image-container{border-color:var(--border-divider, #2d3140)}[data-theme=dark] .fingerprint-list-page .no-large-avatar,[data-theme=dark] .fingerprint-list-page .cccd-image-container{background:var(--bg-input, #252830)}[data-theme=dark] .fingerprint-list-page .no-large-avatar,[data-theme=dark] .fingerprint-list-page .no-cccd-image{color:var(--text-label, #4a5060)}[data-theme=dark] .fingerprint-list-page .modal-footer-fixed{background:var(--bg-content, #1e2130);border-top-color:var(--border-divider, #2d3140)}[data-theme=dark] .fingerprint-list-page .info-modal-action-btn--skip{background:rgba(220,38,38,.12);color:#f87171;border-color:#dc26264d}[data-theme=dark] .fingerprint-list-page .info-modal-action-btn--skip:hover{background:rgba(220,38,38,.2)}[data-theme=dark] .fingerprint-list-page .status-pending{background:rgba(245,158,11,.12);color:#fbbf24;border-color:#f59e0b4d}[data-theme=dark] .fingerprint-list-page .status-approved{background:rgba(16,185,129,.12);color:#34d399;border-color:#10b9814d}[data-theme=dark] .fingerprint-list-page .status-rejected{background:rgba(239,68,68,.12);color:#f87171;border-color:#ef44444d}@media (max-width: 1024px) and (min-width: 769px){.left-panel{flex:0 0 40%}.stat-label{font-size:20px}.stat-value{font-size:36px}.stat-remaining{font-size:24px}.fingerprint-list-page .employee-info-modal-new{width:95vw;max-height:78vh;border-radius:12px}.fingerprint-list-page .desktop-layout{display:none}.fingerprint-list-page .mobile-layout{display:block}.fingerprint-list-page .mobile-layout .mobile-row-2{text-align:center;margin-bottom:16px}.fingerprint-list-page .mobile-layout .mobile-row-3.text-center,.fingerprint-list-page .mobile-layout .mobile-row-4.text-center{text-align:center;margin-bottom:12px}.fingerprint-list-page .mobile-layout .mobile-row-5{text-align:right;margin-top:8px}.fingerprint-list-page .mobile-layout .large-avatar{width:160px;height:213px}.fingerprint-list-page .mobile-layout .no-large-avatar{width:160px;height:213px;font-size:11px}.fingerprint-list-page .cccd-images-row{flex-direction:row;gap:8px}.fingerprint-list-page .cccd-image-item{flex:1;min-width:0}.fingerprint-list-page .cccd-image-item label{font-size:12px}.fingerprint-list-page .cccd-image-container{height:120px}.fingerprint-list-page .detail-row{flex-direction:column;gap:12px}.fingerprint-list-page .detail-group{min-width:unset}.fingerprint-list-page .modal-header-fixed{padding:16px 20px}.fingerprint-list-page .modal-header-fixed h3{font-size:18px}.fingerprint-list-page .modal-container-scrollable{padding:4px}.fingerprint-list-page .modal-footer-fixed{padding:16px 20px}.fingerprint-list-page .mobile-layout .mobile-row-time{text-align:right;margin-top:6px;padding:0 4px}.fingerprint-list-page .mobile-layout .mobile-row-time .fingerprint-time{font-size:12px;color:#555}.fingerprint-list-page .info-frame-2 .detail-row{flex-direction:row;flex-wrap:wrap;gap:8px}.fingerprint-list-page .info-frame-2 .detail-group{min-width:0;flex:1 1 calc(50% - 8px)}.fingerprint-list-page .info-frame-2 .detail-group.full-width{flex:1 1 100%}}@media (max-width: 768px){.fingerprint-list-page .container{height:calc(100vh - 50px)}.fingerprint-list-page .layout-container{flex-direction:column;gap:10px;height:calc(100vh - 50px)}.fingerprint-list-page .left-panel{flex:0 0 auto;padding:15px 15px 0;background:white;border-radius:10px;height:auto;max-height:250px;overflow:hidden}.fingerprint-list-page .right-panel{flex:1;min-height:0;height:calc(100vh - 320px)}.fingerprint-list-page #tableContainer{border-radius:10px;margin-right:0;height:100%}.fingerprint-list-page .table-body{max-height:calc(100vh - 350px)}.fingerprint-list-page header{background:white;box-shadow:0 2px 10px #0000001a;border-radius:10px}.fingerprint-list-page header h1{font-size:28px}.fingerprint-list-page .search-container{flex-direction:column;gap:10px}.fingerprint-list-page .search-container input{font-size:18px;padding:8px 40px 8px 12px}.fingerprint-list-page .statistics-container{flex-direction:row;gap:1px}.fingerprint-list-page .stat-card{flex:1;min-height:100px}.fingerprint-list-page .stat-label{font-size:13px}.fingerprint-list-page .stat-value{font-size:28px}.fingerprint-list-page .stat-remaining{font-size:14px}.fingerprint-list-page .table-header th{font-size:20px;padding:10px 8px;height:50px}.fingerprint-list-page .vendor-filter-icon svg{width:24px;height:24px}.fingerprint-list-page .th-content span{padding-right:30px}.fingerprint-list-page .vendor-dropdown{min-width:92vw;max-width:92vw;right:18px;top:60px}.fingerprint-list-page .vendor-dropdown-header{padding:12px 15px;font-size:16px;flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap}.fingerprint-list-page .date-picker-container{flex-direction:row;align-items:center;gap:8px;flex:1;min-width:200px}.fingerprint-list-page .date-picker-container label{font-size:14px;min-width:auto}.fingerprint-list-page .date-filter-input{min-width:120px;font-size:14px;padding:8px 10px}.fingerprint-list-page .clear-date-btn{width:22px;height:22px;font-size:14px}.fingerprint-list-page .clear-filter-btn{padding:6px 10px;font-size:14px}.fingerprint-list-page .close-dropdown{width:25px;height:25px;font-size:25px}.fingerprint-list-page .filter-tabs{height:40px}.fingerprint-list-page .tab-btn{padding:8px 12px;font-size:12px}.fingerprint-list-page .vendor-option,.fingerprint-list-page .evenodd-option,.fingerprint-list-page .category-option{padding:10px 12px}.fingerprint-list-page .vendor-option label,.fingerprint-list-page .evenodd-option label,.fingerprint-list-page .category-option label{font-size:16px}.fingerprint-list-page .filtered-note{font-size:12px}.fingerprint-list-page .no-vendors-message{font-size:14px;padding:12px;margin:10px}.fingerprint-list-page .fp-col-status,.fingerprint-list-page .table-body td:nth-child(1){width:70px;min-width:70px;padding-right:0!important}.fingerprint-list-page .fp-col-employee-info,.fingerprint-list-page .table-body td:nth-child(2){width:calc(100% - 70px)}.fingerprint-list-page .table-header th:first-child{width:70px;min-width:70px}.fingerprint-list-page .table-header th.mobile-only{width:calc(100% - 70px)}.fingerprint-list-page .btn-fingerprint{width:60px;height:auto;min-height:70px;font-size:14px;padding:10px 6px;line-height:1.6}.fingerprint-list-page .action-container{padding:10px 0 10px 4px;min-height:90px}.fingerprint-list-page .mobile-only .employee-info-container{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:8px!important;padding:6px 8px!important;min-height:unset!important;overflow:visible!important}.fingerprint-list-page .mobile-only .info-row-1{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important}.fingerprint-list-page .mobile-only .info-row-2{width:100%!important}.fingerprint-list-page .mobile-only .info-row-2 .employee-name{font-size:18px!important;line-height:1.3!important;word-wrap:break-word!important;word-break:break-word!important;white-space:normal!important;overflow-wrap:break-word!important}.fingerprint-list-page .mobile-only .info-row-1 .employee-id{font-size:18px!important}.fingerprint-list-page .mobile-only .birth-cccd-col .employee-birth{font-size:12px!important}.fingerprint-list-page .mobile-only .birth-cccd-col .employee-cccd{font-size:14px!important}.fingerprint-list-page .mobile-only .info-avatar-img{height:100px!important;max-height:100px!important}.fingerprint-list-page .mobile-only .info-avatar-placeholder{height:100px!important;max-height:100px!important;font-size:22px!important}.fingerprint-list-page .mobile-only .info-row-3{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important;gap:10px!important}.fingerprint-list-page .mobile-only .birth-cccd-col{flex:1!important}.fingerprint-list-page .mobile-only .vendor-col{flex:0 0 auto!important}.fingerprint-list-page .mobile-only .table-body td,.fingerprint-list-page .table-body .mobile-only{height:auto!important;min-height:100px!important;overflow:visible!important;word-wrap:break-word!important}.fingerprint-list-page .btn-action{width:120px;height:80px;font-size:20px}.fingerprint-list-page .btn-skip{width:120px;height:50px;font-size:18px}.fingerprint-list-page .pagination{gap:8px;padding:8px}.fingerprint-list-page .pagination button{padding:6px 12px;font-size:12px;min-width:60px}.fingerprint-list-page #pageInfo{font-size:12px;padding:6px 12px}.fingerprint-list-page .table-header th.fp-col-status{font-size:0!important;color:transparent!important}.fingerprint-list-page .btn-fingerprint{white-space:pre-line!important;line-height:1.6!important;height:auto!important;min-height:70px!important;width:60px!important;font-size:13px!important;padding:10px 6px!important}.fingerprint-list-page .action-container{height:auto!important;min-height:90px!important;padding:10px 0 10px 4px!important}.fingerprint-list-page .employee-info-modal-new{width:95vw;max-height:78vh;border-radius:12px}.fingerprint-list-page .desktop-layout{display:none}.fingerprint-list-page .mobile-layout{display:block}.fingerprint-list-page .mobile-layout .mobile-row-2{text-align:center;margin-bottom:16px}.fingerprint-list-page .mobile-layout .mobile-row-3.text-center,.fingerprint-list-page .mobile-layout .mobile-row-4.text-center{text-align:center;margin-bottom:12px}.fingerprint-list-page .mobile-layout .mobile-row-5{text-align:right;margin-top:8px}.fingerprint-list-page .mobile-layout .large-avatar{width:160px;height:213px}.fingerprint-list-page .mobile-layout .no-large-avatar{width:160px;height:213px;font-size:11px}.fingerprint-list-page .cccd-images-row{flex-direction:row;gap:8px}.fingerprint-list-page .cccd-image-item{flex:1;min-width:0}.fingerprint-list-page .cccd-image-item label{font-size:12px}.fingerprint-list-page .cccd-image-container{height:120px}.fingerprint-list-page .detail-row{flex-direction:column;gap:12px}.fingerprint-list-page .detail-group{min-width:unset}.fingerprint-list-page .info-frame-2 .detail-row{flex-direction:row;flex-wrap:wrap;gap:8px}.fingerprint-list-page .info-frame-2 .detail-group{min-width:0;flex:1 1 calc(50% - 8px)}.fingerprint-list-page .info-frame-2 .detail-group.full-width{flex:1 1 100%}.fingerprint-list-page .modal-header-fixed{padding:16px 20px}.fingerprint-list-page .modal-header-fixed h3{font-size:18px}.fingerprint-list-page .modal-container-scrollable{padding:4px}.fingerprint-list-page .modal-footer-fixed{padding:16px 20px}}[data-theme=dark] .fingerprint-list-page .left-panel{background:var(--bg-content, #1e2130)}[data-theme=dark] .fingerprint-list-page header{background:var(--bg-content, #1e2130);box-shadow:0 2px 10px #0006}[data-theme=dark] .fingerprint-list-page .mobile-layout .mobile-row-time .fingerprint-time{color:var(--text-secondary, #8a93a8)}.sdv2-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.sdv2-modal-content{background:white;border-radius:12px;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0003;animation:sdv2-modal-fade-in .3s ease-out}@keyframes sdv2-modal-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.sdv2-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.sdv2-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#111827}.sdv2-modal-close{background:none;border:none;font-size:32px;color:#9ca3af;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.sdv2-modal-close:hover{background-color:#f3f4f6;color:#111827}.sdv2-modal-body{padding:24px;overflow-y:auto;flex:1}.sdv2-loading-overlay{display:flex;align-items:center;justify-content:center;min-height:200px}.sdv2-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top-color:#3b82f6;border-radius:50%;animation:sdv2-spin .8s linear infinite}.sdv2-empty-state{text-align:center;padding:40px 20px}.sdv2-empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.5}.sdv2-empty-state-text{font-size:16px;color:#6b7280}.sdv2-staff-table{width:100%;border-collapse:collapse;font-size:14px}.sdv2-staff-table thead th{background-color:#f9fafb;padding:12px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.sdv2-staff-table tbody td{padding:12px;border-bottom:1px solid #f3f4f6;color:#111827}.sdv2-staff-table tbody tr:hover{background-color:#f9fafb}.sdv2-staff-table tbody tr:last-child td{border-bottom:none}@media (max-width: 768px){.sdv2-modal-content{max-width:100%;max-height:95vh;margin:10px}.sdv2-modal-header,.sdv2-modal-body{padding:16px}.sdv2-staff-table{font-size:12px}.sdv2-staff-table thead th,.sdv2-staff-table tbody td{padding:8px}}[data-theme=dark] .sdv2-modal-overlay{background-color:#000000b3}[data-theme=dark] .sdv2-modal-content{background:var(--bg-content, #1e293b);box-shadow:0 10px 40px #00000080}[data-theme=dark] .sdv2-modal-header{border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .sdv2-modal-header h3{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .sdv2-modal-close{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .sdv2-modal-close:hover{background-color:var(--bg-input, #334155);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .sdv2-modal-body{background:var(--bg-content, #1e293b)}[data-theme=dark] .sdv2-staff-table thead th{background-color:var(--bg-input, #334155);color:var(--text-label, #94a3b8);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .sdv2-staff-table tbody td{color:var(--text-primary, #e2e8f0);border-bottom-color:var(--border-divider, #2d3f55)}[data-theme=dark] .sdv2-staff-table tbody tr:hover{background-color:var(--bg-surface-hover, #334155)}[data-theme=dark] .sdv2-empty-state-text{color:var(--text-secondary, #94a3b8)}.work-history-tab-wrapper{height:100vh;display:flex;flex-direction:column;min-height:0}.work-history-tab-container{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;background:white;border-radius:12px;box-shadow:0 2px 8px #0000001a}.work-history-tab-content{flex:1 1 auto;overflow-y:auto;min-height:0}.work-history-tab-header{padding:8px 16px;border-bottom:2px solid #e5e7eb;background:#f1f5f9;flex-shrink:0;display:flex;flex-direction:row;align-items:center;gap:10px;transition:margin-right .3s ease;flex-wrap:nowrap;min-width:0;overflow:hidden}.work-history-title-wrapper{flex:0 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px;overflow:hidden;white-space:nowrap}.work-history-title-wrapper h2{margin:0;font-size:18px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-history-subtitle{margin:0;font-size:13px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-history-filters{flex:1 1 0;min-width:0;overflow:visible}.work-history-filter-row{display:flex;gap:8px;align-items:center;flex-wrap:nowrap;min-width:0;overflow:hidden;justify-content:flex-end}.work-history-filter-item{display:flex;align-items:center;gap:8px}.work-history-filter-item.work-history-filter-search{flex:1;max-width:500px;min-width:250px}.work-history-filter-item label{font-size:14px;font-weight:500;color:#334155;white-space:nowrap;margin:0}.work-history-filter-date-input{padding:8px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;cursor:pointer;background:white;height:38px;line-height:normal}.work-history-filter-date-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.work-history-btn-clear-filter{display:inline-flex;align-items:center;gap:4px;padding:0 12px;height:38px;border:1px solid #fca5a5;border-radius:6px;background:#fff1f2;color:#dc2626;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s;flex-shrink:0}.work-history-btn-clear-filter:hover{background:#fee2e2;border-color:#f87171;color:#b91c1c}.work-history-btn-clear-filter:active{background:#fecaca}.work-history-tab-content{flex:1;overflow:auto;min-height:0}.work-history-staff-table{width:100%;min-width:-moz-max-content;min-width:max-content;border-collapse:collapse;font-size:13px}.work-history-staff-table thead{background:#b5c3e2;position:sticky;top:0;z-index:30}.work-history-staff-table th{padding:12px 8px;text-align:center;font-weight:600;color:#070c18;border-bottom:2px solid #e5e7eb;border-right:1px solid #e5e7eb;border-left:1px solid #e5e7eb;white-space:nowrap;vertical-align:middle}.work-history-staff-table td{padding:12px 8px;border-bottom:1px solid #e5e7eb;border-right:1px solid #f3f4f6;border-left:1px solid #f3f4f6;font-size:14px;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;color:#4b5563}.work-history-staff-table tbody td:nth-child(4),.work-history-staff-table tbody td:nth-child(11),.work-history-staff-table tbody td:nth-child(19){text-align:left}.work-history-staff-table tbody td:nth-child(4){text-align:left;padding-left:12px}.work-history-staff-table tbody tr{transition:background-color .2s}.work-history-staff-table tbody tr:hover{background-color:#f9fafb}.work-history-clickable-row{cursor:pointer}.work-history-col-stt{width:50px;text-align:center}.work-history-th-content{display:flex;align-items:center;justify-content:center;gap:6px;width:100%}.work-history-th-content>span{flex:0 1 auto;text-align:center}.work-history-th-sortable{cursor:pointer;display:inline-flex;align-items:center;gap:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .15s}.work-history-th-sortable:hover{color:#3b82f6}.work-history-sort-icon{font-size:10px;opacity:.5;display:inline-block}.work-history-th-sortable:hover .work-history-sort-icon{opacity:1;color:#3b82f6}.work-history-th-content .cpn-columnfilter-container{margin-left:auto;flex-shrink:0}@media (min-width: 1024px){.work-history-staff-table th:nth-child(1),.work-history-staff-table td:nth-child(1){position:sticky;left:0;background:#b5c3e2;z-index:20;box-shadow:2px 0 4px #0000001a;min-width:60px}.work-history-staff-table th:nth-child(2),.work-history-staff-table td:nth-child(2){position:sticky;left:60px;background:#b5c3e2;z-index:20;box-shadow:2px 0 4px #0000001a;min-width:60px}.work-history-staff-table th:nth-child(3),.work-history-staff-table td:nth-child(3){position:sticky;left:120px;background:#b5c3e2;z-index:20;box-shadow:2px 0 4px #0000001a;min-width:100px}.work-history-staff-table th:nth-child(4),.work-history-staff-table td:nth-child(4){position:sticky;left:220px;background:#b5c3e2;z-index:20;box-shadow:2px 0 4px #0000001a;min-width:150px}.work-history-staff-table tbody td:nth-child(1),.work-history-staff-table tbody td:nth-child(2),.work-history-staff-table tbody td:nth-child(3),.work-history-staff-table tbody td:nth-child(4){background:#ffffff}.work-history-staff-table tbody tr:hover td:nth-child(1),.work-history-staff-table tbody tr:hover td:nth-child(2),.work-history-staff-table tbody tr:hover td:nth-child(3),.work-history-staff-table tbody tr:hover td:nth-child(4){background-color:#f9fafb}}.work-history-staff-avatar{width:32px;height:40px;-o-object-fit:cover;object-fit:cover;border-radius:4px;border:1px solid #e5e7eb}.work-history-staff-avatar-placeholder{width:32px;height:40px;background:#e5e7eb;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:16px}.work-history-badge-new{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;background:#d1fae5;color:#065f46;white-space:nowrap}.work-history-badge-old{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;background:#e0f2fe;color:#0c4a6e;white-space:nowrap}.work-history-badge-unknown{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;background:#f3f4f6;color:#9ca3af;white-space:nowrap}.work-history-btn-action-menu{background:#f3f4f6;border:none;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s}.work-history-btn-action-menu:hover{background:#e5e7eb;color:#374151;transform:scale(1.05)}.work-history-action-dropdown{position:fixed;background:white;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:9999;min-width:180px;overflow:hidden;animation:work-history-dropdown-fade-in .2s ease-out}@keyframes work-history-dropdown-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.work-history-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 16px;border:none;background:white;color:#374151;font-size:14px;cursor:pointer;width:100%;text-align:left;transition:all .2s}.work-history-dropdown-item:hover{background:#f3f4f6}.work-history-dropdown-item-danger{color:#dc2626}.work-history-dropdown-item-danger:hover{background:#fee2e2}.work-history-dropdown-item-warning{color:#d97706}.work-history-dropdown-item-warning:hover{background:#fef3c7}.work-history-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.work-history-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top-color:#3b82f6;border-radius:50%;animation:work-history-spin .8s linear infinite;margin-bottom:12px}@keyframes work-history-spin{to{transform:rotate(360deg)}}.work-history-loading-state p{margin:0;font-size:14px}.work-history-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.work-history-empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.work-history-empty-state-text{font-size:14px;color:#9ca3af}.work-history-tab-footer{position:sticky;bottom:0;left:0;right:0;background:#f9fafb;z-index:20;border-top:2px solid #e5e7eb;padding:0 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;flex-shrink:0;transition:margin-right .3s ease}.work-history-footer-actions{display:flex;gap:12px;flex-shrink:0}.work-history-tab-footer .cpn-pagination-container{flex:1;min-width:0}.work-history-btn-export-excel{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.work-history-btn-export-excel:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.work-history-btn-export-excel:active{transform:translateY(0)}.work-history-xuong-filter-group{display:flex;flex-wrap:wrap;gap:6px;align-items:center;align-self:center;justify-content:flex-start;flex-shrink:0}.work-history-xuong-filter-btn{padding:4px 12px;border-radius:20px;border:1.5px solid #d0d7de;background:#f6f8fa;color:#444;font-size:13px;cursor:pointer;transition:all .18s;white-space:nowrap}.work-history-xuong-filter-btn:hover{border-color:#2563eb;background:#eff6ff;color:#2563eb}.work-history-xuong-filter-btn.active{background:#2563eb;border-color:#2563eb;color:#fff;font-weight:600}.work-history-xuong-filter-mobile{display:none;align-items:center;flex-shrink:0}.work-history-xuong-filter-select{padding:5px 8px;border:1.5px solid #d0d7de;border-radius:8px;background:#f6f8fa;color:#374151;font-size:13px;cursor:pointer;outline:none;transition:border-color .18s;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;min-width:120px}.work-history-xuong-filter-select:focus{border-color:#2563eb;background:#eff6ff}.work-history-xuong-locked-badge{display:inline-flex;align-items:center;font-size:13px;color:#888;cursor:default;margin-left:4px}.work-history-tab-container.modal-open .work-history-xuong-filter-group{display:none}.work-history-tab-container.modal-open .work-history-xuong-filter-mobile{display:flex}.work-history-tab-container.modal-open .work-history-btn-export-excel .wht-btn-text{display:none}.work-history-tab-container.modal-open .work-history-btn-export-excel{padding:6px 8px;min-width:36px}.work-history-tab-container.modal-open .work-history-btn-col-sel .wht-btn-text{display:none}.work-history-tab-container.modal-open .work-history-btn-col-sel{padding:6px 8px;min-width:36px}.work-history-tab-container.modal-open .work-history-filter-item label{display:none}.work-history-tab-container.modal-open .work-history-filter-date-input{font-size:12px;padding:5px 6px;height:32px}@media (max-width: 1050px){.work-history-xuong-filter-group{display:none}.work-history-xuong-filter-mobile{display:flex}}@media (max-width: 1023px){.work-history-staff-table th:nth-child(1),.work-history-staff-table th:nth-child(2),.work-history-staff-table th:nth-child(3),.work-history-staff-table th:nth-child(4),.work-history-staff-table td:nth-child(1),.work-history-staff-table td:nth-child(2),.work-history-staff-table td:nth-child(3),.work-history-staff-table td:nth-child(4){position:static;left:auto;box-shadow:none;min-width:auto}.work-history-tab-header{flex-direction:column;align-items:stretch;gap:16px}.work-history-filter-row{flex-direction:column;align-items:stretch}.work-history-filter-item.work-history-filter-search{max-width:100%}.work-history-staff-table{font-size:12px}.work-history-staff-table th,.work-history-staff-table td{padding:8px}}@media (max-width: 768px){.work-history-tab-header{flex-direction:column;align-items:stretch;gap:16px}.work-history-filter-row{display:flex;flex-wrap:wrap;align-items:center;flex-direction:column;align-items:stretch;flex-wrap:nowrap;overflow-x:auto;gap:4px}.work-history-filter-item{min-width:140px;flex:1 1 0}.work-history-filter-item.work-history-filter-search{max-width:100%}.work-history-staff-table{font-size:12px}.work-history-staff-table th,.work-history-staff-table td{padding:8px}.work-history-tab-footer .cpn-pagination-container{gap:0;padding:5px 16px}.work-history-tab-header{padding:12px 16px}.work-history-title-wrapper h2{font-size:18px}.work-history-subtitle{font-size:13px}.work-history-tab-footer{flex-direction:column;align-items:stretch;gap:0px}.work-history-footer-actions{width:100%;justify-content:stretch}.work-history-btn-export-excel{width:100%;justify-content:center}}.work-history-filter-item-group{display:flex;gap:8px;align-items:center}.work-history-col-sel-wrapper{flex-shrink:0}.work-history-btn-col-sel{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;background:rgba(255,255,255,.15);color:#fff;border:1.5px solid rgba(255,255,255,.4);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s ease}.work-history-btn-col-sel:hover{background:rgba(255,255,255,.25);border-color:#ffffffb3}@media (max-width: 600px){.work-history-filter-item-group{flex-direction:row;flex-wrap:nowrap;width:100%;gap:4px}.work-history-filter-item-group .work-history-filter-item{min-width:120px;flex:1 1 0}}.work-history-tab-container.modal-open .work-history-tab-header,.work-history-tab-container.modal-open .work-history-tab-footer{margin-right:700px;transition:margin-right .3s}.work-history-tab-wrapper .staff-info-modal-v2-header{padding:14px 16px!important}[data-theme=dark] .work-history-tab-wrapper{background:var(--bg-surface, #0f172a)}[data-theme=dark] .work-history-tab-container{background:var(--bg-content, #1e293b);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .work-history-tab-header{background:var(--bg-input, #334155);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .work-history-title-wrapper h2{color:#e2e8f0}[data-theme=dark] .work-history-subtitle{color:#cbd5e1}[data-theme=dark] .work-history-filter-item label{color:var(--text-label, #94a3b8)}[data-theme=dark] .work-history-filter-date-input{background:var(--bg-content, #1e293b);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .work-history-staff-table thead,[data-theme=dark] .work-history-staff-table th:nth-child(1),[data-theme=dark] .work-history-staff-table th:nth-child(2),[data-theme=dark] .work-history-staff-table th:nth-child(3),[data-theme=dark] .work-history-staff-table th:nth-child(4){background:#334455}[data-theme=dark] .work-history-staff-table th{color:var(--text-label, #cbd5e1);border-bottom-color:var(--border-divider, #475569);border-color:var(--border-divider, #475569)}[data-theme=dark] .work-history-staff-table td{color:var(--text-primary, #e2e8f0);border-bottom-color:var(--border-divider, #2d3f55);border-color:var(--border-divider, #2d3f55)}[data-theme=dark] .work-history-staff-table tbody tr:hover{background-color:var(--bg-surface-hover, #334155)}[data-theme=dark] .work-history-staff-table tbody td:nth-child(1),[data-theme=dark] .work-history-staff-table tbody td:nth-child(2),[data-theme=dark] .work-history-staff-table tbody td:nth-child(3),[data-theme=dark] .work-history-staff-table tbody td:nth-child(4){background:var(--bg-content, #1e293b)}[data-theme=dark] .work-history-staff-table tbody tr:hover td:nth-child(1),[data-theme=dark] .work-history-staff-table tbody tr:hover td:nth-child(2),[data-theme=dark] .work-history-staff-table tbody tr:hover td:nth-child(3),[data-theme=dark] .work-history-staff-table tbody tr:hover td:nth-child(4){background:var(--bg-surface-hover, #334155)}[data-theme=dark] .work-history-staff-avatar{border-color:var(--border-divider, #475569)}[data-theme=dark] .work-history-staff-avatar-placeholder{background:var(--bg-input, #334155)}[data-theme=dark] .work-history-tab-footer{background:var(--bg-input, #334155);border-top-color:var(--border-divider, #475569)}[data-theme=dark] .work-history-btn-action-menu{background:var(--bg-input, #334155);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .work-history-btn-action-menu:hover{background:var(--bg-surface-hover, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .work-history-action-dropdown{background:var(--bg-content, #1e293b);border-color:var(--border-divider, #475569);box-shadow:0 4px 12px #0006}[data-theme=dark] .work-history-dropdown-item{background:var(--bg-content, #1e293b);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .work-history-dropdown-item:hover{background:var(--bg-surface-hover, #334155)}[data-theme=dark] .work-history-xuong-filter-btn{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .work-history-xuong-filter-btn:hover{border-color:#60a5fa;background:rgba(96,165,250,.1);color:#60a5fa}[data-theme=dark] .work-history-xuong-filter-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}[data-theme=dark] .work-history-xuong-filter-select{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .work-history-loading-state,[data-theme=dark] .work-history-empty-state{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .work-history-spinner{border-color:var(--bg-input, #334155);border-top-color:#3b82f6}.date-range-navigator{padding:0 20px 10px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.navigator-controls{display:flex;align-items:stretch;justify-content:center;gap:15px}.nav-column{display:flex;flex-direction:column;gap:8px;justify-content:center}.nav-column-prev{align-items:flex-end}.nav-column-center{align-items:center;min-width:180px}.nav-column-next{align-items:flex-start}.nav-btn{padding:6px 12px;border:2px solid #d1d5db;border-radius:6px;background:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;min-width:120px}.nav-btn:hover{background:#f3f4f6;border-color:#3b82f6;transform:translateY(-1px)}.nav-btn:active{transform:translateY(0) scale(.98)}.week-btn{color:#7c3aed;border-color:#c4b5fd}.week-btn:hover{background:#f5f3ff;border-color:#7c3aed}.day-btn{color:#059669;border-color:#a7f3d0}.day-btn:hover{background:#ecfdf5;border-color:#059669}.today-btn{color:#dc2626;border-color:#fecaca;font-weight:700}.today-btn:hover{background:#fef2f2;border-color:#dc2626}.date-input{padding:8px 12px;border:2px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;text-align:center;width:100%}.date-input:hover{border-color:#3b82f6}.date-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.date-range-text{font-size:11px;font-weight:600;color:#6b7280;white-space:nowrap;text-align:center}@media (max-width: 768px){.date-range-navigator{padding:0 8px 8px}.navigator-controls{flex-direction:row;gap:6px;align-items:center}.nav-column-center{min-width:0;flex:1}.nav-column-prev,.nav-column-next{flex:1;align-items:stretch}.nav-column-prev .nav-btn,.nav-column-next .nav-btn{width:100%}.nav-btn{padding:5px 6px;font-size:11px;min-width:unset;white-space:nowrap}.week-btn,.day-btn,.today-btn{font-size:11px;padding:5px 6px}.date-input{padding:5px 6px;font-size:12px;width:100%}.date-range-text{font-size:10px}}[data-theme=dark] .date-range-navigator{background:var(--bg-content, #1e293b);box-shadow:none}[data-theme=dark] .nav-btn{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .nav-btn:hover{background:var(--bg-surface-hover, #475569);border-color:#60a5fa;color:var(--text-primary, #e2e8f0)}[data-theme=dark] .week-btn{color:#c084fc;border-color:#5b21b6}[data-theme=dark] .week-btn:hover{background:rgba(139,92,246,.12);border-color:#7c3aed}[data-theme=dark] .day-btn{color:#4ade80;border-color:#166534}[data-theme=dark] .day-btn:hover{background:rgba(22,163,74,.1);border-color:#16a34a}[data-theme=dark] .today-btn{color:#f87171;border-color:#ef44444d}[data-theme=dark] .today-btn:hover{background:rgba(239,68,68,.1);border-color:#dc2626}[data-theme=dark] .date-input{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .date-input:hover{border-color:#60a5fa}[data-theme=dark] .date-range-text{color:var(--text-secondary, #94a3b8)}.weekly-stats-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:0}.weekly-stats-content{display:flex;gap:15px;padding:0;background-color:#f8f9fa}.weekly-stats-table-section{flex:2;min-width:0}.weekly-stats-chart-section{flex:1;min-width:300px;padding:15px;background-color:#fff;border-left:2px solid #dee2e6;display:flex;flex-direction:column;gap:15px}.weekly-stats-header-in-chart{text-align:center;background-color:#f8f9fa;padding:15px;border-radius:8px;border:1px solid #dee2e6}.weekly-stats-header-in-chart h3{font-size:16px;font-weight:700;color:#1a1a1a;margin:0 0 10px}.weekly-stats-navigator{display:flex;justify-content:center;width:100%}.weekly-stats-navigator>*{width:100%}.chart-container h4{font-size:14px;font-weight:700;color:#1a1a1a;margin:0 0 15px;text-align:center}.custom-tooltip{background-color:#fffffff2;border:1px solid #ccc;border-radius:4px;padding:10px;box-shadow:0 2px 8px #00000026}.tooltip-date{font-weight:700;margin:0 0 5px;color:#333;border-bottom:1px solid #ddd;padding-bottom:5px}.custom-tooltip p{margin:3px 0;font-size:13px}.weekly-stats-table-wrapper{overflow-x:auto;border-left:2px solid #333}.weekly-stats-table{width:100%;border-collapse:separate;border-spacing:0;border-top:2px solid #333;border-right:2px solid #333;border-bottom:2px solid #333;font-size:11px}.weekly-stats-table th,.weekly-stats-table td{border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:none;border-left:none;padding:6px 8px;text-align:center}.weekly-stats-table tr:last-child th,.weekly-stats-table tr:last-child td{border-bottom:1px solid #ccc}.weekly-stats-table thead th{background-color:#f0f0f0;font-weight:700;color:#333}.vendor-header{background-color:#d0d0d0!important;font-weight:800;min-width:100px;font-size:11px;position:sticky;left:0;z-index:3;border-right:2px solid #888!important;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:none}.day-header{background-color:#e8e8e8!important;font-size:10px;font-weight:700}.day-header.today{background-color:#ffeb3b!important;color:#d32f2f;font-weight:900}.sub-header{background-color:#f5f5f5!important;font-size:9px;font-weight:600;color:#666}.vendor-row{background-color:#fff;transition:all .3s ease}.vendor-row:hover{background-color:#f9f9f9}.vendor-row.selected{background-color:#e3f2fd!important;box-shadow:inset 3px 0 #2196f3;font-weight:700}.vendor-row.selected:hover{background-color:#bbdefb!important}.vendor-name{text-align:left;font-weight:600;padding-left:12px;color:#1a1a1a;position:sticky;left:0;z-index:1;background-color:inherit;border-right:2px solid #888!important;border-left:none}.count-cell{font-weight:600;color:#333;min-width:50px}.change-cell{font-weight:700;font-size:12px;min-width:50px;transition:all .2s ease}.change-cell.positive{color:#000;background-color:#8e9cec;font-weight:800}.change-cell.negative{color:#000;background-color:#d88080;font-weight:800}.total-vendor-row,.total-tts-tvct-row,.grand-total-row{background-color:#e9d79c!important;font-weight:700}.total-vendor-row td,.total-tts-tvct-row td,.grand-total-row td{font-weight:700;color:#1a1a1a}.total-vendor-row td.vendor-name,.total-tts-tvct-row td.vendor-name{background-color:#e9d79c}.grand-total-row{background-color:gold!important}.grand-total-row td.vendor-name{background-color:gold}.weekly-stats-loading,.weekly-stats-error{text-align:center;padding:40px;font-size:16px}.weekly-stats-error{color:#dc2626}@media (max-width: 1200px){.weekly-stats-table-section{flex:1}.weekly-stats-chart-section{flex:1;border-left:none;border-top:2px solid #dee2e6;border-radius:0 0 8px 8px}.weekly-stats-table{font-size:10px}.weekly-stats-table th,.weekly-stats-table td{padding:2px 3px}.weekly-stats-content{flex-direction:column}.weekly-stats-chart-section{border-left:none;border-top:2px solid #dee2e6}}@media (max-width: 768px){.weekly-stats-container{padding:10px}.weekly-stats-content{flex-direction:column}.weekly-stats-chart-section{order:-1;border-left:none;border-bottom:2px solid #dee2e6;border-top:none}.weekly-stats-table-section{order:1}.weekly-stats-header-in-chart h3{font-size:14px}.weekly-stats-table{font-size:9px}.vendor-header{min-width:80px;box-shadow:3px 0 6px #0003}.vendor-name{box-shadow:3px 0 6px #00000026}.chart-container h4{font-size:12px}}[data-theme=dark] .weekly-stats-container{background:var(--bg-content, #1e293b);box-shadow:none}[data-theme=dark] .weekly-stats-content{background:var(--bg-surface, #0f172a)}[data-theme=dark] .weekly-stats-chart-section{background:var(--bg-content, #1e293b);border-left-color:var(--border-divider, #475569)}[data-theme=dark] .weekly-stats-header-in-chart{background:var(--bg-input, #334155);border-color:var(--border-divider, #475569)}[data-theme=dark] .weekly-stats-header-in-chart h3,[data-theme=dark] .chart-container h4{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .weekly-stats-table{border-color:#475569}[data-theme=dark] .weekly-stats-table th,[data-theme=dark] .weekly-stats-table td{border-color:#334155;color:var(--text-primary, #e2e8f0)}[data-theme=dark] .weekly-stats-table thead th{background:var(--bg-input, #334155);color:var(--text-label, #94a3b8)}[data-theme=dark] .vendor-header{background:#1e293b!important;color:var(--text-primary, #e2e8f0);border-right-color:#60a5fa!important}[data-theme=dark] .day-header{background:var(--bg-surface-hover, #475569)!important}[data-theme=dark] .day-header.today{background:rgba(255,235,59,.15)!important;color:#fbbf24}[data-theme=dark] .sub-header{background:var(--bg-input, #334155)!important;color:var(--text-secondary, #94a3b8)}[data-theme=dark] .vendor-row{background:var(--bg-content, #1e293b)}[data-theme=dark] .vendor-row:hover{background:var(--bg-surface-hover, #334155)}[data-theme=dark] .vendor-row.selected{background:rgba(33,150,243,.15)!important;box-shadow:inset 3px 0 #2196f3}[data-theme=dark] .vendor-name{background-color:inherit;color:var(--text-primary, #e2e8f0);border-right-color:#60a5fa!important}[data-theme=dark] .count-cell{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .change-cell.positive{color:#e2e8f0;background-color:#667eea4d}[data-theme=dark] .change-cell.negative{color:#e2e8f0;background-color:#ef44444d}[data-theme=dark] .total-vendor-row,[data-theme=dark] .total-tts-tvct-row{background:rgba(233,215,156,.15)!important}[data-theme=dark] .total-vendor-row td,[data-theme=dark] .total-tts-tvct-row td{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .total-vendor-row td.vendor-name,[data-theme=dark] .total-tts-tvct-row td.vendor-name{background:rgba(233,215,156,.15)}[data-theme=dark] .grand-total-row{background:rgba(255,215,0,.12)!important}[data-theme=dark] .grand-total-row td.vendor-name{background:rgba(255,215,0,.12)}.uht-tooltip{background:linear-gradient(135deg,#ffffff 0%,#f8f9fc 100%);border-radius:12px;padding:16px;color:#2c3e50;font-size:13px;box-shadow:0 12px 32px #00000026,0 4px 8px #0000001a;max-width:768px;min-width:420px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;border:1px solid #e1e8ed;position:relative}.uht-header{text-align:center;font-weight:600;color:#1890ff;margin-bottom:12px;border-bottom:2px solid #e8f4f8;padding-bottom:8px;font-size:12px;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(90deg,#1890ff,#52c41a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.uht-table{width:100%;border-collapse:collapse;margin:10px 0;background:#ffffff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.uht-table th,.uht-table td{padding:10px 12px;text-align:center;border-bottom:1px solid #f0f2f5;font-size:12px;line-height:1.4;white-space:nowrap}.uht-table th{background:linear-gradient(135deg,#f8f9fc 0%,#e8f4f8 100%);font-weight:600;color:#2c3e50;text-transform:uppercase;letter-spacing:.3px;font-size:11px}.uht-table td{color:#5a6c7d;font-weight:400;transition:background-color .2s ease}.uht-table tbody tr:hover{background:#f8f9fc}.uht-quantity{font-weight:700;text-align:center;color:#1890ff;background:rgba(24,144,255,.1);border-radius:4px;padding:2px 6px}.uht-user{color:#52c41a;font-weight:500;white-space:nowrap}.uht-date{color:#8c8c8c;font-style:italic;white-space:nowrap}.uht-reason{color:#595959;max-width:160px}.uht-table tr.uht-active-version{background:rgba(24,144,255,.08);border-left:3px solid #1890ff}.uht-table tr.uht-active-version td{color:#1890ff;font-weight:600}.uht-table tr.uht-original{background:rgba(82,196,26,.06);border-left:3px solid #52c41a}.uht-table tr.uht-original td{color:#52c41a}.uht-table tr:hover{background:rgba(255,255,255,.05)}.uht-table tr.uht-active-version:hover{background:rgba(24,144,255,.3)}.uht-table tr.uht-original:hover{background:rgba(82,196,26,.15)}.uht-footer{text-align:center;margin-top:12px;border-top:2px solid #e8f4f8;color:#52c41a;font-weight:600;font-size:12px;background:linear-gradient(90deg,rgba(82,196,26,.1),rgba(24,144,255,.1));border-radius:6px;padding:8px}.uht-footer strong{color:#1890ff;font-size:14px;font-weight:700}.uht-approved{color:#52c41a;font-weight:500;font-style:italic;font-size:11px}@media (max-width: 480px){.uht-tooltip{max-width:320px;padding:10px}.uht-table th,.uht-table td{padding:4px 6px;font-size:10px}.uht-header,.uht-footer{font-size:10px}}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.uht-tooltip{animation:tooltipFadeIn .2s ease-out}.uht-table td:first-child{font-weight:600;color:#faad14;text-align:center;background:rgba(250,173,20,.1);border-radius:4px;font-size:10px}.uht-table tr.uht-active-version td:first-child{color:#1890ff;background:rgba(24,144,255,.2)}.uht-table tr.uht-original td:first-child{color:#52c41a;background:rgba(82,196,26,.2)}.uht-table tr:last-child th,.uht-table tr:last-child td{border-bottom:none}@media (max-width: 320px){.uht-tooltip{max-width:280px}.uht-table{display:block;overflow-x:auto;white-space:nowrap}.uht-table thead,.uht-table tbody,.uht-table tr,.uht-table th,.uht-table td{display:table-cell}}[data-theme=dark] .uht-tooltip{background:var(--bg-content, #1e293b);border-color:var(--border-divider, #475569);box-shadow:0 12px 32px #00000080;color:var(--text-primary, #e2e8f0)}[data-theme=dark] .uht-header{border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .uht-table{background:var(--bg-input, #334155);box-shadow:none}[data-theme=dark] .uht-table th{background:var(--bg-input, #334155);color:var(--text-label, #94a3b8);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .uht-table td{color:var(--text-primary, #e2e8f0);border-bottom-color:var(--border-divider, #2d3f55)}[data-theme=dark] .uht-table tbody tr:hover{background:var(--bg-surface-hover, #3e4f6a)}[data-theme=dark] .uht-quantity{color:#60a5fa;background:rgba(96,165,250,.12)}[data-theme=dark] .uht-user{color:#4ade80}[data-theme=dark] .uht-date,[data-theme=dark] .uht-reason{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .uht-table tr.uht-active-version{background:rgba(24,144,255,.12);border-left-color:#1890ff}[data-theme=dark] .uht-table tr.uht-active-version td{color:#60a5fa}[data-theme=dark] .uht-table tr.uht-original{background:rgba(82,196,26,.08);border-left-color:#52c41a}[data-theme=dark] .uht-table tr.uht-original td{color:#4ade80}[data-theme=dark] .uht-footer{border-top-color:var(--border-divider, #475569);color:#4ade80}[data-theme=dark] .uht-footer strong{color:#60a5fa}.labor-order-weekly-report{width:100%;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.report-table-container{flex:0 0 65%;overflow-x:auto;margin-bottom:0}.report-chart-container{flex:1;background:#f9f9f9;border-radius:8px;padding:15px;border:1px solid #e0e0e0;display:flex;flex-direction:column;gap:15px}.report-header-in-chart{display:flex;flex-direction:column;gap:0px;border-bottom:2px solid #e0e0e0}.report-title{text-align:center}.report-title h3{margin:0 0 5px;font-size:16px;font-weight:600;color:#1a1a1a}.report-subtitle{margin:0;font-size:12px;color:#666}.report-controls{width:100%}.report-loading,.report-error{padding:40px 20px;text-align:center;font-size:16px}.report-loading{color:#666}.report-error{color:#d32f2f}.report-content{display:flex;gap:20px;align-items:flex-start}.report-table-container{flex:0 0 65%;padding:20px 0 10px 20px;margin-bottom:0}.report-table-scroll{overflow:auto;outline:2px solid #888}.report-chart-container{flex:1;background:#f9f9f9;border-radius:8px;padding:15px;border:1px solid #e0e0e0;display:flex;flex-direction:column;gap:5px}.chart-title{margin:0;font-size:14px;font-weight:600;color:#333;text-align:center}.report-table{width:100%;border-collapse:separate;border-spacing:0;font-size:11px;table-layout:auto}.report-table th,.report-table td{border-top:1px solid #ddd;border-right:1px solid #ddd;border-bottom:none;border-left:none;padding:2px 8px;text-align:center;vertical-align:middle}.report-table tr:last-child th,.report-table tr:last-child td{border-bottom:1px solid #ddd}.report-table thead th{background:#f5f5f5;font-weight:600;color:#333;position:sticky;top:0;z-index:5}.lowr-col-xuong{min-width:100px;width:100px;background:#e8f5e9!important;position:sticky;top:0;left:0;z-index:20!important;border-right:2px solid #888!important;border-left:none}.lowr-col-type{min-width:120px;width:120px;background:#fff3e0!important;position:sticky;top:0;left:100px;z-index:20!important;border-right:2px solid #aaa!important;border-left:none}.lowr-col-date{min-width:80px;background:#e3f2fd!important}.lowr-col-ca{min-width:50px;font-size:11px}.lowr-col-ca-header{background:#bbdefb!important}.day-name{font-size:11px;color:#666;font-weight:400}.lowr-cell-xuong{background:#f9fff9;font-weight:600;text-align:left;padding:10px;position:sticky;left:0;z-index:3;width:100px;min-width:100px;max-width:100px;border-right:2px solid #888!important;border-left:none}.xuong-name{display:flex;flex-direction:column;gap:4px}.xuong-code{font-size:14px;font-weight:700;color:#2e7d32}.xuong-ten{font-size:11px;color:#666;font-weight:400}.lowr-cell-type{background:#fffbf0;font-weight:500;text-align:left;padding-left:10px;font-size:12px;position:sticky;left:100px;z-index:3;width:120px;min-width:120px;max-width:120px;border-right:2px solid #aaa!important;border-left:none}.type-kr{font-size:10px;color:#999;display:block}.type-vn{font-size:10px;color:#666;display:block}.lowr-cell-data{font-family:Courier New,monospace;font-size:13px;font-weight:500;position:relative;z-index:0}.row-order{background:#f0f8ff}.row-order .lowr-cell-data{background:#f0f8ff!important}.row-order .lowr-cell-type{background:#e8f4ff!important}.cell-order{color:#1565c0}.row-actual{background:#f0fff4}.row-actual .lowr-cell-data{background:#f0fff4!important}.row-actual .lowr-cell-type{background:#e8ffed!important}.cell-actual{color:#2e7d32}.row-afternoon{background:#fff8e1}.row-afternoon .lowr-cell-data{background:#fff8e1!important}.row-afternoon .lowr-cell-type{background:#fff3d0!important}.row-difference{background:#fff8e1}.row-difference .lowr-cell-data{background:#fff8e1!important}.row-difference .lowr-cell-type{background:#fff3d0!important}.cell-difference{font-weight:600;position:relative;z-index:0}.cell-difference.positive{color:#d32f2f;background:#ffebee!important}.cell-difference.negative{color:#1976d2;background:#e3f2fd!important}.cell-difference.zero{color:#388e3c;background:#e8f5e9!important}.row-total{background:#fafafa!important;font-weight:700}.row-total .lowr-cell-xuong{background:#f5f5f5!important;color:#d32f2f;font-size:14px;text-align:center}.row-total .lowr-cell-type{background:#f5f5f5!important}.row-total .lowr-cell-data{background:#fafafa!important;font-size:14px}.row-total.row-order .lowr-cell-data{color:#0d47a1}.row-total.row-actual .lowr-cell-data{color:#1b5e20}.row-total.row-difference .cell-difference.positive{background:#ffcdd2!important;color:#b71c1c}.row-total.row-difference .cell-difference.negative{background:#bbdefb!important;color:#0d47a1}.row-total.row-difference .cell-difference.zero{background:#c8e6c9!important;color:#1b5e20}.report-summary{display:flex;justify-content:flex-end;gap:30px;padding:15px 20px;background:#f5f5f5;border-radius:4px;border:1px solid #ddd}.summary-item{display:flex;align-items:center;gap:10px}.summary-label{font-size:14px;font-weight:500;color:#666}.summary-value{font-size:16px;font-weight:700;font-family:Courier New,monospace;color:#333;min-width:60px;text-align:right}.summary-value.positive{color:#d32f2f}.summary-value.negative{color:#1976d2}.summary-value.zero{color:#388e3c}@media (max-width: 1600px){.report-content{flex-direction:column}.report-table-container{flex:1;width:100%}.report-chart-container{width:100%;margin-top:0;border-top:2px solid #e0e0e0}.report-header-in-chart{flex-direction:column;align-items:center;gap:10px}.report-title h3{font-size:18px}.report-subtitle{font-size:13px}}@media (max-width: 1400px){.report-table{font-size:10px}.lowr-col-xuong,.lowr-cell-xuong{min-width:80px;width:80px;max-width:80px}.lowr-col-type,.lowr-cell-type{min-width:100px;width:100px;max-width:100px;left:80px}.lowr-col-date,.lowr-col-ca{min-width:45px}}@media (max-width: 768px){.labor-order-weekly-report{padding:0!important}.report-content{flex-direction:column!important}.report-chart-container{order:-1;width:100%!important;border-bottom:2px solid #e0e0e0;border-top:none}.report-table-container{order:1;flex:1!important;width:100%!important;padding:0!important;border-left:none}.report-header-in-chart{flex-direction:column!important;align-items:center!important;gap:10px}.report-title{width:100%;text-align:center}.report-title h3{font-size:13px!important;margin:0 0 3px}.report-controls{width:100%}.lowr-col-xuong,.lowr-cell-xuong{box-shadow:3px 0 6px #00000026}.lowr-col-type,.lowr-cell-type{box-shadow:3px 0 5px #0000001a}.report-table{font-size:10px;padding:5px 0}.lowr-col-xuong,.lowr-cell-xuong{min-width:70px!important;width:70px!important;max-width:70px!important}.lowr-col-type{min-width:90px!important;width:90px!important;max-width:90px!important;left:70px!important;top:0}.lowr-cell-type{min-width:90px!important;width:90px!important;max-width:90px!important;left:70px!important}.report-table-scroll{max-height:none}.report-summary{flex-direction:column;gap:10px}.summary-item{justify-content:space-between}}.lowr-cell-order-hoverable{cursor:pointer;transition:background-color .15s ease,outline .15s ease}.lowr-cell-order-hoverable:hover{background-color:#fff8e1!important;outline:2px solid #ffa726;outline-offset:-2px}.lowr-cell-order-updated{position:relative;overflow:hidden}.lowr-cell-order-updated:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 8px 8px 0;border-color:transparent #333 transparent transparent;pointer-events:none}.lowr-tooltip-wrapper{pointer-events:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15))}[data-theme=dark] .labor-order-weekly-report{background:var(--bg-content, #1e293b);box-shadow:0 2px 8px #0006}[data-theme=dark] .report-chart-container{background:var(--bg-input, #334155);border-color:var(--border-divider, #475569)}[data-theme=dark] .chart-title{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .report-header-in-chart{border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .report-title h3{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .report-subtitle{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .report-table-scroll{outline-color:var(--border-divider, #475569)}[data-theme=dark] .report-table th,[data-theme=dark] .report-table td{border-color:var(--border-divider, #334155)}[data-theme=dark] .report-table thead th{background:var(--bg-input, #334155)!important;color:var(--text-secondary, #94a3b8)}[data-theme=dark] .lowr-col-xuong{background:#1a3a2a!important;border-right-color:var(--border-divider, #475569)!important}[data-theme=dark] .lowr-col-type{background:#2a2a1a!important;border-right-color:var(--border-divider, #475569)!important}[data-theme=dark] .lowr-cell-xuong{background:var(--bg-content, #1e293b)!important;border-right-color:var(--border-divider, #475569)!important}[data-theme=dark] .xuong-code{color:#4ade80}[data-theme=dark] .xuong-ten{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .lowr-cell-type{background:var(--bg-content, #1e293b)!important;border-right-color:var(--border-divider, #475569)!important}[data-theme=dark] .type-vn{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .row-order{background:rgba(21,101,192,.1)}[data-theme=dark] .row-order .lowr-cell-data{background:rgba(21,101,192,.1)!important}[data-theme=dark] .row-order .lowr-cell-type{background:rgba(21,101,192,.15)!important}[data-theme=dark] .cell-order{color:#60a5fa}[data-theme=dark] .row-actual{background:rgba(46,125,50,.1)}[data-theme=dark] .row-actual .lowr-cell-data{background:rgba(46,125,50,.1)!important}[data-theme=dark] .row-actual .lowr-cell-type{background:rgba(46,125,50,.15)!important}[data-theme=dark] .cell-actual{color:#4ade80}[data-theme=dark] .row-afternoon{background:rgba(245,158,11,.08)}[data-theme=dark] .row-afternoon .lowr-cell-data{background:rgba(245,158,11,.08)!important}[data-theme=dark] .row-afternoon .lowr-cell-type{background:rgba(245,158,11,.12)!important}[data-theme=dark] .row-difference{background:rgba(245,158,11,.08)}[data-theme=dark] .row-difference .lowr-cell-data{background:rgba(245,158,11,.08)!important}[data-theme=dark] .row-difference .lowr-cell-type{background:rgba(245,158,11,.12)!important}[data-theme=dark] .cell-difference.positive{color:#f87171;background:rgba(239,68,68,.12)!important}[data-theme=dark] .cell-difference.negative{color:#60a5fa;background:rgba(59,130,246,.12)!important}[data-theme=dark] .cell-difference.zero{color:#4ade80;background:rgba(74,222,128,.1)!important}[data-theme=dark] .row-total{background:var(--bg-input, #334155)!important}[data-theme=dark] .row-total .lowr-cell-xuong{background:var(--bg-input, #334155)!important;color:#f87171}[data-theme=dark] .row-total .lowr-cell-type,[data-theme=dark] .row-total .lowr-cell-data{background:var(--bg-input, #334155)!important}[data-theme=dark] .row-total.row-difference .cell-difference.positive{background:rgba(239,68,68,.2)!important;color:#f87171}[data-theme=dark] .row-total.row-difference .cell-difference.negative{background:rgba(59,130,246,.2)!important;color:#60a5fa}[data-theme=dark] .row-total.row-difference .cell-difference.zero{background:rgba(74,222,128,.15)!important;color:#4ade80}[data-theme=dark] .report-summary{background:var(--bg-input, #334155);border-color:var(--border-divider, #475569)}[data-theme=dark] .summary-label{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .summary-value{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .summary-value.positive{color:#f87171}[data-theme=dark] .summary-value.negative{color:#60a5fa}[data-theme=dark] .summary-value.zero{color:#4ade80}[data-theme=dark] .lowr-cell-order-hoverable:hover{background-color:#ffa7261a!important;outline-color:#f59e0b}[data-theme=dark] .lowr-cell-order-updated:after{border-color:transparent #94a3b8 transparent transparent}[data-theme=dark] .report-loading{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .report-error{color:#f87171}[data-theme=dark] .day-name{color:var(--text-secondary, #94a3b8)}.psc-container{display:flex;flex-direction:column;height:100%;min-height:0;background:#ffffff;border-radius:8px;border:1px solid #e2e8f0;overflow:hidden}.psc-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0}.psc-title{font-size:13px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:6px}.psc-title-icon{font-size:15px}.psc-subtitle{font-size:11px;color:#64748b;font-weight:400;margin-left:4px}.psc-legend{display:flex;align-items:center;gap:14px;padding:6px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;flex-shrink:0}.psc-legend-item{display:flex;align-items:center;gap:5px;font-size:11px;color:#475569}.psc-legend-dot{width:10px;height:10px;border-radius:2px;flex-shrink:0}.psc-legend-dot--du-kien{background:#93c5fd}.psc-legend-dot--thuc-te{background:#34d399}.psc-legend-dot--bo-sung{background:#f59e0b}.psc-legend-dot--chenh-lech{background:none;border:2px solid #ef4444;border-radius:50%}.psc-legend-line{width:16px;height:2px;border-radius:1px}.psc-legend-line--chenh-lech{background:#ef4444}.psc-chart-area{flex:1;min-height:0;padding:12px 8px 4px 4px;overflow:hidden;display:flex;flex-direction:column}.psc-chart-scroll{flex:1;min-height:0;overflow:hidden;height:100%}.psc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;gap:8px;color:#94a3b8}.psc-empty-icon{font-size:32px;opacity:.5}.psc-empty-text{font-size:12px;text-align:center;line-height:1.5}.psc-tooltip{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:10px 14px;box-shadow:0 4px 16px #00000040;min-width:180px}.psc-tooltip-label{font-size:12px;font-weight:600;color:#f1f5f9;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #334155;line-height:1.4}.psc-tooltip-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}.psc-tooltip-row-label{display:flex;align-items:center;gap:6px;font-size:11px;color:#94a3b8}.psc-tooltip-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.psc-tooltip-value{font-size:12px;font-weight:600;color:#f1f5f9}.psc-tooltip-value--pos{color:#f87171}.psc-tooltip-value--neg{color:#34d399}.psc-xaxis-group-label{font-size:10px;fill:#94a3b8}@media (max-width: 768px){.psc-container{height:auto;min-height:320px;overflow:clip}.psc-chart-area,.psc-chart-scroll{flex:none;height:260px;min-height:260px;overflow:hidden}}[data-theme=dark] .psc-container{background:var(--bg-content, #1e293b);border-color:var(--border-divider, #475569)}[data-theme=dark] .psc-header{background:var(--bg-input, #334155);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .psc-title{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .psc-subtitle{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .psc-legend{background:var(--bg-input, #334155);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .psc-legend-item,[data-theme=dark] .psc-empty{color:var(--text-secondary, #94a3b8)}.pdst-container{display:flex;flex-direction:column;flex:1;min-height:0;background:#fff;border-radius:8px;overflow:hidden}.pdst-toolbar{display:flex;align-items:flex-end;gap:16px;padding:14px 16px;background:#f8f9fa;border-bottom:1px solid #e0e0e0;flex-wrap:wrap}.pdst-toolbar-filters{display:flex;gap:12px;flex-wrap:wrap;flex:1}.pdst-filter-group{display:flex;flex-direction:column;gap:4px;min-width:130px}.pdst-filter-label{font-size:11px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.4px}.pdst-date-input,.pdst-select{height:34px;padding:0 10px;border:1px solid #ddd;border-radius:6px;font-size:13px;color:#333;background:#fff;outline:none;transition:border-color .2s;cursor:pointer}.pdst-date-input:focus,.pdst-select:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5026}.pdst-toolbar-actions{display:flex;gap:8px;align-items:flex-end}.pdst-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.pdst-btn--refresh{background:#f0f0f0;color:#555;border:1px solid #ddd}.pdst-btn--refresh:hover:not(:disabled){background:#e0e0e0;color:#222}.pdst-btn--refresh:disabled{opacity:.6;cursor:not-allowed}.pdst-btn--export{background:#217346;color:#fff}.pdst-btn--export:hover{background:#1a5c38}.pdst-btn--clear-filter{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa;display:flex;align-items:center;gap:5px}.pdst-btn--clear-filter:hover{background:#ffedd5;border-color:#fb923c}.pdst-clear-filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:#c2410c;color:#fff;font-size:10px;font-weight:700;border-radius:9px;line-height:1}.pdst-spin{animation:pdst-spin 1s linear infinite}@keyframes pdst-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pdst-error{margin:16px;padding:12px 16px;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;color:#dc2626;font-size:13px}.pdst-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:#999}.pdst-empty-icon{font-size:40px;opacity:.5}.pdst-empty-text{font-size:14px;text-align:center;line-height:1.6}.pdst-table-wrapper{flex:1;min-height:0;overflow:auto}.pdst-table{width:100%;border-collapse:collapse;font-size:13px;table-layout:auto;min-width:720px}.pdst-th{position:sticky;top:0;z-index:10;background:#f5f5f5;border:1px solid #e0e0e0;padding:9px 10px;font-size:12px;font-weight:600;color:#444;text-align:center;white-space:nowrap}.pdst-th-inner{display:flex;align-items:center;justify-content:center;gap:4px}.pdst-tr--total td{position:sticky;bottom:0;z-index:9;background:#f0f4ff;border-top:2px solid #c7d7fd;font-size:12px}.pdst-td--empty-filter{text-align:center;padding:20px;color:#9ca3af;font-style:italic;font-size:13px}.pdst-th--ngay{width:100px;white-space:nowrap}.pdst-th--ca{width:90px;white-space:nowrap}.pdst-th--xuong{width:110px;white-space:nowrap}.pdst-th--bophan{width:130px;white-space:nowrap}.pdst-th--vitri{width:180px;white-space:nowrap}.pdst-th--num{width:72px;white-space:nowrap}.pdst-tr:hover{background:#f9fbe7}.pdst-td{border:1px solid #eee;padding:7px 10px;vertical-align:middle;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0}.pdst-td--ngay{text-align:center;font-weight:500;white-space:nowrap;font-size:12px;color:#555}.pdst-td--ca{text-align:center}.pdst-td--bophan{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.pdst-td--vitri{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.pdst-td--xuong .pdst-bophan{font-weight:500;display:block}.pdst-td--xuong .pdst-xuong-sub{font-size:11px;color:#888}.pdst-td--num{text-align:center;font-weight:500}.pdst-ca-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500;white-space:nowrap}.pdst-ca-badge--ngay{background:#fffbeb;color:#1d4ed8;border:1px solid #fcd34d}.pdst-ca-badge--ngay .pdst-ca-badge__icon{filter:sepia(1) saturate(5) hue-rotate(5deg)}.pdst-ca-badge--chieu{background:#fef3c7;color:#ea580c;border:1px solid #fbbf24}.pdst-ca-badge--chieu .pdst-ca-badge__icon{filter:sepia(1) saturate(3) hue-rotate(20deg)}.pdst-ca-badge--dem{background:#1e293b;color:#94a3b8;border:1px solid #334155}.pdst-ca-badge--dem .pdst-ca-badge__icon{filter:grayscale(1) brightness(1.8)}.pdst-ca-badge--all{background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.pdst-pos{color:#16a34a;font-weight:700}.pdst-neg{color:#dc2626;font-weight:700}.pdst-zero{color:#6b7280}.pdst-thucte{background:rgba(52,211,153,.15);color:#065f46;font-weight:600}.pdst-bosun{background:rgba(245,158,11,.15);color:#92400e;font-weight:600}.pdst-dukien{background:rgba(147,197,253,.2);color:#1e40af;font-weight:600}.pdst-th--dukien{background:rgba(147,197,253,.35);color:#1e3a8a}.pdst-th--thucte{background:rgba(52,211,153,.3);color:#064e3b}.pdst-th--bosun{background:rgba(245,158,11,.25);color:#78350f}.pdst-total-bar{display:flex;align-items:center;gap:20px;padding:10px 16px;background:#f0f4ff;border-top:2px solid #c7d7fd;flex-wrap:wrap}.pdst-total-label{font-size:13px;font-weight:700;color:#3730a3;white-space:nowrap}.pdst-total-cells{display:flex;gap:24px;flex-wrap:wrap}.pdst-total-cell{display:flex;align-items:center;gap:6px;font-size:13px}.pdst-total-key{color:#6b7280;font-size:12px}@media (max-width: 768px){.pdst-toolbar{flex-direction:column;align-items:stretch}.pdst-toolbar-actions{justify-content:flex-end}.pdst-th--vitri,.pdst-td--vitri{display:none}}.pdst-split-layout{display:flex;flex-direction:row;gap:12px;flex:1;min-height:0;overflow:hidden;padding:8px}.pdst-split-table-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;overflow:hidden}.pdst-split-chart-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;min-height:0;overflow:hidden}@media (max-width: 1200px){.pdst-split-layout{flex-direction:column}.pdst-split-chart-col{height:320px;flex:none}}@media (max-width: 768px){.pdst-container{overflow:clip!important;height:auto!important}.pdst-split-layout{flex-direction:column;overflow:clip!important;min-height:unset!important;height:auto!important}.pdst-split-table-col,.pdst-split-chart-col{overflow:clip!important;min-height:unset!important;height:auto!important}.pdst-table-wrapper{overflow-x:auto!important;overflow-y:visible!important;min-height:unset!important}.pdst-split-chart-col{order:-1;height:auto!important;min-height:340px!important;overflow:clip!important}.pdst-split-table-col{order:1}}[data-theme=dark] .pdst-container{background:var(--bg-content, #1e293b)}[data-theme=dark] .pdst-toolbar{background:var(--bg-input, #334155);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .pdst-filter-label{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .pdst-date-input,[data-theme=dark] .pdst-select{background:var(--bg-content, #1e293b);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .pdst-btn--refresh{background:var(--bg-content, #1e293b);color:var(--text-secondary, #94a3b8);border-color:var(--border-input, #475569)}[data-theme=dark] .pdst-empty{color:var(--text-secondary, #64748b)}[data-theme=dark] .pdst-error{background:rgba(239,68,68,.1);border-left-color:#ef4444;color:#f87171}[data-theme=dark] .pdst-split-layout{border-top-color:var(--border-divider, #475569)}[data-theme=dark] .pdst-split-table{border-right-color:var(--border-divider, #475569)}[data-theme=dark] .pdst-split-chart{background:var(--bg-content, #1e293b)}[data-theme=dark] .pdst-th{background:var(--bg-input, #334155);border-color:var(--border-divider, #475569);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .pdst-tr:hover{background:var(--bg-surface-hover, #334155)}[data-theme=dark] .pdst-td{border-color:var(--border-divider, #2d3f55);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .pdst-td--ngay{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .pdst-tr--total td{background:var(--bg-input, #334155);border-top-color:var(--border-divider, #475569)}[data-theme=dark] .pdst-btn--clear-filter{background:rgba(194,65,12,.1);border-color:#c2410c4d;color:#fb923c}[data-theme=dark] .pdst-btn--export{background:#1a5c38}.asc-container{display:flex;flex-direction:column;height:100%;min-height:0;background:#ffffff;border-radius:8px;border:1px solid #e2e8f0;overflow:hidden}.asc-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0}.asc-title{font-size:13px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:6px}.asc-title-icon{font-size:15px}.asc-subtitle{font-size:11px;color:#64748b;font-weight:400;margin-left:4px}.asc-legend{display:flex;align-items:center;gap:14px;padding:6px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;flex-shrink:0}.asc-legend-item{display:flex;align-items:center;gap:5px;font-size:11px;color:#475569}.asc-legend-dot{width:10px;height:10px;border-radius:2px;flex-shrink:0}.asc-legend-dot--du-kien{background:#93c5fd}.asc-legend-dot--thuc-te{background:#34d399}.asc-legend-dot--bo-sung{background:#f59e0b}.asc-legend-dot--chenh-lech{background:none;border:2px solid #ef4444;border-radius:50%}.asc-legend-line{width:16px;height:2px;border-radius:1px}.asc-legend-line--chenh-lech{background:#ef4444}.asc-chart-area{flex:1;min-height:0;padding:12px 8px 4px 4px;overflow:hidden;display:flex;flex-direction:column}.asc-chart-scroll{flex:1;min-height:0;overflow:hidden;height:100%}.asc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;gap:8px;color:#94a3b8}.asc-empty-icon{font-size:32px;opacity:.5}.asc-empty-text{font-size:12px;text-align:center;line-height:1.5}.asc-tooltip{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:10px 14px;box-shadow:0 4px 16px #00000040;min-width:180px}.asc-tooltip-label{font-size:12px;font-weight:600;color:#f1f5f9;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #334155;line-height:1.4}.asc-tooltip-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}.asc-tooltip-row-label{display:flex;align-items:center;gap:6px;font-size:11px;color:#94a3b8}.asc-tooltip-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.asc-tooltip-value{font-size:12px;font-weight:600;color:#f1f5f9}.asc-tooltip-value--pos{color:#f87171}.asc-tooltip-value--neg{color:#34d399}.asc-xaxis-group-label{font-size:10px;fill:#94a3b8}@media (max-width: 768px){.asc-container{height:auto;min-height:320px;overflow:clip}.asc-chart-area,.asc-chart-scroll{flex:none;height:260px;min-height:260px;overflow:hidden}}[data-theme=dark] .asc-container{background:var(--bg-content, #1e293b);border-color:var(--border-divider, #475569)}[data-theme=dark] .asc-header{background:var(--bg-input, #334155);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .asc-title{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .asc-subtitle{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .asc-legend{background:var(--bg-input, #334155);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .asc-legend-item,[data-theme=dark] .asc-empty{color:var(--text-secondary, #94a3b8)}.asc-tooltip-region{color:#64748b;font-size:10px}.asc-tooltip-dot--du-kien{background:#93c5fd}.asc-tooltip-dot--thuc-te{background:#34d399}.asc-tooltip-dot--bo-sung{background:#f59e0b}.asc-tooltip-dot--chenh-lech{background:#ef4444;border-radius:50%}.asc-tooltip-row--total{border-top:1px solid #334155;margin-top:4px;padding-top:4px}.asc-tooltip-row-label--total{color:#cbd5e1}.asc-legend-item--region-info{color:#94a3b8;font-style:italic}.asc-chart-container-inner{width:100%;height:100%;min-height:280px}.adst-container{display:flex;flex-direction:column;flex:1;min-height:0;background:#fff;border-radius:8px;overflow:hidden}.adst-toolbar{display:flex;align-items:flex-end;gap:16px;padding:14px 16px;background:#f8f9fa;border-bottom:1px solid #e0e0e0;flex-wrap:wrap}.adst-toolbar-filters{display:flex;gap:12px;flex-wrap:wrap;flex:1}.adst-filter-group{display:flex;flex-direction:column;gap:4px;min-width:130px}.adst-filter-label{font-size:11px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.4px}.adst-date-input,.adst-select{height:34px;padding:0 10px;border:1px solid #ddd;border-radius:6px;font-size:13px;color:#333;background:#fff;outline:none;transition:border-color .2s;cursor:pointer}.adst-date-input:focus,.adst-select:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5026}.adst-toolbar-actions{display:flex;gap:8px;align-items:flex-end}.adst-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.adst-btn--refresh{background:#f0f0f0;color:#555;border:1px solid #ddd}.adst-btn--refresh:hover:not(:disabled){background:#e0e0e0;color:#222}.adst-btn--refresh:disabled{opacity:.6;cursor:not-allowed}.adst-btn--export{background:#217346;color:#fff}.adst-btn--export:hover{background:#1a5c38}.adst-btn--clear-filter{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa;display:flex;align-items:center;gap:5px}.adst-btn--clear-filter:hover{background:#ffedd5;border-color:#fb923c}.adst-clear-filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:#c2410c;color:#fff;font-size:10px;font-weight:700;border-radius:9px;line-height:1}.adst-spin{animation:adst-spin 1s linear infinite}@keyframes adst-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.adst-error{margin:16px;padding:12px 16px;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;color:#dc2626;font-size:13px}.adst-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:#999}.adst-empty-icon{font-size:40px;opacity:.5}.adst-empty-text{font-size:14px;text-align:center;line-height:1.6}.adst-table-wrapper{flex:1;min-height:0;overflow:auto}.adst-table{width:100%;border-collapse:collapse;font-size:13px;table-layout:auto;min-width:720px}.adst-th{position:sticky;top:0;z-index:10;background:#f5f5f5;border:1px solid #e0e0e0;padding:9px 10px;font-size:12px;font-weight:600;color:#444;text-align:center;white-space:nowrap}.adst-th-inner{display:flex;align-items:center;justify-content:center;gap:4px}.adst-tr--total td{position:sticky;bottom:0;z-index:9;background:#f0f4ff;border-top:2px solid #c7d7fd;font-size:12px}.adst-td--empty-filter{text-align:center;padding:20px;color:#9ca3af;font-style:italic;font-size:13px}.adst-th--ngay{width:100px;white-space:nowrap}.adst-th--ca{width:90px;white-space:nowrap}.adst-th--xuong{width:110px;white-space:nowrap}.adst-th--bophan{width:130px;white-space:nowrap}.adst-th--khuvuc{width:180px;white-space:nowrap}.adst-th--num{width:72px;white-space:nowrap}.adst-tr:hover{background:#f9fbe7}.adst-td{border:1px solid #eee;padding:7px 10px;vertical-align:middle;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0}.adst-td--ngay{text-align:center;font-weight:500;white-space:nowrap;font-size:12px;color:#555}.adst-td--ca{text-align:center}.adst-td--bophan{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.adst-td--khuvuc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.adst-td--xuong .adst-bophan{font-weight:500;display:block}.adst-td--xuong .adst-xuong-sub{font-size:11px;color:#888}.adst-td--num{text-align:center;font-weight:500}.adst-ca-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500;white-space:nowrap}.adst-ca-badge--ngay{background:#fffbeb;color:#1d4ed8;border:1px solid #fcd34d}.adst-ca-badge--ngay .adst-ca-badge__icon{filter:sepia(1) saturate(5) hue-rotate(5deg)}.adst-ca-badge--chieu{background:#fef3c7;color:#ea580c;border:1px solid #fbbf24}.adst-ca-badge--chieu .adst-ca-badge__icon{filter:sepia(1) saturate(3) hue-rotate(20deg)}.adst-ca-badge--dem{background:#1e293b;color:#94a3b8;border:1px solid #334155}.adst-ca-badge--dem .adst-ca-badge__icon{filter:grayscale(1) brightness(1.8)}.adst-ca-badge--all{background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.adst-pos{color:#16a34a;font-weight:700}.adst-neg{color:#dc2626;font-weight:700}.adst-zero{color:#6b7280}.adst-thucte{background:rgba(52,211,153,.15);color:#065f46;font-weight:600}.adst-bosun{background:rgba(245,158,11,.15);color:#92400e;font-weight:600}.adst-dukien{background:rgba(147,197,253,.2);color:#1e40af;font-weight:600}.adst-th--dukien{background:rgba(147,197,253,.35);color:#1e3a8a}.adst-th--thucte{background:rgba(52,211,153,.3);color:#064e3b}.adst-th--bosun{background:rgba(245,158,11,.25);color:#78350f}.adst-total-bar{display:flex;align-items:center;gap:20px;padding:10px 16px;background:#f0f4ff;border-top:2px solid #c7d7fd;flex-wrap:wrap}.adst-total-label{font-size:13px;font-weight:700;color:#3730a3;white-space:nowrap}.adst-total-cells{display:flex;gap:24px;flex-wrap:wrap}.adst-total-cell{display:flex;align-items:center;gap:6px;font-size:13px}.adst-total-key{color:#6b7280;font-size:12px}@media (max-width: 768px){.adst-toolbar{flex-direction:column;align-items:stretch}.adst-toolbar-actions{justify-content:flex-end}.adst-th--khuvuc,.adst-td--khuvuc{display:none}}.adst-split-layout{display:flex;flex-direction:row;gap:12px;flex:1;min-height:0;overflow:hidden;padding:8px}.adst-split-table-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;overflow:hidden}.adst-split-chart-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;min-height:0;overflow:hidden}@media (max-width: 1200px){.adst-split-layout{flex-direction:column}.adst-split-chart-col{height:320px;flex:none}}@media (max-width: 768px){.adst-container{overflow:clip!important;height:auto!important}.adst-split-layout{flex-direction:column;overflow:clip!important;min-height:unset!important;height:auto!important}.adst-split-table-col,.adst-split-chart-col{overflow:clip!important;min-height:unset!important;height:auto!important}.adst-table-wrapper{overflow-x:auto!important;overflow-y:visible!important;min-height:unset!important}.adst-split-chart-col{order:-1;height:auto!important;min-height:340px!important;overflow:clip!important}.adst-split-table-col{order:1}}[data-theme=dark] .adst-container{background:var(--bg-content, #1e293b)}[data-theme=dark] .adst-toolbar{background:var(--bg-input, #334155);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .adst-filter-label{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .adst-date-input,[data-theme=dark] .adst-select{background:var(--bg-content, #1e293b);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .adst-btn--refresh{background:var(--bg-content, #1e293b);color:var(--text-secondary, #94a3b8);border-color:var(--border-input, #475569)}[data-theme=dark] .adst-empty{color:var(--text-secondary, #64748b)}[data-theme=dark] .adst-error{background:rgba(239,68,68,.1);border-left-color:#ef4444;color:#f87171}[data-theme=dark] .adst-split-layout{border-top-color:var(--border-divider, #475569)}[data-theme=dark] .adst-split-table{border-right-color:var(--border-divider, #475569)}[data-theme=dark] .adst-split-chart{background:var(--bg-content, #1e293b)}[data-theme=dark] .adst-th{background:var(--bg-input, #334155);border-color:var(--border-divider, #475569);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .adst-tr:hover{background:var(--bg-surface-hover, #334155)}[data-theme=dark] .adst-td{border-color:var(--border-divider, #2d3f55);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .adst-td--ngay{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .adst-tr--total td{background:var(--bg-input, #334155);border-top-color:var(--border-divider, #475569)}[data-theme=dark] .adst-btn--clear-filter{background:rgba(194,65,12,.1);border-color:#c2410c4d;color:#fb923c}[data-theme=dark] .adst-btn--export{background:#1a5c38}.vscht-container{display:flex;flex-direction:column;flex:1;min-height:0;background:#fff;border-radius:8px;overflow:hidden}.vscht-header{padding:12px 16px 8px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.vscht-title{font-size:13px;font-weight:700;color:#1e40af;margin:0 0 6px;letter-spacing:.2px}.vscht-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.vscht-legend-item{display:flex;align-items:center;gap:5px;font-size:11px;color:#475569;font-weight:500}.vscht-legend-dot{width:12px;height:12px;border-radius:2px;flex-shrink:0}.vscht-legend-dot--du-kien{background:#f59e0b}.vscht-legend-dot--scan-moi{background:#3b82f6}.vscht-legend-dot--scan-cu{background:#8b5cf6}.vscht-legend-dot--chenh-lech{background:#ef4444;border-radius:50%}.vscht-chart-wrapper{flex:1;min-height:0;padding:8px 4px 4px;overflow:hidden}.vscht-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:10px;color:#9ca3af;padding:24px}.vscht-empty-icon{font-size:32px}.vscht-empty-text{font-size:12px;text-align:center;line-height:1.5}.vscht-tooltip{background:rgba(15,23,42,.92);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:10px 14px;font-size:12px;color:#f1f5f9;min-width:180px;pointer-events:none;box-shadow:0 4px 16px #0000004d}.vscht-tooltip-title{font-weight:700;font-size:13px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.15);color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.vscht-tooltip-row{display:flex;align-items:center;gap:8px;padding:2px 0}.vscht-tooltip-dot{width:10px;height:10px;border-radius:2px;flex-shrink:0}.vscht-tooltip-label{flex:1;color:#94a3b8}.vscht-tooltip-value{font-weight:700;color:#f1f5f9;text-align:right}.vscht-tooltip-value--positive{color:#4ade80}.vscht-tooltip-value--negative{color:#f87171}.vscht-tooltip-value--zero{color:#94a3b8}.vscht-tooltip-divider{height:1px;background:rgba(255,255,255,.1);margin:5px 0}.vscht-x-tick{font-size:10px;fill:#475569}@media (max-width: 768px){.vscht-container{height:auto;min-height:320px;overflow:clip}.vscht-chart-wrapper{flex:none;height:260px;min-height:260px;overflow:hidden}}[data-theme=dark] .vscht-container{background:var(--bg-content, #1e293b)}[data-theme=dark] .vscht-header{border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .vscht-title{color:#60a5fa}[data-theme=dark] .vscht-legend-item{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .vscht-empty{color:var(--text-secondary, #64748b)}.vdst-container{display:flex;flex-direction:column;flex:1;min-height:0;height:100%;background:#fff;border-radius:8px;overflow:hidden}.vdst-toolbar{display:flex;align-items:flex-end;gap:16px;padding:14px 16px;background:#f8f9fa;border-bottom:1px solid #e0e0e0;flex-wrap:wrap}.vdst-toolbar-filters{display:flex;gap:12px;flex-wrap:wrap;flex:1}.vdst-filter-group{display:flex;flex-direction:column;gap:4px;min-width:130px}.vdst-filter-label{font-size:11px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.4px}.vdst-date-input{height:34px;padding:0 10px;border:1px solid #ddd;border-radius:6px;font-size:13px;color:#333;background:#fff;outline:none;transition:border-color .15s}.vdst-date-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.vdst-quick-filters{display:flex;flex-wrap:wrap;gap:30px;flex:1;align-items:center}.vdst-qf-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.vdst-qf-label{font-size:11px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;padding-right:2px}.vdst-qf-btn{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;border-radius:16px;font-size:12px;font-weight:500;cursor:pointer;border:1.5px solid transparent;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;white-space:nowrap;background:#f3f4f6;color:#374151;border-color:#e5e7eb}.vdst-qf-btn:hover{background:#e5e7eb;border-color:#d1d5db}.vdst-qf-btn--sang{background:#fffbeb;border-color:#fcd34d;color:#92400e}.vdst-qf-btn--sang:hover,.vdst-qf-btn--sang.vdst-qf-btn--active{background:#fcd34d;border-color:#f59e0b;color:#78350f;box-shadow:0 0 0 2px #f59e0b40}.vdst-qf-btn--chieu{background:#fff7ed;border-color:#fdba74;color:#9a3412}.vdst-qf-btn--chieu:hover,.vdst-qf-btn--chieu.vdst-qf-btn--active{background:#fdba74;border-color:#f97316;color:#7c2d12;box-shadow:0 0 0 2px #f9731640}.vdst-qf-btn--dem{background:#f5f3ff;border-color:#c4b5fd;color:#5b21b6}.vdst-qf-btn--dem:hover,.vdst-qf-btn--dem.vdst-qf-btn--active{background:#c4b5fd;border-color:#7c3aed;color:#4c1d95;box-shadow:0 0 0 2px #7c3aed40}.vdst-qf-btn--xuong{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.vdst-qf-btn--xuong:hover,.vdst-qf-btn--xuong.vdst-qf-btn--active{background:#bfdbfe;border-color:#3b82f6;color:#1e3a8a;box-shadow:0 0 0 2px #3b82f640}.vdst-qf-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:16px;padding:0 4px;background:rgba(0,0,0,.1);border-radius:8px;font-size:10px;font-weight:700;line-height:1}.vdst-toolbar-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.vdst-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.vdst-btn--refresh{background:#fff;border-color:#d1d5db;color:#374151}.vdst-btn--refresh:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.vdst-btn--refresh:disabled{opacity:.6;cursor:not-allowed}.vdst-btn--clear-filter{background:#fff7ed;border-color:#fed7aa;color:#c2410c;position:relative}.vdst-btn--clear-filter:hover{background:#ffedd5;border-color:#fb923c}.vdst-clear-filter-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:#ea580c;color:#fff;border-radius:50%;font-size:11px;font-weight:700}.vdst-btn--export{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.vdst-btn--export:hover{background:#dcfce7;border-color:#86efac}.vdst-spin{animation:vdst-spin-anim .8s linear infinite}@keyframes vdst-spin-anim{to{transform:rotate(360deg)}}.vdst-error{padding:12px 16px;background:#fef2f2;border-left:4px solid #ef4444;color:#dc2626;font-size:13px;margin:12px 16px;border-radius:0 6px 6px 0}.vdst-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 24px;color:#9ca3af}.vdst-empty-icon{font-size:40px}.vdst-empty-text{font-size:14px;text-align:center;line-height:1.6}.vdst-table-wrapper{flex:1;overflow-y:auto;overflow-x:auto;min-height:0;position:relative}.vdst-split-layout{display:flex;flex:1;min-height:0;overflow:hidden;gap:0;border-top:1px solid #e2e8f0}.vdst-split-table{flex:3;display:flex;flex-direction:column;min-height:0;min-width:0;border-right:2px solid #e2e8f0;overflow:hidden}.vdst-split-chart{flex:2;display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;background:#fff}.vdst-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;table-layout:auto}.vdst-table thead{position:sticky;top:0;z-index:5}.vdst-th{position:sticky;top:0;z-index:2;background:#f1f5f9;border:1px solid #e2e8f0;padding:8px 6px;font-size:12px;font-weight:600;color:#475569;text-align:center;white-space:nowrap;line-height:1.3}.vdst-th--row1{top:0;z-index:4}.vdst-th--row2{top:24px;z-index:3}.vdst-th--row3{top:48px;z-index:2}.vdst-th-inner{display:flex;align-items:center;justify-content:space-between;gap:4px}.vdst-th--ngay{width:76px;min-width:70px}.vdst-th--ca{width:80px;min-width:65px}.vdst-th--xuong{width:80px;min-width:70px}.vdst-th--vendor{width:100px;min-width:80px}.vdst-th--num{width:62px;min-width:54px;text-align:center}.vdst-th--group{text-align:center;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:5px 4px;border-bottom:2px solid #cbd5e1}.vdst-th--group-label{vertical-align:middle}.vdst-th--group-dukien{background:#fef9c3;color:#78350f;border-bottom-color:#f59e0b}.vdst-th--group-scan{background:#dbeafe;color:#1e3a8a;border-bottom-color:#3b82f6}.vdst-th--group-moi{background:#bfdbfe;color:#1e40af;border-bottom-color:#2563eb;font-size:11px}.vdst-th--group-cu{background:#ede9fe;color:#4c1d95;border-bottom-color:#7c3aed;font-size:11px}.vdst-th--group-vitri{background:#dcfce7;color:#14532d;border-bottom-color:#22c55e}.vdst-th--du-kien{background:#fef3c7;color:#92400e}.vdst-th--thuc-te{background:#d1fae5;color:#065f46}.vdst-th--moi{background:#eff6ff;color:#1e40af}.vdst-th--moi-nam{background:#dbeafe;color:#1d4ed8}.vdst-th--moi-nu{background:#fce7f3;color:#9d174d}.vdst-th--cu{background:#f5f3ff;color:#4c1d95}.vdst-th--cu-nam{background:#ede9fe;color:#5b21b6}.vdst-th--cu-nu{background:#fdf2f8;color:#831843}.vdst-th--da-cp{background:#f0fdf4;color:#166534}.vdst-th--chua-cp{background:#fef2f2;color:#991b1b}.vdst-td--moi-nam{color:#1d4ed8}.vdst-td--moi-nu{color:#be185d}.vdst-td--cu-nam{color:#5b21b6}.vdst-td--cu-nu{color:#831843}.vdst-td--gender{padding:0!important;vertical-align:top}.vdst-gender-cell{display:flex;flex-direction:column;height:100%;min-height:40px}.vdst-gc-count{flex:2;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;padding:4px 6px 2px}.vdst-gc-ratio{flex:1;display:flex;align-items:center;justify-content:flex-end;font-size:10px;font-weight:400;padding:1px 5px 3px;border-top:1px dashed #e2e8f0;opacity:.75}.vdst-gc-ratio--nam{color:#1d4ed8}.vdst-gc-ratio--nu{color:#be185d}.vdst-gender-ratio{display:inline-flex;align-items:center;gap:2px;font-size:11px;white-space:nowrap;min-width:70px;justify-content:center}.vdst-gender-ratio__nam{color:#1d4ed8;font-weight:600}.vdst-gender-ratio__sep{color:#94a3b8}.vdst-gender-ratio__nu{color:#be185d;font-weight:600}.vdst-tr{transition:background .1s}.vdst-tr:hover{background:#f8fafc}.vdst-tr:nth-child(2n){background:#fafafa}.vdst-tr:nth-child(2n):hover{background:#f1f5f9}.vdst-table tbody tr:first-child .vdst-td{border-top:1px solid #e2e8f0}.vdst-td{border:1px solid #e2e8f0;padding:7px 8px;font-size:13px;color:#374151;vertical-align:middle}.vdst-td--ngay{font-weight:500;color:#1e40af;white-space:nowrap;font-size:12px}.vdst-td--ca{text-align:center}.vdst-td--xuong{font-size:11px;color:#64748b;overflow:hidden;text-overflow:ellipsis;max-width:80px}.vdst-td--vendor{font-weight:500;font-size:12px;overflow:hidden;text-overflow:ellipsis;max-width:100px}.vdst-td--num{text-align:center}.vdst-td--empty-filter{text-align:center;padding:32px;color:#9ca3af;font-style:italic}.vdst-value--active,.vdst-value--green{color:#16a34a;font-weight:600}.vdst-value--red{color:#dc2626;font-weight:600}.vdst-zero{color:#d1d5db}.vdst-du-kien{background:#fffbeb}.vdst-thuc-te{background:#f0fdf4}.vdst-tong{font-weight:600}.vdst-tr--total{background:#f1f5f9!important}.vdst-tr--total .vdst-td{border-top:2px solid #cbd5e1;font-size:13px}.vdst-table tfoot{position:sticky;bottom:0;z-index:3}.vdst-total-count{font-size:11px;font-weight:400;color:#64748b;margin-left:4px}.vdst-ca-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;white-space:nowrap}.vdst-ca-badge--ngay{background:#fef9c3;color:#854d0e;border:1px solid #fde047}.vdst-ca-badge--chieu{background:#fed7aa;color:#c2410c;border:1px solid #fb923c}.vdst-ca-badge--dem{background:#1e1b4b;color:#c7d2fe;border:1px solid #3730a3}.vdst-ca-badge--all{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}@media (max-width: 768px){.vdst-container{height:auto!important;overflow:clip!important}.vdst-toolbar{flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px}.vdst-quick-filters{flex-direction:column;gap:8px;align-items:stretch}.vdst-qf-group{flex-wrap:wrap;align-items:center;gap:6px}.vdst-toolbar-actions{justify-content:flex-end;flex-wrap:nowrap}.vdst-split-layout{flex-direction:column;overflow:clip!important;min-height:unset!important;height:auto!important}.vdst-split-table,.vdst-split-chart{overflow:clip!important;min-height:unset!important;height:auto!important}.vdst-table-wrapper{overflow-x:auto!important;overflow-y:visible!important;min-height:unset!important;max-height:none!important}.vdst-split-chart{order:-1;height:auto!important;min-height:340px!important;overflow:clip!important}.vdst-split-table{order:1}}[data-theme=dark] .vdst-container{background:var(--bg-content, #1e293b)}[data-theme=dark] .vdst-toolbar{background:var(--bg-input, #334155);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .vdst-filter-label{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .vdst-date-input{background:var(--bg-content, #1e293b);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .vdst-qf-label{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .vdst-qf-btn{background:var(--bg-content, #1e293b);border-color:var(--border-divider, #475569);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .vdst-qf-btn:hover{background:var(--bg-surface-hover, #334155)}[data-theme=dark] .vdst-qf-btn--sang{background:rgba(252,211,77,.1);border-color:#fcd34d66;color:#fbbf24}[data-theme=dark] .vdst-qf-btn--sang:hover,[data-theme=dark] .vdst-qf-btn--sang.vdst-qf-btn--active{background:rgba(252,211,77,.2)}[data-theme=dark] .vdst-qf-btn--chieu{background:rgba(253,186,116,.1);border-color:#fdba7466;color:#fb923c}[data-theme=dark] .vdst-qf-btn--chieu:hover,[data-theme=dark] .vdst-qf-btn--chieu.vdst-qf-btn--active{background:rgba(253,186,116,.2)}[data-theme=dark] .vdst-qf-btn--dem{background:rgba(196,181,253,.1);border-color:#c4b5fd4d;color:#c084fc}[data-theme=dark] .vdst-qf-btn--dem:hover,[data-theme=dark] .vdst-qf-btn--dem.vdst-qf-btn--active{background:rgba(196,181,253,.2)}[data-theme=dark] .vdst-qf-btn--xuong{background:rgba(191,219,254,.1);border-color:#bfdbfe4d;color:#60a5fa}[data-theme=dark] .vdst-qf-btn--xuong:hover,[data-theme=dark] .vdst-qf-btn--xuong.vdst-qf-btn--active{background:rgba(191,219,254,.2)}[data-theme=dark] .vdst-btn--refresh{background:var(--bg-content, #1e293b);border-color:var(--border-input, #475569);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .vdst-btn--clear-filter{background:rgba(194,65,12,.1);border-color:#c2410c4d;color:#fb923c}[data-theme=dark] .vdst-btn--export{background:rgba(22,101,52,.12);border-color:#16a34a4d;color:#4ade80}[data-theme=dark] .vdst-error{background:rgba(239,68,68,.1);border-left-color:#ef4444;color:#f87171}[data-theme=dark] .vdst-empty{color:var(--text-secondary, #64748b)}[data-theme=dark] .vdst-split-layout{border-top-color:var(--border-divider, #475569)}[data-theme=dark] .vdst-split-table{border-right-color:var(--border-divider, #475569)}[data-theme=dark] .vdst-split-chart{background:var(--bg-content, #1e293b)}[data-theme=dark] .vdst-th{background:var(--bg-input, #334155);border-color:var(--border-divider, #475569);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .vdst-th--group-dukien{background:rgba(245,158,11,.1);color:#fbbf24;border-bottom-color:#f59e0b}[data-theme=dark] .vdst-th--group-scan{background:rgba(59,130,246,.1);color:#60a5fa;border-bottom-color:#3b82f6}[data-theme=dark] .vdst-th--group-moi{background:rgba(37,99,235,.12);color:#93c5fd;border-bottom-color:#2563eb}[data-theme=dark] .vdst-th--group-cu{background:rgba(124,58,237,.1);color:#c084fc;border-bottom-color:#7c3aed}[data-theme=dark] .vdst-th--group-vitri{background:rgba(34,197,94,.1);color:#4ade80;border-bottom-color:#22c55e}[data-theme=dark] .vdst-th--du-kien{background:rgba(245,158,11,.08);color:#fbbf24}[data-theme=dark] .vdst-th--thuc-te{background:rgba(16,185,129,.08);color:#4ade80}[data-theme=dark] .vdst-th--moi{background:rgba(59,130,246,.08);color:#60a5fa}[data-theme=dark] .vdst-th--moi-nam{background:rgba(29,78,216,.1);color:#93c5fd}[data-theme=dark] .vdst-th--moi-nu{background:rgba(157,23,77,.1);color:#f9a8d4}[data-theme=dark] .vdst-th--cu{background:rgba(124,58,237,.08);color:#c084fc}[data-theme=dark] .vdst-th--cu-nam{background:rgba(91,33,182,.1);color:#c084fc}[data-theme=dark] .vdst-th--cu-nu{background:rgba(131,24,67,.1);color:#f9a8d4}[data-theme=dark] .vdst-th--da-cp{background:rgba(22,101,52,.1);color:#4ade80}[data-theme=dark] .vdst-th--chua-cp{background:rgba(153,27,27,.1);color:#f87171}[data-theme=dark] .vdst-tr:hover{background:var(--bg-surface-hover, #334155)}[data-theme=dark] .vdst-tr:nth-child(2n){background:rgba(30,41,59,.5)}[data-theme=dark] .vdst-tr:nth-child(2n):hover{background:var(--bg-surface-hover, #334155)}[data-theme=dark] .vdst-td{border-color:var(--border-divider, #2d3f55);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .vdst-td--ngay{color:#60a5fa}[data-theme=dark] .vdst-td--xuong{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .vdst-td--vendor{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .vdst-zero{color:var(--bg-surface-hover, #475569)}[data-theme=dark] .vdst-du-kien{background:rgba(255,251,235,.04)}[data-theme=dark] .vdst-thuc-te{background:rgba(240,253,244,.04)}[data-theme=dark] .vdst-tr--total{background:var(--bg-input, #334155)!important}[data-theme=dark] .vdst-tr--total .vdst-td{border-top-color:var(--border-divider, #475569)}[data-theme=dark] .vdst-total-count{color:var(--text-secondary, #64748b)}[data-theme=dark] .vdst-ca-badge--ngay{background:rgba(254,249,195,.1);color:#fbbf24;border-color:#fde0474d}[data-theme=dark] .vdst-ca-badge--chieu{background:rgba(254,215,170,.1);color:#fb923c;border-color:#fb923c4d}[data-theme=dark] .vdst-ca-badge--dem{background:rgba(30,27,75,.5);color:#c7d2fe;border-color:#3730a3}[data-theme=dark] .vdst-ca-badge--all{background:var(--bg-input, #334155);color:var(--text-secondary, #94a3b8);border-color:var(--border-divider, #475569)}[data-theme=dark] .vdst-gc-ratio{border-top-color:var(--border-divider, #334155)}.stats-tab-content{height:100%;overflow:hidden;animation:fadeIn .3s ease-in;display:flex;flex-direction:column}.stats-sub-tabs{display:flex;gap:0;background:#f5f5f5;border-bottom:2px solid #e0e0e0;padding:0 20px;margin-bottom:0;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #0000000d;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;flex-shrink:0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.stats-sub-tabs::-webkit-scrollbar{display:none}.stats-sub-tab{display:flex;align-items:center;gap:8px;padding:14px 24px;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:#666;transition:all .3s;white-space:nowrap;position:relative;flex:0 0 auto}.stats-sub-tab:hover{background:rgba(76,175,80,.05);color:#333}.stats-sub-tab.active{color:#4caf50;border-bottom-color:#4caf50;background:white}.stats-sub-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:#4CAF50}.sub-tab-icon{font-size:18px;line-height:1}.sub-tab-label{font-weight:500}.stats-sub-tab-content{flex:1;min-height:0;overflow:hidden;background:#fafafa;display:flex;flex-direction:column}.stats-tab-section{flex:1;min-height:0;display:flex;flex-direction:column;animation:fadeIn .3s ease-in}.stats-tab-weekly-section{margin-bottom:30px}.stats-tab-order-report-section{margin-top:30px}.stats-tab-panel{background:white;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}.stats-tab-panel h2{margin:0 0 30px;font-size:24px;font-weight:600;color:#1a1a1a;text-align:center;padding-bottom:20px;border-bottom:2px solid #e5e7eb}.stats-tab-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.stats-tab-item{background:linear-gradient(135deg,var(--color-primary, #667eea) 0%,var(--color-primary-end, #764ba2) 100%);border-radius:10px;padding:24px;text-align:center;box-shadow:0 4px 6px #0000001a;transition:transform .2s,box-shadow .2s}.stats-tab-item:hover{transform:translateY(-4px);box-shadow:0 8px 12px #00000026}.stats-tab-item:nth-child(1){background:linear-gradient(135deg,var(--color-primary, #667eea) 0%,var(--color-primary-end, #764ba2) 100%)}.stats-tab-item:nth-child(2){background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.stats-tab-item:nth-child(3){background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.stats-tab-item:nth-child(4){background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%)}.stats-tab-label{font-size:16px;color:#fffffff2;margin-bottom:12px;font-weight:500}.stats-tab-value{font-size:32px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.stats-tab-content{height:auto;overflow:visible}.stats-sub-tab-content{overflow:visible;min-height:unset;flex:unset;height:auto}.stats-tab-section{min-height:unset;overflow:visible;flex:unset;height:auto}.stats-sub-tabs{padding:0 8px}.stats-sub-tab{padding:12px 16px;font-size:13px}.sub-tab-icon{font-size:16px}.stats-tab-panel{padding:20px}.stats-tab-panel h2{font-size:20px;margin-bottom:20px}.stats-tab-grid{grid-template-columns:1fr;gap:15px}.stats-tab-item{padding:20px}.stats-tab-label{font-size:14px}.stats-tab-value{font-size:28px}}.stats-tab-weekly-section{padding:10px;background:#f8f9fa;border-radius:8px}.stats-tab-weekly-section h2{text-align:center;color:#1a1a1a;margin-bottom:20px;font-size:20px;font-weight:700}[data-theme=dark] .stats-sub-tabs{background:var(--bg-input, #334155);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .stats-sub-tab{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .stats-sub-tab:hover{background:rgba(76,175,80,.08);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .stats-sub-tab.active{color:#4ade80;border-bottom-color:#4ade80;background:var(--bg-content, #1e293b)}[data-theme=dark] .stats-sub-tab-content{background:var(--bg-surface, #0f172a)}[data-theme=dark] .stats-tab-panel{background:var(--bg-content, #1e293b);box-shadow:none}[data-theme=dark] .stats-tab-panel h2{color:var(--text-primary, #e2e8f0);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .stats-tab-weekly-section{background:var(--bg-input, #334155)}[data-theme=dark] .stats-tab-weekly-section h2{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .custom-tooltip{background:var(--bg-content, #1e293b);border-color:var(--border-divider, #475569)}[data-theme=dark] .tooltip-date{color:var(--text-primary, #e2e8f0);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .custom-tooltip p{color:var(--text-secondary, #94a3b8)}.order-status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:500;text-align:center;white-space:nowrap;transition:all .2s ease}.order-status-badge--small{padding:2px 8px;font-size:11px;border-radius:10px}.order-status-badge--medium{padding:4px 12px;font-size:13px;border-radius:12px}.order-status-badge--large{padding:6px 16px;font-size:14px;border-radius:14px}.order-status-badge--draft{background-color:#f5f5f5;color:#666;border:1px solid #ddd}.order-status-badge--submitted{background-color:#e3f2fd;color:#1976d2;border:1px solid #90caf9}.order-status-badge--approved{background-color:#e8f5e9;color:#2e7d32;border:1px solid #81c784}.order-status-badge--rejected{background-color:#ffebee;color:#c62828;border:1px solid #ef9a9a}.order-status-badge--completed{background-color:#f3e5f5;color:#7b1fa2;border:1px solid #ce93d8}.order-status-badge--draft:hover{background-color:#eee}.order-status-badge--submitted:hover{background-color:#bbdefb}.order-status-badge--approved:hover{background-color:#c8e6c9}.order-status-badge--rejected:hover{background-color:#ffcdd2}.order-status-badge--completed:hover{background-color:#e1bee7}.order-status-badge--update_request{background-color:#fff3e0;color:#e65100;border:1px solid #ffb74d}.order-status-badge--update_request:hover{background-color:#ffe0b2}[data-theme=dark] .order-status-badge--draft{background:rgba(100,116,139,.15);color:#94a3b8;border-color:#475569}[data-theme=dark] .order-status-badge--submitted{background:rgba(25,118,210,.15);color:#60a5fa;border-color:#1976d266}[data-theme=dark] .order-status-badge--approved{background:rgba(16,185,129,.15);color:#4ade80;border-color:#10b98166}[data-theme=dark] .order-status-badge--rejected{background:rgba(239,68,68,.15);color:#f87171;border-color:#ef444466}[data-theme=dark] .order-status-badge--completed{background:rgba(167,139,250,.15);color:#c084fc;border-color:#a78bfa66}[data-theme=dark] .order-status-badge--update_request{background:rgba(230,81,0,.15);color:#fb923c;border-color:#e6510066}.order-list{display:flex;flex-direction:column;flex:1;background:white;overflow:hidden}.order-list__header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#f1f5f9;border-bottom:1px solid #e2e8f0}.order-list__header-left{display:flex;align-items:center;gap:16px}.order-list__title{margin:0;font-size:20px;font-weight:600;color:#1e293b}.order-list__count{padding:4px 12px;font-size:13px;font-weight:500;color:#1e293b;background:#e2e8f0;border-radius:12px}.order-list__header-right{display:flex;gap:12px}.order-list__create-group{display:flex;gap:8px}.order-list__toolbar{display:flex;gap:12px;padding:16px 24px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.order-list__search{flex:1;display:flex;gap:0;max-width:400px}.order-list__search-input{flex:1;padding:8px 12px;font-size:14px;border:1px solid #cbd5e1;border-right:none;border-radius:6px 0 0 6px;outline:none}.order-list__search-input:focus{border-color:#3b82f6}.order-list__search-btn{padding:8px 16px;background:#3b82f6;color:#fff;border:1px solid #3b82f6;border-radius:0 6px 6px 0;cursor:pointer;transition:background .2s}.order-list__search-btn:hover{background:#2563eb}.order-list__btn{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .2s;white-space:nowrap}.order-list__btn:disabled{opacity:.5;cursor:not-allowed}.order-list__btn--create{background:#10b981;color:#fff;border:1px solid #10b981}.order-list__btn--create:hover:not(:disabled){background:#059669;border-color:#059669}.order-list__btn--refresh{background:white;color:#64748b;border:1px solid #cbd5e1}.order-list__btn--refresh:hover:not(:disabled){background:#f8fafc}.order-list__btn--filter{background:white;color:#64748b;border:1px solid #cbd5e1}.order-list__btn--filter:hover{background:#f8fafc}.order-list__btn--filter.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.order-list__btn--export{background:white;color:#64748b;border:1px solid #cbd5e1}.order-list__btn--export:hover{background:#f8fafc}.order-list__btn--clear{background:#ef4444;color:#fff;border:1px solid #ef4444}.order-list__btn--clear:hover{background:#dc2626}.order-list__filter-indicator{display:inline-flex;align-items:center;padding:6px 12px;font-size:13px;font-weight:500;color:#3b82f6;background:#eff6ff;border:1px solid #93c5fd;border-radius:6px}.order-list__filters{padding:16px 24px;background:#f1f5f9;border-bottom:1px solid #e2e8f0}.order-list__filters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;align-items:end}.order-list__filter-field{display:flex;flex-direction:column;gap:6px}.order-list__filter-field label{font-size:13px;font-weight:500;color:#475569}.order-list__filter-field input,.order-list__filter-field select{padding:8px 10px;font-size:14px;border:1px solid #cbd5e1;border-radius:4px;background:white}.order-list__filter-field input:focus,.order-list__filter-field select:focus{outline:none;border-color:#3b82f6}.order-list__table-container{flex:1;overflow-y:auto;overflow-x:auto;min-height:200px}.order-list__table{width:100%;border-collapse:collapse;font-size:14px}.order-list__table thead{background:#f8fafc;position:sticky;top:0;z-index:1}.order-list__table th{padding:12px 16px;font-weight:600;color:#1e293b;text-align:left;border-bottom:2px solid #e2e8f0}.order-list__th-content{display:flex;align-items:center;gap:8px;justify-content:space-between}.order-list__table td{padding:12px 16px;color:#334155;border-bottom:1px solid #e2e8f0}.order-list__table tbody tr{cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease}.order-list__table tbody tr:hover{background:#f1f5f9;box-shadow:0 2px 4px #0000000d}.order-list__table tbody tr:active{background:#e2e8f0}.order-list__cell-code{font-weight:600}.order-list__link{background:none;border:none;color:#3b82f6;cursor:pointer;font-weight:600;text-decoration:underline;padding:0}.order-list__link:hover{color:#2563eb}.order-list__type{display:inline-block;padding:4px 10px;font-size:12px;font-weight:600;border-radius:4px}.order-list__type--temporary{background:#dbeafe;color:#1e40af}.order-list__type--permanent{background:#f3e8ff;color:#6b21a8}.order-list__actions{position:relative;display:flex;gap:8px}.order-list__action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:4px;cursor:pointer;transition:all .2s}.order-list__action-btn--menu{background:#f1f5f9;color:#475569}.order-list__action-btn--menu:hover{background:#e2e8f0;color:#1e293b}.order-list__action-btn--view{background:#e0f2fe;color:#0369a1}.order-list__action-btn--view:hover{background:#bae6fd}.order-list__action-btn--edit{background:#fef3c7;color:#a16207}.order-list__action-btn--edit:hover{background:#fde68a}.order-list__action-btn--delete{background:#fee2e2;color:#b91c1c}.order-list__action-btn--delete:hover{background:#fecaca}.order-list__dropdown{position:absolute;top:-5px;left:35px;z-index:1000;min-width:160px;margin-top:4px;background:white;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden}.order-list__dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:14px;color:#1e293b;background:white;border:none;cursor:pointer;transition:background .2s;text-align:left}.order-list__dropdown-item:hover{background:#f8fafc}.order-list__dropdown-item--danger{color:#dc2626}.order-list__dropdown-item--danger:hover{background:#fef2f2}.order-list__dropdown-item svg{flex-shrink:0}.order-list__dropdown-item span{flex:1}.order-list__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#64748b}.order-list__empty p{margin:8px 0;font-size:16px}.order-list__loading{display:flex;align-items:center;justify-content:center;padding:60px 20px;font-size:16px;color:#64748b}.spinning{animation:spin 1s linear infinite}@media (max-width: 1024px){.order-list__header{flex-direction:column;gap:16px;align-items:flex-start}.order-list__header-right{width:100%;justify-content:space-between}.order-list__toolbar{flex-wrap:wrap}.order-list__search{max-width:100%}}.order-list__view-scope-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:600;border-radius:20px;letter-spacing:.3px;cursor:default;white-space:nowrap}.order-list__view-scope-badge--workshop{background:#fef3c7;color:#92400e;border:1px solid #f59e0b}.order-list__view-scope-badge--full{background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.4)}@media (max-width: 768px){.order-list__header,.order-list__toolbar,.order-list__filters,.order-list__table-container,.order-list__pagination{padding:12px 16px}.order-list__title{font-size:18px}.order-list__create-group{flex-direction:column;width:100%}.order-list__btn--create{width:100%;justify-content:center}.order-list__filters-row{grid-template-columns:1fr}.order-list__table{font-size:13px}.order-list__table th,.order-list__table td{padding:8px 10px;white-space:nowrap}.order-list__table th:nth-child(6),.order-list__table th:nth-child(7),.order-list__table td:nth-child(6),.order-list__table td:nth-child(7){display:none}}[data-theme=dark] .order-list{background:var(--bg-content, #1e293b)}[data-theme=dark] .order-list__header{background:var(--bg-input, #334155);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .order-list__title{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .order-list__toolbar{background:var(--bg-input, #334155);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .order-list__filters{background:var(--bg-surface, #0f172a);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .order-list__filter-field label{color:var(--text-label, #94a3b8)}[data-theme=dark] .order-list__filter-field input,[data-theme=dark] .order-list__filter-field select,[data-theme=dark] .order-list__search-input{background:var(--bg-content, #1e293b);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .order-list__btn--refresh,[data-theme=dark] .order-list__btn--filter,[data-theme=dark] .order-list__btn--export{background:var(--bg-content, #1e293b);color:var(--text-secondary, #94a3b8);border-color:var(--border-input, #475569)}[data-theme=dark] .order-list__btn--refresh:hover,[data-theme=dark] .order-list__btn--filter:hover,[data-theme=dark] .order-list__btn--export:hover{background:var(--bg-surface-hover, #334155)}[data-theme=dark] .order-list__btn--filter.active{background:#3b82f6;color:#fff;border-color:#3b82f6}[data-theme=dark] .order-list__table-container{background:var(--bg-content, #1e293b)}[data-theme=dark] .order-list__table thead{background:var(--bg-input, #334155)}[data-theme=dark] .order-list__table th{color:var(--text-label, #94a3b8);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .order-list__table td{color:var(--text-primary, #e2e8f0);border-bottom-color:var(--border-divider, #2d3f55)}[data-theme=dark] .order-list__table tbody tr:hover{background:var(--bg-surface-hover, #334155)}[data-theme=dark] .order-list__dropdown{background:var(--bg-content, #1e293b);border-color:var(--border-divider, #475569);box-shadow:0 4px 12px #0006}[data-theme=dark] .order-list__dropdown-item{background:var(--bg-content, #1e293b);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .order-list__dropdown-item:hover{background:var(--bg-surface-hover, #334155)}[data-theme=dark] .order-list__empty,[data-theme=dark] .order-list__loading{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .order-list__action-btn--menu{background:var(--bg-input, #334155);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .order-list__type--temporary{background:rgba(59,130,246,.15);color:#93c5fd}[data-theme=dark] .order-list__type--permanent{background:rgba(139,92,246,.15);color:#c4b5fd}[data-theme=dark] .order-list__count{background:rgba(255,255,255,.1);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .order-list__view-scope-badge--workshop{background:rgba(245,158,11,.15);color:#fbbf24;border-color:#f59e0b66}[data-theme=dark] .order-list__header .order-list__btn--refresh{background:var(--bg-content, #1e293b);color:var(--text-secondary, #94a3b8);border-color:var(--border-input, #475569)}[data-theme=dark] .order-list__header .order-list__btn--refresh:hover:not(:disabled){background:var(--bg-surface-hover, #334155)}.order-week-table{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:12px}.order-week-table__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid #e0e0e0}.order-week-table__title{font-size:14px;font-weight:600;color:#333;margin:0}.order-week-table__copy-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background-color:#1976d2;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease}.order-week-table__copy-btn svg{width:14px;height:14px}.order-week-table__copy-btn:hover:not(:disabled){background-color:#1565c0;transform:translateY(-1px);box-shadow:0 2px 8px #1976d24d}.order-week-table__copy-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.order-week-table__container{overflow-x:auto}.order-week-table__table{width:100%;border-collapse:collapse;table-layout:fixed}.order-week-table__th{padding:8px 6px;text-align:center;font-size:12px;font-weight:600;color:#333;background-color:#f5f5f5;border:1px solid #e0e0e0;white-space:nowrap}.order-week-table__th--shift{width:100px;background-color:#e3f2fd}.order-week-table__th--total{width:80px;background-color:#fff3e0}.order-week-table__th--off{background-color:#ffebee;color:#c62828}.order-week-table__off-label{display:block;font-size:10px;font-weight:500;color:#c62828;margin-top:2px}.order-week-table__th-day-name{display:block;font-size:12px;font-weight:600}.order-week-table__th-day-date{display:block;font-size:10px;font-weight:400;color:#666;margin-top:2px;white-space:nowrap}.order-week-table__td{padding:6px;text-align:center;border:1px solid #e0e0e0}.order-week-table__td--shift{background-color:#f9f9f9;font-weight:500}.order-week-table__td--total{background-color:#fffbf0;font-weight:600;color:#f57c00}.order-week-table__td--grand-total{background-color:#fff3e0;font-size:14px;color:#e65100}.order-week-table__td--off{background-color:#ffebee}.order-week-table__td--foot{background-color:#f5f5f5;font-weight:600;padding:8px 6px}.order-week-table__shift-label{display:inline-block;padding:3px 6px;border-radius:3px;font-size:11px;font-weight:600}.order-week-table__shift-label--day{background-color:#fff9c4;color:#f57f17}.order-week-table__shift-label--night{background-color:#c5cae9;color:#1a237e}.order-week-table__input{width:100%;padding:6px;text-align:center;border:1px solid #ddd;border-radius:3px;font-size:12px;font-weight:500;transition:all .2s ease}.order-week-table__input:hover:not(:disabled){border-color:#1976d2}.order-week-table__input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a}.order-week-table__input:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.input-wrapper{position:relative;display:flex;align-items:center}.history-indicator{position:absolute;top:-3px;right:-3px;background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;cursor:help;z-index:2;box-shadow:0 2px 4px #0003;border:2px solid white;transition:all .2s ease;animation:pulse 2s infinite}.history-indicator:hover{transform:scale(1.1);box-shadow:0 4px 8px #0000004d}.history-indicator svg{width:10px;height:10px}@keyframes pulse{0%{box-shadow:0 2px 4px #0003,0 0 #ff9800b3}70%{box-shadow:0 2px 4px #0003,0 0 0 6px #ff980000}to{box-shadow:0 2px 4px #0003,0 0 #ff980000}}.order-week-table__cell-wrapper{position:relative;display:flex;align-items:center}.order-week-table__total-value{font-size:13px;font-weight:600;color:#f57c00}.order-week-table__hint{margin-top:10px;padding:10px 12px;background-color:#e3f2fd;border-left:4px solid #1976d2;border-radius:4px;font-size:12px;color:#0d47a1;line-height:1.5}.order-week-table__hint strong{color:#1976d2}@media (max-width: 1024px){.order-week-table__table{font-size:11px}.order-week-table__th,.order-week-table__td{padding:5px 4px}.order-week-table__input{padding:5px;font-size:11px}.order-week-table__th--shift{width:80px}}@media (max-width: 768px){.order-week-table__header{flex-direction:column;align-items:flex-start;gap:8px}.order-week-table__copy-btn{width:100%;justify-content:center}.order-week-table__table{font-size:10px}.order-week-table__th,.order-week-table__td{padding:4px 2px}.order-week-table__input{padding:4px;font-size:11px}}.order-week-table__td--has-history{background-color:#f8f7b2!important}.order-week-table__td--has-history.order-week-table__td--off{background-color:#fef0e6!important}[data-theme=dark] .order-week-table{background:var(--bg-content, #1e293b);border-color:var(--border-divider, #475569)}[data-theme=dark] .order-week-table__header{border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .order-week-table__title{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .order-week-table__th{background:var(--bg-input, #334155);color:var(--text-primary, #e2e8f0);border-color:var(--border-divider, #475569)}[data-theme=dark] .order-week-table__th--shift{background:rgba(25,118,210,.15)}[data-theme=dark] .order-week-table__th--total{background:rgba(245,124,0,.12)}[data-theme=dark] .order-week-table__th--off{background:rgba(198,40,40,.12)}[data-theme=dark] .order-week-table__th-day-date{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .order-week-table__td{border-color:var(--border-divider, #2d3f55);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .order-week-table__td--shift{background:var(--bg-input, #334155)}[data-theme=dark] .order-week-table__td--total{background:rgba(245,124,0,.12);color:#fb923c}[data-theme=dark] .order-week-table__td--grand-total{background:rgba(245,124,0,.15);color:#fb923c}[data-theme=dark] .order-week-table__td--off{background:rgba(198,40,40,.1)}[data-theme=dark] .order-week-table__td--foot{background:var(--bg-input, #334155)}[data-theme=dark] .order-week-table__shift-label--day{background:rgba(245,127,23,.15);color:#fbbf24}[data-theme=dark] .order-week-table__shift-label--night{background:rgba(26,35,126,.3);color:#a5b4fc}[data-theme=dark] .order-week-table__input{background:var(--bg-content, #1e293b);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .order-week-table__input:disabled{background:var(--bg-surface, #0f172a);color:var(--text-secondary, #64748b)}[data-theme=dark] .order-week-table__total-value{color:#fb923c}[data-theme=dark] .order-week-table__hint{background:rgba(25,118,210,.1);border-left-color:#1976d2;color:#60a5fa}[data-theme=dark] .order-week-table__hint strong{color:#60a5fa}[data-theme=dark] .order-week-table__td--has-history{background:rgba(245,158,11,.15)!important}.temp-order-form{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:60vw;height:90vh;min-width:800px;min-height:600px;max-width:1200px;max-height:900px;display:flex;flex-direction:column;background-color:#fff;border-radius:8px;box-shadow:0 8px 32px #0000004d;overflow:hidden;z-index:1001}.temp-order-form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000026;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.temp-order-form__header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:linear-gradient(135deg,#1976d2 0%,#1565c0 100%);border-bottom:1px solid #e0e0e0;flex-shrink:0}.temp-order-form__title{margin:0;font-size:24px;font-weight:600;color:#fff;text-align:left}.temp-order-form__close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:4px;cursor:pointer;color:#fff;transition:background-color .2s}.temp-order-form__close-btn:hover{background-color:#ffffff1a}.temp-order-form__body{flex:1;overflow-y:auto;overflow-x:hidden;padding:5px 32px}.temp-order-form__form-title{text-align:center;font-size:18px;font-weight:700;color:#1976d2;margin:0 0 20px;text-transform:uppercase}.temp-order-form__combined-section{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:12px;background-color:#f5f5f5;border-radius:6px}.temp-order-form__week-section{display:flex;align-items:center;gap:16px}.temp-order-form__week-group{display:flex;align-items:center;gap:8px}.temp-order-form__week-label{font-size:14px;font-weight:500;color:#555}.temp-order-form__week-select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#fff;cursor:pointer;min-width:100px}.temp-order-form__week-select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a}.temp-order-form__info-section{display:flex;gap:16px}.temp-order-form__field{display:flex;align-items:center;gap:8px}.temp-order-form__label{font-size:14px;font-weight:500;color:#555;white-space:nowrap}.temp-order-form__required{color:#d32f2f}.temp-order-form__input,.temp-order-form__select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:all .2s ease;min-width:200px}.temp-order-form__select--error{border-color:#d32f2f}.temp-order-form__select--disabled,.temp-order-form__select:disabled{background-color:#f5f5f5;color:#757575;border-color:#e0e0e0;cursor:not-allowed;opacity:1}.temp-order-form__input:focus,.temp-order-form__select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a}.temp-order-form__workmode-section{display:flex;align-items:center;gap:12px;padding:10px 12px;background-color:#f9f9f9;border-radius:6px}.temp-order-form__workmode-label{font-size:14px;font-weight:600;color:#333}.temp-order-form__radio-group{display:flex;gap:20px}.temp-order-form__radio{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;color:#333}.temp-order-form__radio input[type=radio]{cursor:pointer;width:16px;height:16px}.temp-order-form__table-section{margin-bottom:16px}.temp-order-form__note-label{display:block;font-size:14px;font-weight:500;color:#555;margin-bottom:6px}.temp-order-form__textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit;resize:vertical;min-height:60px}.temp-order-form__textarea:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a}.temp-order-form__error{font-size:12px;color:#d32f2f;margin-top:4px}.temp-order-form__alert{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:4px;font-size:13px;margin-bottom:12px}.temp-order-form__alert--error{background-color:#ffebee;border-left:4px solid #d32f2f;color:#c62828}.temp-order-form__footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:12px 24px;background-color:#f5f5f5;border-top:1px solid #e0e0e0;flex-shrink:0}.temp-order-form__btn{display:flex;align-items:center;gap:6px;padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.temp-order-form__btn:disabled{opacity:.6;cursor:not-allowed}.temp-order-form__btn--draft{background-color:#fff;color:#1976d2;border:1px solid #1976d2}.temp-order-form__btn--draft:hover:not(:disabled){background-color:#e3f2fd}.temp-order-form__btn--submit{background-color:#1976d2;color:#fff}.temp-order-form__btn--submit:hover:not(:disabled){background-color:#1565c0;transform:translateY(-1px);box-shadow:0 4px 12px #1976d24d}.temp-order-form__attachments-section{margin-top:24px}.temp-order-form__attachments-title{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:16px;font-weight:600;color:#333}.temp-order-form__upload-area{border:2px dashed #1976d2;border-radius:8px;padding:24px;text-align:center;background-color:#f5f5f5;transition:all .3s ease;cursor:pointer;margin-bottom:16px}.temp-order-form__upload-area:hover{border-color:#1565c0;background-color:#e3f2fd}.temp-order-form__file-input{display:none}.temp-order-form__upload-label{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;color:#1976d2}.temp-order-form__upload-label span{font-size:14px;font-weight:500}.temp-order-form__upload-label small{font-size:12px;color:#666}.temp-order-form__file-list{display:flex;flex-direction:column;gap:8px}.temp-order-form__file-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;transition:all .2s ease}.temp-order-form__file-item:hover{background-color:#f5f5f5;border-color:#1976d2}.temp-order-form__file-item--pending{background-color:#fff9e6;border-color:#ffa726}.temp-order-form__file-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.temp-order-form__file-icon{font-size:24px;flex-shrink:0}.temp-order-form__file-details{flex:1;min-width:0}.temp-order-form__file-name{margin:0 0 4px;font-size:14px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.temp-order-form__file-badge{display:inline-block;margin-left:8px;padding:2px 8px;background-color:#ffa726;color:#fff;font-size:11px;font-weight:600;border-radius:4px;text-transform:uppercase}.temp-order-form__file-meta{margin:0;font-size:12px;color:#666}.temp-order-form__file-actions{display:flex;gap:8px;flex-shrink:0}.temp-order-form__file-action{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background-color:transparent;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;color:#666;transition:all .2s ease}.temp-order-form__file-action:hover:not(:disabled){background-color:#1976d2;border-color:#1976d2;color:#fff}.temp-order-form__file-action--delete:hover:not(:disabled){background-color:#d32f2f;border-color:#d32f2f;color:#fff}.temp-order-form__file-action:disabled{opacity:.5;cursor:not-allowed}.temp-order-form__empty-files{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;background-color:#f5f5f5;border:1px dashed #ccc;border-radius:8px;text-align:center}.temp-order-form__empty-files svg{color:#999;margin-bottom:12px}.temp-order-form__empty-files p{margin:0;font-size:14px;color:#666}@media (max-width: 1024px){.temp-order-form{width:80vw;height:75vh;min-width:600px}.temp-order-form__info-section{flex-direction:column;align-items:flex-end}}@media (max-width: 768px){.temp-order-form{width:95vw;height:80vh;min-width:auto}.temp-order-form__week-section{flex-direction:column}.temp-order-form__info-section{align-items:stretch}.temp-order-form__field{flex-direction:column;align-items:stretch}.temp-order-form__workmode-section{flex-direction:column;align-items:flex-start}.temp-order-form__radio-group{flex-direction:column;gap:12px}.temp-order-form__footer{justify-content:stretch}.temp-order-form__btn{flex:1}}[data-theme=dark] .temp-order-form-overlay{background-color:#00000080}[data-theme=dark] .temp-order-form{background-color:var(--bg-content, #1e293b);box-shadow:0 8px 32px #00000080}[data-theme=dark] .temp-order-form__header{background:linear-gradient(135deg,#1565c0 0%,#0d47a1 100%);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .temp-order-form__form-title{color:#60a5fa}[data-theme=dark] .temp-order-form__body{background:var(--bg-content, #1e293b)}[data-theme=dark] .temp-order-form__combined-section,[data-theme=dark] .temp-order-form__workmode-section{background-color:var(--bg-input, #334155)}[data-theme=dark] .temp-order-form__week-label,[data-theme=dark] .temp-order-form__workmode-label,[data-theme=dark] .temp-order-form__label,[data-theme=dark] .temp-order-form__note-label{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .temp-order-form__radio{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .temp-order-form__week-select,[data-theme=dark] .temp-order-form__input,[data-theme=dark] .temp-order-form__select{background-color:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .temp-order-form__select--disabled,[data-theme=dark] .temp-order-form__select:disabled{background-color:var(--bg-surface, #0f172a);color:var(--text-secondary, #64748b);border-color:var(--border-divider, #475569)}[data-theme=dark] .temp-order-form__textarea{background-color:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .temp-order-form__footer{background-color:var(--bg-input, #334155);border-top-color:var(--border-divider, #475569)}[data-theme=dark] .temp-order-form__btn--draft{background-color:var(--bg-content, #1e293b);color:#60a5fa;border-color:#60a5fa}[data-theme=dark] .temp-order-form__btn--draft:hover:not(:disabled){background-color:#60a5fa1a}[data-theme=dark] .temp-order-form__upload-area{background-color:var(--bg-input, #334155);border-color:#1976d2}[data-theme=dark] .temp-order-form__upload-area:hover{background-color:#1976d226}[data-theme=dark] .temp-order-form__attachments-title{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .temp-order-form__file-item{background-color:var(--bg-content, #1e293b);border-color:var(--border-divider, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .temp-order-form__file-item:hover{background-color:var(--bg-surface-hover, #334155)}[data-theme=dark] .temp-order-form__file-name{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .temp-order-form__file-meta{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .temp-order-form__empty-files{background-color:var(--bg-input, #334155);border-color:var(--border-input, #475569)}[data-theme=dark] .temp-order-form__empty-files p{color:var(--text-secondary, #94a3b8)}.perm-order-template{width:100%;background-color:#f5f5f5;padding:20px}.perm-order-template--print{padding:0;background-color:#fff}.perm-order-template--editable{background-color:#f5f5f5;padding:10px}.perm-order-template__container{max-width:1200px!important;margin:0 auto!important;background-color:#fff!important;border:.5px solid #999!important;padding:0!important;position:relative!important}.perm-order-template--print .perm-order-template__container{border:.5px solid #999!important;max-width:100%!important;margin:0!important}.perm-order-template__header-actions{position:absolute;top:10px;right:10px;z-index:10;display:flex;gap:8px}.perm-order-template__edit-btn{background-color:#4caf50;color:#fff;border:none;padding:8px 16px;font-size:13px;font-weight:500;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.perm-order-template__edit-btn:hover{background-color:#45a049;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.perm-order-template__edit-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.perm-order-template--editing{background-color:#f5f5f5;padding:20px}.perm-order-template__edit-header{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:15px 20px;border-radius:8px 8px 0 0;border:2px solid #4CAF50;border-bottom:none;margin-bottom:0}.perm-order-template__edit-header h3{margin:0;color:#4caf50;font-size:18px;font-weight:600}.perm-order-template__edit-actions{display:flex;gap:10px}.perm-order-template__cancel-btn,.perm-order-template__save-btn{padding:8px 20px;font-size:14px;font-weight:500;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease}.perm-order-template__cancel-btn{background-color:#f44336;color:#fff}.perm-order-template__cancel-btn:hover:not(:disabled){background-color:#da190b}.perm-order-template__save-btn{background-color:#4caf50;color:#fff}.perm-order-template__save-btn:hover:not(:disabled){background-color:#45a049}.perm-order-template__cancel-btn:disabled,.perm-order-template__save-btn:disabled{opacity:.6;cursor:not-allowed}.perm-order-template__main-table{width:100%!important;border-collapse:collapse!important;table-layout:fixed!important}.perm-order-template__main-table td{border:1px solid #000!important;padding:8px!important;vertical-align:middle!important;font-size:12px!important;line-height:1.4!important;text-align:center!important}.perm-order-template__logo-cell{padding:10px;text-align:left;vertical-align:top}.perm-order-template__logo-header-flex{display:flex;flex-direction:row;align-items:flex-start;gap:16px;margin-bottom:10px}.perm-order-template__logo-image{width:90px;height:auto;border:none}.perm-order-template__company-name{flex:1;text-align:center;padding-top:10px}.perm-order-template__title-korean{font-size:24px;font-weight:700;margin-bottom:2px}.perm-order-template__title-vietnamese{font-size:24px;font-weight:700;letter-spacing:2px}.perm-order-template__title-date-row{display:flex;flex-direction:row;justify-content:flex-start;gap:40px;margin-top:5px}.perm-order-template__title-date-col{display:flex;flex-direction:row;align-items:center;gap:4px;font-size:14px;font-weight:400;min-width:70px;height:26px;padding-bottom:2px}.perm-order-template__title-date-col .perm-order-template__date-label{font-weight:700;margin-right:4px}.perm-order-template__title-date-col .perm-order-template__date-value{font-weight:700;color:#1976d2;min-width:30px;text-align:center}.perm-order-template__approval-label{font-size:12px;line-height:1.3;padding:5px;font-weight:400}.perm-order-template__approval-header{font-size:12px;line-height:1.3;padding:3px 5px;font-weight:400;height:30px}.perm-order-template__approval-signature{height:70px;background-color:#fff;vertical-align:top;padding-top:10px}.perm-order-template__signature-info{display:flex;flex-direction:column;align-items:center;gap:4px}.perm-order-template__signature-name{font-weight:600;font-size:13px;color:#1976d2}.perm-order-template__signature-date{font-size:11px;color:#666}.perm-order-template__label-cell{background-color:#f9f9f9;font-weight:400;font-size:12px;padding:8px}.perm-order-template__input-cell{background-color:#fff;min-height:30px;text-align:left;padding-left:12px;font-weight:500;color:#1e293b}.perm-order-template__editable-cell{padding:4px;background-color:#fef9c3!important}.perm-order-template__description-title{font-size:12px!important;font-weight:700!important;background-color:#f9f9f9!important;text-align:left!important;padding:8px 10px!important;border-bottom:none!important;vertical-align:middle!important}.perm-order-template__description-content{min-height:60px!important;height:auto!important;background-color:#fff!important;vertical-align:top!important;text-align:left!important;padding:8px 10px!important;border-top:none!important;white-space:pre-wrap!important;word-wrap:break-word!important;line-height:1.5!important}.perm-order-template__main-table td.perm-order-template__description-title,.perm-order-template__main-table td.perm-order-template__description-content{text-align:left!important}.perm-order-template__main-table td.perm-order-template__description-content{border-top:none!important}.perm-order-template__main-table td.perm-order-template__description-title{border-bottom:none!important}.perm-order-template__checkbox-cell{font-weight:400;font-size:12px;padding:10px}.perm-order-template__deadline-label{font-weight:400;font-size:12px;padding:10px;border-right:none!important}.perm-order-template__date-input-cell{font-size:12px;padding:10px;border-left:none!important;font-weight:600;color:#1976d2}.perm-order-template__date-input-cell:not(:last-child){border-right:none!important}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}html,body{margin:0!important;padding:0!important;width:100%!important;height:auto!important;overflow:visible!important;background:white!important}.perm-order-template{position:relative!important;padding:0!important;margin:0!important;background-color:#fff!important;page-break-inside:avoid;width:100%!important;display:block!important;font-size:10px!important;overflow:visible!important}.perm-order-template *:not(.perm-order-template__label-cell):not(.perm-order-template__description-title):not(.perm-order-template__approval-label){background:transparent!important}.perm-order-template__label-cell,.perm-order-template__description-title,.perm-order-template__approval-label{background-color:#f9f9f9!important}.perm-order-template__container,.perm-order-template__input-cell,.perm-order-template__description-content,.perm-order-template__approval-signature{background-color:#fff!important}.perm-order-template--print{padding:0!important;margin:0!important}.perm-order-template__container{max-width:100%!important;width:100%!important;margin:0!important;padding:0!important;border:none!important;page-break-inside:avoid;background:white!important;box-shadow:none!important;position:relative!important;min-width:auto!important;overflow:visible!important}.perm-order-template__main-table{width:100%!important;page-break-inside:avoid;border-collapse:collapse!important;border:none!important;margin:0!important;font-size:9px!important}.perm-order-template__main-table td,.perm-order-template__main-table th{border:.5px solid #999!important;padding:2px!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;font-size:9px!important;line-height:1.2!important}.perm-order-template__header-actions,.perm-order-template__edit-header,.perm-order-template__edit-btn,.perm-order-template__cancel-btn,.perm-order-template__save-btn,button{display:none!important;visibility:hidden!important}.perm-order-template__logo-cell{text-align:left!important;vertical-align:top!important;padding:2px!important}.perm-order-template__logo-header-flex{display:flex!important;flex-direction:row!important;align-items:flex-start!important;justify-content:flex-start!important;gap:8px!important;margin-bottom:4px!important}.perm-order-template__logo-image{display:block!important;width:50px!important;height:auto!important;max-width:50px!important;flex-shrink:0!important}.perm-order-template__company-name{flex:1!important;text-align:center!important;padding-top:0!important}.perm-order-template__title-korean,.perm-order-template__title-vietnamese{display:block!important;color:#000!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;font-size:14px!important;font-weight:700!important;margin-bottom:2px!important}.perm-order-template__title-date-row{display:flex!important;gap:20px!important;margin-top:2px!important;font-size:9px!important}.perm-order-template__title-date-col{font-size:9px!important;height:auto!important}.perm-order-template__label-cell{background-color:#f9f9f9!important;font-weight:400!important;text-align:center!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;font-size:9px!important;padding:2px!important}.perm-order-template__input-cell{text-align:left!important;border:.5px solid #999!important;font-size:9px!important;padding:2px!important}.perm-order-template__description-title{background-color:#f9f9f9!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;font-size:9px!important;padding:2px!important;min-height:auto!important}.perm-order-template__description-content{font-size:9px!important;padding:2px!important;min-height:20px!important;line-height:1.2!important}.perm-order-template__approval-label,.perm-order-template__approval-header{font-size:9px!important;padding:2px!important;line-height:1.1!important}.perm-order-template__approval-signature{height:40px!important;padding-top:2px!important}.perm-order-template__signature-name{font-size:9px!important}.perm-order-template__signature-date{font-size:8px!important}.perm-order-template__checkbox,.perm-order-template__radio{display:inline-block!important;width:14px!important;height:14px!important;border:1px solid #000!important;margin-right:5px!important}.perm-order-template__checkbox.checked:after,.perm-order-template__radio.checked:after{content:"✓"!important;display:block!important;text-align:center!important;font-weight:700!important;color:#000!important}.perm-order-template__main-table tr,.perm-order-template__main-table tbody,.perm-order-template__main-table thead{border:none!important}}@media (max-width: 1024px){.perm-order-template__container{max-width:100%}.perm-order-template__logo-image{width:70px}.perm-order-template__title-korean,.perm-order-template__title-vietnamese{font-size:20px}.perm-order-template__title-date-row{gap:20px}}@media (max-width: 768px){.perm-order-template{padding:10px;overflow-x:auto}.perm-order-template__container{min-width:800px}.perm-order-template__logo-header-flex{flex-direction:row;align-items:flex-start}.perm-order-template__logo-image{width:60px}.perm-order-template__title-korean,.perm-order-template__title-vietnamese{font-size:16px}.perm-order-template__title-date-row{flex-wrap:nowrap;gap:10px}.perm-order-template__main-table td{font-size:10px;padding:4px;word-wrap:break-word;white-space:normal}.perm-order-template__description-content{min-height:60px;white-space:pre-wrap!important}}[data-theme=dark] .perm-order-template,[data-theme=dark] .perm-order-template--editing{background-color:var(--bg-content, #13141f)}[data-theme=dark] .perm-order-template__container{background-color:var(--bg-surface, #1e2234)!important;border-color:var(--border-divider, rgba(255, 255, 255, .1))!important}[data-theme=dark] .perm-order-template__main-table td{border-color:#ffffff26!important;color:var(--text-primary, #e5e7eb)}[data-theme=dark] .perm-order-template__label-cell{background-color:var(--bg-surface-hover, rgba(36, 38, 58, 1))!important;color:var(--text-secondary, #9ca3af)}[data-theme=dark] .perm-order-template__input-cell{background-color:var(--bg-surface, #1e2234)!important;color:var(--text-primary, #e5e7eb)}[data-theme=dark] .perm-order-template__editable-cell{background-color:#f59e0b1a!important}[data-theme=dark] .perm-order-template__description-title{background-color:var(--bg-surface-hover, rgba(36, 38, 58, 1))!important;color:var(--text-secondary, #9ca3af)}[data-theme=dark] .perm-order-template__description-content{background-color:var(--bg-surface, #1e2234)!important;color:var(--text-primary, #e5e7eb)}[data-theme=dark] .perm-order-template__approval-signature{background-color:var(--bg-surface, #1e2234)!important}[data-theme=dark] .perm-order-template__signature-name{color:#60a5fa}[data-theme=dark] .perm-order-template__signature-date{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .perm-order-template__title-date-col .perm-order-template__date-value{color:#60a5fa!important}[data-theme=dark] .perm-order-template__date-input-cell{color:#60a5fa}[data-theme=dark] .perm-order-template__edit-header{background-color:var(--bg-surface, #1e2234);border-color:#22c55e}[data-theme=dark] .perm-order-template__edit-header h3{color:#22c55e}.perm-order-template--editable .perm-order-template__editable-cell{padding:4px;background-color:#fef9c3!important}.perm-order-template--editable .perm-order-template__form-select,.perm-order-template--editable .perm-order-template__form-input,.perm-order-template--editable .perm-order-template__form-textarea{width:100%;padding:4px 6px;font-size:12px;border:1px solid #cbd5e1;border-radius:3px;font-family:Arial,sans-serif;background-color:#fff;transition:border-color .2s}.perm-order-template--editable .perm-order-template__form-select:focus,.perm-order-template--editable .perm-order-template__form-input:focus,.perm-order-template--editable .perm-order-template__form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.perm-order-template--editable .perm-order-template__form-select{cursor:pointer}.perm-order-template--editable .perm-order-template__form-textarea{resize:vertical;min-height:50px;line-height:1.4}.perm-order-template--editable .perm-order-template__form-input-date{padding:3px 6px}.perm-order-template__age-range{display:flex;align-items:center;gap:4px}.perm-order-template__age-range input{flex:1;min-width:0}.perm-order-template__age-range span{font-weight:700;color:#64748b}.perm-order-template__checkbox-label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:12px;line-height:1.3}.perm-order-template__checkbox-label input[type=radio]{cursor:pointer;width:16px;height:16px}.perm-order-template__checkbox-label span{flex:1}.perm-order-template__error-text{display:block;color:#ef4444;font-size:11px;margin-top:2px;font-weight:500}.perm-order-template__char-count{display:block;font-size:11px;color:#64748b;margin-top:2px}@media (max-width: 768px){.perm-order-template--editable .perm-order-template__form-select,.perm-order-template--editable .perm-order-template__form-input,.perm-order-template--editable .perm-order-template__form-textarea{font-size:11px;padding:3px 4px}.perm-order-template__checkbox-label{font-size:11px}.perm-order-template__checkbox-label input[type=radio]{width:14px;height:14px}}[data-theme=dark] .perm-order-template--editable .perm-order-template__editable-cell{background-color:#f59e0b1a!important}[data-theme=dark] .perm-order-template--editable .perm-order-template__form-select,[data-theme=dark] .perm-order-template--editable .perm-order-template__form-input,[data-theme=dark] .perm-order-template--editable .perm-order-template__form-textarea{background-color:var(--bg-input, rgba(25, 27, 45, .9));border-color:var(--border-input, #374151);color:var(--text-primary, #e5e7eb)}[data-theme=dark] .perm-order-template--editable .perm-order-template__form-select:focus,[data-theme=dark] .perm-order-template--editable .perm-order-template__form-input:focus,[data-theme=dark] .perm-order-template--editable .perm-order-template__form-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa26}[data-theme=dark] .perm-order-template--editable .perm-order-template__form-select option{background-color:var(--bg-surface, #1e2234);color:var(--text-primary, #e5e7eb)}[data-theme=dark] .perm-order-template__age-range span{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .perm-order-template__checkbox-label{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .perm-order-template__error-text{color:#f87171}[data-theme=dark] .perm-order-template__char-count{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .perm-order-template--editable label{color:var(--text-label, #d1d5db)}.perm-order-form{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:60vw;height:75vh;min-width:800px;min-height:600px;max-width:1200px;max-height:900px;display:flex;flex-direction:column;background-color:#fff;border-radius:8px;box-shadow:0 8px 32px #0000004d;overflow:hidden;z-index:1001}.perm-order-form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000026;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.perm-order-form__header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:linear-gradient(135deg,var(--color-primary, #667eea) 0%,var(--color-primary-end, #764ba2) 100%);border-bottom:1px solid #e0e0e0;flex-shrink:0}.perm-order-form__title{margin:0;font-size:16px;font-weight:600;color:#fff;text-align:left}.perm-order-form__close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:4px;cursor:pointer;color:#fff;transition:background-color .2s}.perm-order-form__close-btn:hover{background-color:#ffffff1a}.perm-order-form__body{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 24px}.perm-order-form__section{margin-bottom:32px;padding:20px;background:#f8fafc;border-radius:8px}.perm-order-form__section:last-child{margin-bottom:0}.perm-order-form__section-title{margin:0 0 20px;font-size:16px;font-weight:600;color:#1e293b;padding-bottom:12px;border-bottom:2px solid var(--color-primary, #667eea)}.perm-order-form__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:16px}.perm-order-form__row:last-child{margin-bottom:0}.perm-order-form__field{display:flex;flex-direction:column;gap:8px}.perm-order-form__label{font-size:14px;font-weight:500;color:#334155}.perm-order-form__required{color:#ef4444}.perm-order-form__input,.perm-order-form__select,.perm-order-form__textarea{padding:10px 12px;font-size:14px;color:#1e293b;background:white;border:1px solid #cbd5e1;border-radius:6px;transition:all .2s}.perm-order-form__input:focus,.perm-order-form__select:focus,.perm-order-form__textarea:focus{outline:none;border-color:var(--color-primary, #667eea);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 102, 126, 234),.1)}.perm-order-form__input:hover,.perm-order-form__select:hover,.perm-order-form__textarea:hover{border-color:#94a3b8}.perm-order-form__input--error,.perm-order-form__select--error,.perm-order-form__textarea--error{border-color:#ef4444}.perm-order-form__textarea{resize:vertical;min-height:80px;font-family:inherit}.perm-order-form__range{display:flex;align-items:center;gap:8px}.perm-order-form__range input{flex:1}.perm-order-form__range span{font-weight:500;color:#64748b}.perm-order-form__error{font-size:13px;color:#ef4444;display:flex;align-items:center;gap:4px}.perm-order-form__hint{font-size:12px;color:#64748b}.perm-order-form__alert{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:6px;margin-top:16px}.perm-order-form__alert--error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.perm-order-form__footer{display:flex;justify-content:space-between;align-items:center;padding:10px 24px;background-color:#f5f5f5;border-top:1px solid #e0e0e0;flex-shrink:0}.perm-order-form__actions{display:flex;gap:12px}.perm-order-form__btn{display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.perm-order-form__btn:disabled{opacity:.5;cursor:not-allowed}.perm-order-form__btn--cancel{background:white;color:#64748b;border:1px solid #cbd5e1}.perm-order-form__btn--cancel:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.perm-order-form__btn--draft{background:white;color:var(--color-primary, #667eea);border:1px solid var(--color-primary, #667eea)}.perm-order-form__btn--draft:hover:not(:disabled){background:rgba(var(--color-primary-rgb, 102, 126, 234),.07)}.perm-order-form__btn--submit{background:var(--color-primary, #667eea);color:#fff;border:1px solid var(--color-primary, #667eea)}.perm-order-form__btn--submit:hover:not(:disabled){background:#5568d3;border-color:#5568d3}@media (max-width: 1024px){.perm-order-form{width:80vw;height:80vh;min-width:600px}.perm-order-form__row{grid-template-columns:1fr}}@media (max-width: 768px){.perm-order-form{width:95vw;height:85vh;min-width:auto}.perm-order-form__header{padding:10px 16px}.perm-order-form__title{font-size:14px}.perm-order-form__body{padding:12px 16px}.perm-order-form__section{padding:12px;margin-bottom:16px}.perm-order-form__section-title{font-size:14px}.perm-order-form__row{grid-template-columns:1fr}.perm-order-form__footer{flex-direction:column;gap:12px;padding:12px 16px}.perm-order-form__actions{width:100%;flex-direction:column}.perm-order-form__btn{width:100%;justify-content:center}}[data-theme=dark] .perm-order-form-overlay{background:rgba(0,0,0,.6)}[data-theme=dark] .perm-order-form{background:var(--bg-content, #1e293b);box-shadow:0 8px 32px #0009}[data-theme=dark] .perm-order-form__header{background:linear-gradient(135deg,#4c3d9e 0%,#5b21b6 100%);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .perm-order-form__body{background:var(--bg-content, #1e293b)}[data-theme=dark] .perm-order-form__section{background:var(--bg-input, #334155)}[data-theme=dark] .perm-order-form__section-title{color:var(--text-primary, #e2e8f0);border-bottom-color:var(--color-primary, #667eea)}[data-theme=dark] .perm-order-form__label{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .perm-order-form__input,[data-theme=dark] .perm-order-form__select,[data-theme=dark] .perm-order-form__textarea{background:var(--bg-content, #1e293b);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .perm-order-form__input:hover,[data-theme=dark] .perm-order-form__select:hover,[data-theme=dark] .perm-order-form__textarea:hover{border-color:#60a5fa}[data-theme=dark] .perm-order-form__hint{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .perm-order-form__alert--error{background:rgba(239,68,68,.1);border-color:#ef44444d}[data-theme=dark] .perm-order-form__footer{background:var(--bg-input, #334155);border-top-color:var(--border-divider, #475569)}[data-theme=dark] .perm-order-form__btn--cancel{background:var(--bg-content, #1e293b);color:var(--text-secondary, #94a3b8);border-color:var(--border-input, #475569)}[data-theme=dark] .perm-order-form__btn--draft{background:transparent;color:#a78bfa;border-color:#7c3aed}[data-theme=dark] .perm-order-form__range span{color:var(--text-secondary, #94a3b8)}.urf-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:1050;animation:fadeIn .2s ease-out}.urf-modal-content{background:white;border-radius:12px;box-shadow:0 20px 40px #00000026;width:90%;max-width:1000px;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.urf-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#1890ff,#40a9ff);color:#fff;border-radius:12px 12px 0 0;flex-shrink:0}.urf-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#fff}.urf-title svg{color:#ffffffe6}.urf-close-btn{background:rgba(255,255,255,.1);border:none;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s}.urf-close-btn:hover{background:rgba(255,255,255,.2);transform:scale(1.05)}.urf-content{flex:1;padding:24px;overflow-y:auto}.urf-section{margin-bottom:24px}.urf-label{display:flex;align-items:center;gap:8px;font-weight:600;color:#262626;margin-bottom:12px;font-size:14px}.urf-label svg{color:#1890ff}.urf-textarea{width:100%;padding:12px 16px;border:1px solid #d9d9d9;border-radius:8px;font-size:14px;line-height:1.5;resize:vertical;min-height:80px;font-family:inherit;transition:all .2s}.urf-textarea:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.urf-char-count{text-align:right;font-size:12px;color:#8c8c8c;margin-top:4px}.urf-table-container{border:1px solid #f0f0f0;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.urf-week-table{width:100%;border-collapse:collapse;font-size:14px;background:white}.urf-week-table th{background:#fafafa;padding:12px 8px;font-weight:600;color:#262626;border:1px solid #f0f0f0;text-align:center;font-size:14px;min-width:80px}.urf-shift-header{background:#f0f0f0!important;font-weight:700;min-width:100px;vertical-align:middle}.urf-th-day-name{display:block;font-size:14px;font-weight:600}.urf-th-day-date{display:block;font-size:11px;font-weight:400;color:#888;margin-top:2px;white-space:nowrap}.urf-week-table td{padding:8px;border:1px solid #f5f5f5;text-align:center;vertical-align:middle;height:50px}.urf-shift-label{background:#f9f9f9;font-weight:600;text-align:center;min-width:100px;color:#262626}.urf-day-shift{background:#fff7e6;color:#d48806}.urf-night-shift{background:#f6ffed;color:#389e0d}.urf-total-label{background:#e6f7ff;color:#1890ff;font-weight:700}.urf-quantity-cell{position:relative;padding:8px}.urf-quantity-input-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px}.urf-quantity-input{width:50px;height:32px;border:1px solid #d9d9d9;border-radius:4px;text-align:center;font-size:13px;font-weight:500;background:white;transition:all .2s ease}.urf-quantity-input:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.urf-quantity-input:disabled{background:#f5f5f5;color:#bfbfbf;cursor:not-allowed}.urf-quantity-input.changed{border-color:#ff9800;background:#fff8e1;color:#e65100;font-weight:600}.urf-change-indicator{position:absolute;top:-8px;right:-8px;background:#ff9800;color:#fff;font-size:10px;font-weight:700;padding:2px 4px;border-radius:3px;min-width:16px;text-align:center;box-shadow:0 2px 4px #0003;z-index:10}.urf-empty-cell{color:#bfbfbf;font-style:italic;font-size:16px}.urf-total-cell{background:#e6f7ff;color:#1890ff;font-weight:700;font-size:14px}.urf-day-shift-row{background:#fffef7}.urf-night-shift-row{background:#f9fff9}.urf-total-row{background:#f0f8ff;border-top:2px solid #1890ff}.urf-total-row td{font-weight:700}.urf-no-data{text-align:center;padding:40px 20px;color:#8c8c8c;font-size:14px;background:#fafafa;border-radius:8px;border:2px dashed #d9d9d9}.urf-changes-summary{background:#f9f9f9;padding:16px;border-radius:8px;border-left:4px solid #1890ff}.urf-change-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:white;border-radius:6px;border:1px solid #e8e8e8;margin-bottom:8px}.urf-change-item:last-child{margin-bottom:0}.urf-change-date{font-weight:500;color:#595959;font-size:13px}.urf-change-value{font-weight:600;font-size:13px}.urf-change-value.increase{color:#52c41a}.urf-change-value.decrease{color:#ff4d4f}.urf-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #f0f0f0;background:#fafafa;border-radius:0 0 12px 12px;flex-shrink:0}.urf-footer-left{display:flex;align-items:center}.urf-change-count{font-size:13px;color:#1890ff;background:#e6f7ff;padding:4px 8px;border-radius:4px;font-weight:500}.urf-footer-actions{display:flex;gap:12px}.urf-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none;min-width:120px;justify-content:center}.urf-btn:disabled{opacity:.6;cursor:not-allowed}.urf-btn-secondary{background:#f5f5f5;color:#595959}.urf-btn-secondary:hover:not(:disabled){background:#e6e6e6}.urf-btn-outline{background:white;color:#1890ff;border:1px solid #1890ff}.urf-btn-outline:hover:not(:disabled){background:#e6f7ff}.urf-btn-primary{background:linear-gradient(135deg,#1890ff,#40a9ff);color:#fff;box-shadow:0 2px 8px #1890ff4d}.urf-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #1890ff66;transform:translateY(-1px)}@media (max-width: 768px){.urf-modal-content{width:95%;max-height:95vh;margin:8px}.urf-header{padding:16px 20px}.urf-content{padding:20px}.urf-week-table{font-size:12px}.urf-week-table th,.urf-week-table td{padding:8px 4px}.urf-quantity-input{width:40px;height:28px;font-size:12px}.urf-footer{padding:12px 20px;flex-direction:column;gap:12px;align-items:stretch}.urf-footer-actions{justify-content:center}.urf-btn{padding:8px 12px;font-size:13px}}[data-theme=dark] .urf-modal-overlay{background:rgba(0,0,0,.75)}[data-theme=dark] .urf-modal-content{background:var(--bg-content, #1e293b);box-shadow:0 20px 40px #00000080}[data-theme=dark] .urf-header{background:linear-gradient(135deg,#1565c0,#1976d2);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .urf-content{background:var(--bg-content, #1e293b)}[data-theme=dark] .urf-label{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .urf-textarea{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .urf-char-count{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .urf-table-container{border-color:var(--border-divider, #475569)}[data-theme=dark] .urf-week-table{background:var(--bg-content, #1e293b)}[data-theme=dark] .urf-week-table th{background:var(--bg-input, #334155);color:var(--text-label, #94a3b8);border-color:var(--border-divider, #475569)}[data-theme=dark] .urf-shift-header{background:var(--bg-surface, #0f172a)!important;color:var(--text-secondary, #94a3b8)!important}[data-theme=dark] .urf-week-table td{border-color:var(--border-divider, #2d3f55)}[data-theme=dark] .urf-day-shift{background:rgba(245,158,11,.1);color:#fbbf24}[data-theme=dark] .urf-night-shift{background:rgba(34,197,94,.1);color:#4ade80}[data-theme=dark] .urf-total-label{background:rgba(24,144,255,.1);color:#60a5fa}[data-theme=dark] .urf-shift-label{background:var(--bg-input, #334155);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .urf-day-shift-row{background:rgba(245,158,11,.05)}[data-theme=dark] .urf-night-shift-row{background:rgba(34,197,94,.05)}[data-theme=dark] .urf-total-row{background:rgba(24,144,255,.08);border-top-color:#1890ff66}[data-theme=dark] .urf-total-row td{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .urf-quantity-input{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .urf-no-data{background:var(--bg-input, #334155);border-color:var(--border-divider, #475569);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .urf-changes-summary{background:var(--bg-input, #334155);border-left-color:#1890ff}[data-theme=dark] .urf-change-item{background:var(--bg-content, #1e293b);border-color:var(--border-divider, #475569)}[data-theme=dark] .urf-change-date{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .urf-footer{background:var(--bg-input, #334155);border-top-color:var(--border-divider, #475569)}[data-theme=dark] .urf-btn-secondary{background:var(--bg-content, #1e293b);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .urf-btn-secondary:hover:not(:disabled){background:var(--bg-surface-hover, #334155)}[data-theme=dark] .urf-btn-outline{background:var(--bg-content, #1e293b);color:#60a5fa;border-color:#60a5fa}[data-theme=dark] .urf-btn-outline:hover:not(:disabled){background:rgba(96,165,250,.1)}.order-detail-modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000026;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.order-detail-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:60vw;height:85vh;min-width:800px;min-height:600px;max-width:1200px;max-height:1000px;display:flex;flex-direction:column;background-color:#fff;border-radius:8px;box-shadow:0 8px 32px #0000004d;overflow:hidden;z-index:1001}.order-detail-modal__header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-bottom:1px solid #e0e0e0;flex-shrink:0}.order-detail-modal .order-week-table__copy-btn{display:none!important}.order-detail-modal__header-left{display:flex;align-items:center;gap:12px}.order-detail-modal__header-right{display:flex;align-items:center;gap:8px}.order-detail-modal__title{margin:0;font-size:16px;font-weight:600;color:#fff;text-align:left}.order-detail-modal__update-request-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(245,158,11,.2);border:1px solid rgba(245,158,11,.3);border-radius:4px;cursor:pointer;color:#fff;font-size:14px;font-weight:500;transition:all .2s}.order-detail-modal__update-request-btn:hover{background:rgba(245,158,11,.3);border-color:#f59e0b80}.order-detail-modal__update-request-btn:active{transform:scale(.98)}.order-detail-modal__edit-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(34,197,94,.2);border:1px solid rgba(34,197,94,.3);border-radius:4px;cursor:pointer;color:#fff;font-size:14px;font-weight:500;transition:all .2s}.order-detail-modal__edit-btn:hover{background:rgba(34,197,94,.3);border-color:#22c55e80}.order-detail-modal__edit-btn:active{transform:scale(.98)}.order-detail-modal__print-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);border-radius:4px;cursor:pointer;color:#fff;font-size:14px;font-weight:500;transition:all .2s}.order-detail-modal__print-btn:hover{background:rgba(255,255,255,.3);border-color:#ffffff80}.order-detail-modal__print-btn:active{transform:scale(.98)}.order-detail-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:4px;cursor:pointer;color:#fff;transition:background-color .2s}.order-detail-modal__close:hover{background-color:#ffffff1a}.order-detail-modal__body{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 24px}.order-detail-modal__section{padding:6px 16px;background:#f8fafc;border-radius:6px}.order-detail-modal__section--title{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);padding:20px 24px;text-align:center;border-radius:8px;box-shadow:0 2px 8px #3b82f633}.order-detail-modal__main-title{margin:0;font-size:18px;font-weight:700;color:#fff;letter-spacing:.5px;text-transform:uppercase;line-height:1.4}.order-detail-modal__section-title{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:15px;font-weight:600;color:#1e293b;padding-bottom:10px;border-bottom:2px solid #3b82f6}.order-detail-modal__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.order-detail-modal__field{display:flex;flex-direction:column;gap:4px}.order-detail-modal__field--full{grid-column:1 / -1}.order-detail-modal__label{font-size:13px;font-weight:500;color:#64748b}.order-detail-modal__value{font-size:14px;font-weight:500;color:#1e293b}.order-detail-modal__value--highlight{color:#3b82f6;font-weight:600;font-size:15px}.order-detail-modal__text-block{margin-bottom:16px}.order-detail-modal__text-block:last-child{margin-bottom:0}.order-detail-modal__text-block strong{display:block;margin-bottom:6px;font-size:13px;color:#1e293b;font-weight:600}.order-detail-modal__text-block p{margin:0;font-size:14px;line-height:1.6;color:#334155;white-space:pre-wrap;padding:10px;background:#fff;border-radius:4px;border-left:3px solid #3b82f6}.order-detail-modal__timeline-horizontal{display:flex;align-items:flex-start;justify-content:space-between;padding:12px 40px;position:relative}.order-detail-modal__milestone{display:flex;flex-direction:column;align-items:center;gap:8px;flex:0 0 auto;min-width:120px;position:relative;z-index:2;transition:all .3s ease}.order-detail-modal__milestone-dot{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e2e8f0;color:#94a3b8;border:3px solid #fff;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.order-detail-modal__milestone.active .order-detail-modal__milestone-dot{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff;box-shadow:0 4px 12px #3b82f666}.order-detail-modal__milestone.rejected .order-detail-modal__milestone-dot{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;box-shadow:0 4px 12px #ef444466}.order-detail-modal__milestone.inactive .order-detail-modal__milestone-dot{opacity:.5}.order-detail-modal__milestone-label{font-size:14px;font-weight:600;color:#1e293b;text-align:center}.order-detail-modal__milestone.inactive .order-detail-modal__milestone-label{color:#94a3b8;opacity:.6}.order-detail-modal__milestone-info{margin-top:8px;padding:8px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 2px 4px #0000000d;min-width:180px;text-align:center}.order-detail-modal__milestone-user{font-size:13px;font-weight:500;color:#334155;margin-bottom:4px}.order-detail-modal__milestone-date{font-size:11px;color:#64748b}.order-detail-modal__milestone-note{margin-top:8px;padding-top:8px;border-top:1px solid #e2e8f0;font-size:12px;color:#475569;line-height:1.4;text-align:left}.order-detail-modal__milestone-line{flex:1;height:4px;background:#e2e8f0;margin:22px -8px 0;align-self:flex-start;position:relative;z-index:1;transition:all .3s ease}.order-detail-modal__milestone-line.active{background:linear-gradient(90deg,#3b82f6 0%,#2563eb 100%);box-shadow:0 2px 8px #3b82f64d}.order-detail-modal__milestone-line.rejected{background:linear-gradient(90deg,#ef4444 0%,#dc2626 100%);box-shadow:0 2px 8px #ef44444d}.order-detail-modal__milestone-line.inactive{opacity:.4}.order-detail-modal__loading{display:flex;align-items:center;justify-content:center;padding:60px 20px;font-size:16px;color:#64748b}.order-detail-modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:10px 24px;background-color:#f5f5f5;border-top:1px solid #e0e0e0;flex-shrink:0;min-height:56px}.order-detail-modal__no-actions,.order-detail-modal__footer-no-action{display:flex;align-items:center;padding:10px 16px;font-size:14px;color:#64748b;font-style:italic}.order-detail-modal__btn{display:flex;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;border:none;border-radius:4px;cursor:pointer;transition:all .2s}.order-detail-modal__btn:disabled{opacity:.6;cursor:not-allowed}.order-detail-modal__btn--submit{background:#3b82f6;color:#fff;border:1px solid #3b82f6}.order-detail-modal__btn--submit:hover:not(:disabled){background:#2563eb;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.order-detail-modal__btn--approve{background:#10b981;color:#fff;border:1px solid #10b981}.order-detail-modal__btn--approve:hover:not(:disabled){background:#059669;border-color:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.order-detail-modal__btn--reject{background:#ef4444;color:#fff;border:1px solid #ef4444}.order-detail-modal__btn--reject:hover:not(:disabled){background:#dc2626;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.order-detail-modal__btn--update-request{background:#f97316;color:#fff;border:1px solid #f97316}.order-detail-modal__btn--update-request:hover:not(:disabled){background:#ea6c0a;border-color:#ea6c0a;transform:translateY(-1px);box-shadow:0 4px 12px #f973164d}.order-detail-modal__btn--edit{background:#22c55e;color:#fff;border:1px solid #22c55e}.order-detail-modal__btn--edit:hover:not(:disabled){background:#16a34a;border-color:#16a34a;transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.order-detail-modal__cancel-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.3);border-radius:4px;cursor:pointer;color:#fff;font-size:14px;font-weight:500;transition:all .2s}.order-detail-modal__cancel-btn:hover{background:rgba(239,68,68,.3);border-color:#ef444480}.order-detail-modal__cancel-btn:active{transform:scale(.98)}.order-detail-modal__cancel-btn:disabled{opacity:.5;cursor:not-allowed}.order-detail-modal__save-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(34,197,94,.3);border:1px solid rgba(34,197,94,.5);border-radius:4px;cursor:pointer;color:#fff;font-size:14px;font-weight:500;transition:all .2s}.order-detail-modal__save-btn:hover{background:rgba(34,197,94,.4);border-color:#22c55eb3}.order-detail-modal__save-btn:active{transform:scale(.98)}.order-detail-modal__save-btn:disabled{opacity:.5;cursor:not-allowed}.order-detail-modal__spinner{animation:spin 1s linear infinite}.order-detail-modal__info-row{display:flex;justify-content:space-between;align-items:center;gap:24px}.order-detail-modal__info-row .order-detail-modal__field{flex:1;flex-direction:row;align-items:center;gap:8px;min-width:0}.order-detail-modal__info-row .order-detail-modal__label{flex-shrink:0;font-size:13px;font-weight:500;color:#64748b}.order-detail-modal__info-row .order-detail-modal__value{font-size:14px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-detail-modal__workmode-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e5e7eb}.order-detail-modal__workmode-row .order-detail-modal__label{font-size:13px;font-weight:500;color:#64748b;flex-shrink:0}.order-detail-modal__workmode-row .order-detail-modal__value{font-size:14px;font-weight:600;color:#3b82f6}.order-detail-modal__note-row{display:flex;align-items:flex-start;gap:12px;padding-top:12px}.order-detail-modal__note-row .order-detail-modal__label{font-size:13px;font-weight:500;color:#64748b;flex-shrink:0}.order-detail-modal__note-row .order-detail-modal__value{font-size:13px;color:#475569;flex:1;line-height:1.5}@media (max-width: 1024px){.order-detail-modal{width:80vw;height:80vh;min-width:600px}.order-detail-modal__grid{grid-template-columns:1fr}}@media (max-width: 768px){.order-detail-modal{width:95vw;height:85vh;min-width:auto}.order-detail-modal__header{padding:10px 16px}.order-detail-modal__title{font-size:14px}.order-detail-modal__body{padding:12px 16px}.order-detail-modal__section{padding:12px;margin-bottom:16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.order-detail-modal__section-title{font-size:14px}.order-detail-modal__grid{grid-template-columns:1fr}.order-detail-modal__footer{padding:12px 16px}.order-detail-modal__btn{flex:1;justify-content:center}}@media print{.order-detail-modal__overlay{display:none}.order-detail-modal{position:static;transform:none;width:100%;height:auto;min-width:auto;max-width:100%;box-shadow:none;border-radius:0}.order-detail-modal__header,.order-detail-modal__footer{display:none!important}.order-detail-modal__body{padding:0;overflow:visible}.order-detail-modal__section{page-break-inside:avoid}.recruitment-form-template{padding:0;background-color:#fff}.recruitment-form-container{max-width:100%}}.order-detail-modal__print-only{display:none}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}html,body{margin:0!important;padding:0!important;width:100%!important;height:auto!important;overflow:visible!important}body *{visibility:hidden!important}.order-detail-modal__print-only{display:block!important;visibility:visible!important;position:absolute!important;top:0!important;left:0!important;width:100%!important;height:auto!important;padding:0!important;margin:0!important;background:white!important;z-index:1!important}.order-detail-modal__print-only *{visibility:visible!important}.order-detail-modal__overlay,.order-detail-modal,.order-detail-modal__header,.order-detail-modal__footer,.order-detail-modal__actions,button,.order-detail-modal__normal-view--hidden{display:none!important;visibility:hidden!important}}.order-detail-modal__attachments{display:flex;flex-direction:column;gap:16px}.order-detail-modal__upload-area{position:relative;border:2px dashed #d1d5db;border-radius:8px;padding:24px;text-align:center;background-color:#f9fafb;transition:all .2s ease}.order-detail-modal__upload-area:hover{border-color:#3b82f6;background-color:#eff6ff}.order-detail-modal__file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.order-detail-modal__file-input:disabled{cursor:not-allowed}.order-detail-modal__upload-label{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;pointer-events:none}.order-detail-modal__upload-icon{color:#6b7280;transition:color .2s ease}.order-detail-modal__upload-area:hover .order-detail-modal__upload-icon{color:#3b82f6}.order-detail-modal__upload-label span{font-size:14px;font-weight:500;color:#374151}.order-detail-modal__upload-label small{font-size:12px;color:#6b7280}.order-detail-modal__file-list{display:flex;flex-direction:column;gap:8px}.order-detail-modal__file-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid #e5e7eb;border-radius:6px;background-color:#fff;transition:all .2s ease}.order-detail-modal__file-item:hover{background-color:#f9fafb;border-color:#d1d5db}.order-detail-modal__file-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.order-detail-modal__file-icon{font-size:24px;flex-shrink:0}.order-detail-modal__file-details{flex:1;min-width:0}.order-detail-modal__file-name{font-size:14px;font-weight:500;color:#111827;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:8px}.order-detail-modal__file-badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;color:#f59e0b;background-color:#fef3c7;border-radius:4px;border:1px solid #fde68a;flex-shrink:0}.order-detail-modal__file-item--pending{background-color:#fffbeb;border-color:#fde68a}.order-detail-modal__file-meta{font-size:12px;color:#6b7280;margin:0}.order-detail-modal__file-actions{display:flex;gap:8px;flex-shrink:0}.order-detail-modal__file-action{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:4px;background-color:transparent;color:#6b7280;cursor:pointer;transition:all .2s ease}.order-detail-modal__file-action:hover{background-color:#f3f4f6;color:#374151}.order-detail-modal__file-action--delete:hover{background-color:#fee2e2;color:#dc2626}.order-detail-modal__file-action:disabled{opacity:.5;cursor:not-allowed}.order-detail-modal__empty-files{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#9ca3af;gap:12px}.order-detail-modal__empty-icon{opacity:.5}.order-detail-modal__empty-files p{margin:0;font-size:14px;color:#6b7280}[data-theme=dark] .order-detail-modal__overlay{background-color:#0009}[data-theme=dark] .order-detail-modal{background-color:var(--bg-content, #1e293b);box-shadow:0 8px 32px #0009}[data-theme=dark] .order-detail-modal__header{background:linear-gradient(135deg,#1565c0 0%,#1976d2 100%);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .order-detail-modal__body{background:var(--bg-content, #1e293b)}[data-theme=dark] .order-detail-modal__section{background:var(--bg-input, #334155)}[data-theme=dark] .order-detail-modal__section-title{color:var(--text-primary, #e2e8f0);border-bottom-color:#60a5fa}[data-theme=dark] .order-detail-modal__label{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .order-detail-modal__value{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .order-detail-modal__value--highlight{color:#60a5fa}[data-theme=dark] .order-detail-modal__text-block strong{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .order-detail-modal__text-block p{background:var(--bg-content, #1e293b);color:var(--text-secondary, #94a3b8);border-left-color:#60a5fa}[data-theme=dark] .order-detail-modal__milestone-dot{background:var(--bg-surface-hover, #475569);border-color:var(--bg-content, #1e293b)}[data-theme=dark] .order-detail-modal__milestone-label{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .order-detail-modal__milestone-info{background:var(--bg-input, #334155);border-color:var(--border-divider, #475569)}[data-theme=dark] .order-detail-modal__milestone-user{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .order-detail-modal__milestone-date{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .order-detail-modal__milestone-note{color:var(--text-secondary, #94a3b8);border-top-color:var(--border-divider, #475569)}[data-theme=dark] .order-detail-modal__milestone-line{background:var(--border-divider, #475569)}[data-theme=dark] .order-detail-modal__loading{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .order-detail-modal__footer{background:var(--bg-input, #334155);border-top-color:var(--border-divider, #475569)}[data-theme=dark] .order-detail-modal__no-actions,[data-theme=dark] .order-detail-modal__footer-no-action{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .order-detail-modal__workmode-row{border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .order-detail-modal__workmode-row .order-detail-modal__value{color:#60a5fa}[data-theme=dark] .order-detail-modal__note-row .order-detail-modal__value{color:var(--text-secondary, #94a3b8)}.order-tab-content{display:flex;flex-direction:column;flex:1;background:#f8fafc;overflow:hidden}.order-tab-pagination{margin-top:auto;border-top:1px solid #e2e8f0;background:#f8fafc}.order-tab-development-notice{max-width:600px;background:white;border-radius:16px;padding:48px 40px;box-shadow:0 10px 40px #0000001a;text-align:center;animation:order-tab-fade-in .5s ease-out}@keyframes order-tab-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.order-tab-icon-wrapper{margin-bottom:24px;animation:order-tab-bounce 2s infinite}@keyframes order-tab-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.order-tab-icon{color:#f59e0b;filter:drop-shadow(0 4px 8px rgba(245,158,11,.3))}.order-tab-title{margin:0 0 16px;font-size:28px;font-weight:700;color:#1f2937;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.order-tab-description{margin:0 0 32px;font-size:16px;line-height:1.6;color:#6b7280}.order-tab-description strong{color:#f59e0b;font-weight:600}.order-tab-features{background:#f9fafb;border-radius:12px;padding:24px;margin-bottom:24px;border:2px solid #f3f4f6}.order-tab-features h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#374151}.order-tab-features ul{list-style:none;padding:0;margin:0}.order-tab-features li{padding:10px 0;font-size:15px;color:#4b5563;text-align:left;border-bottom:1px solid #e5e7eb;transition:all .2s}.order-tab-features li:last-child{border-bottom:none}.order-tab-features li:hover{color:#f59e0b;transform:translate(5px)}@media (max-width: 768px){.order-tab-development-notice{padding:32px 24px}.order-tab-title{font-size:24px}.order-tab-description{font-size:15px}.order-tab-features{padding:20px}.order-tab-features h3{font-size:16px}.order-tab-features li{font-size:14px}}@media (max-width: 480px){.order-tab-development-notice{padding:24px 20px}.order-tab-title{font-size:20px}.order-tab-icon-wrapper svg{width:48px;height:48px}}[data-theme=dark] .order-tab-content{background:var(--bg-surface, #0f172a)}[data-theme=dark] .order-tab-pagination{background:var(--bg-surface, #0f172a);border-top-color:var(--border-divider, #334155)}[data-theme=dark] .order-tab-development-notice{background:var(--bg-content, #1e293b);box-shadow:0 10px 40px #0006}[data-theme=dark] .order-tab-features{background:var(--bg-input, #334155);border-color:var(--border-divider, #475569)}[data-theme=dark] .order-tab-features h3{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .order-tab-features li{color:var(--text-secondary, #94a3b8);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .order-tab-description{color:var(--text-secondary, #94a3b8)}.scm-overlay{position:fixed;bottom:0;left:0;right:0;z-index:9500;background:transparent;pointer-events:none}.scm-modal{pointer-events:all;background:#fff;border-radius:12px 12px 0 0;width:100%;height:35vh;min-height:260px;max-height:400px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -4px 24px #0000002e;border-top:2px solid #e5e7eb}.scm-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#1a1a2e;color:#fff;flex-shrink:0;gap:8px}.scm-header-left{display:flex;align-items:center;gap:8px;min-width:0}.scm-title{font-size:14px;font-weight:600;white-space:nowrap}.scm-count-badge{background:#4ade80;color:#14532d;font-size:12px;font-weight:700;padding:3px 10px;border-radius:20px;white-space:nowrap}.scm-close-btn{background:#dc3545;border:none;color:#fff;font-size:13px;font-weight:600;padding:7px 14px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:4px;flex-shrink:0;white-space:nowrap;transition:background .2s}.scm-close-btn:hover{background:#c82333}.scm-controls-row{display:flex;flex-direction:column;gap:6px;padding:8px 14px;background:#f8f9fa;border-bottom:1px solid #eee;flex-shrink:0}.scm-controls-row-top{display:flex;align-items:center;gap:8px;width:100%}.scm-camera-select{flex:1;min-width:0;padding:6px 8px;border:1px solid #ddd;border-radius:5px;font-size:12px;background:#fff;color:#333;cursor:pointer}.scm-camera-select:focus{outline:none;border-color:#007bff}.scm-torch-btn{flex:0 0 auto;display:flex;align-items:center;gap:3px;padding:6px 10px;border:1.5px solid #ccc;border-radius:5px;background:#fff;color:#555;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.scm-torch-btn:hover:not(:disabled){border-color:#f59e0b;background:#fffbeb;color:#d97706}.scm-torch-btn.on{background:#fef3c7;border-color:#f59e0b;color:#d97706;box-shadow:0 0 5px #f59e0b66}.scm-torch-btn.disabled,.scm-torch-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none;border-color:#ddd;background:#f5f5f5;color:#aaa}.scm-zoom-inline{display:flex;align-items:center;gap:5px;width:100%;min-width:0}.scm-zoom-inline.disabled{opacity:.35;pointer-events:none}.scm-zoom-label{font-size:12px;flex:0 0 auto}.scm-zoom-slider{flex:1;height:3px;accent-color:#007bff;cursor:pointer}.scm-zoom-btn{flex:0 0 auto;width:28px;height:28px;border:1px solid #007bff;border-radius:4px;background:transparent;color:#007bff;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s,color .15s}.scm-zoom-btn:hover:not(:disabled){background:#007bff;color:#fff}.scm-zoom-btn:disabled{opacity:.3;cursor:not-allowed}.scm-zoom-value{font-size:12px;font-weight:600;color:#007bff;min-width:32px;text-align:right;flex:0 0 auto}.scm-video-wrapper{position:relative;flex:1;min-height:0;background:#000;overflow:hidden}.scm-scanner-inner{width:100%!important;height:100%!important;position:relative}.scm-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.scm-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:70%;pointer-events:none;z-index:10}.scm-corner{position:absolute;width:18px;height:18px;border:2.5px solid #00ff00}.scm-corner-tl{top:0;left:0;border-right:none;border-bottom:none;border-top-left-radius:3px}.scm-corner-tr{top:0;right:0;border-left:none;border-bottom:none;border-top-right-radius:3px}.scm-corner-bl{bottom:0;left:0;border-right:none;border-top:none;border-bottom-left-radius:3px}.scm-corner-br{bottom:0;right:0;border-left:none;border-top:none;border-bottom-right-radius:3px}.scm-feedback-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;animation:scm-flash .4s ease-out forwards}.scm-feedback-overlay.success{background:rgba(74,222,128,.4)}.scm-feedback-overlay.duplicate{background:rgba(251,191,36,.4)}@keyframes scm-flash{0%{opacity:1}to{opacity:0}}.scm-scan-result-overlay{position:absolute;bottom:0;left:0;right:0;padding:8px 12px;font-size:13px;font-weight:500;display:flex;align-items:center;z-index:30;pointer-events:none;animation:scm-slide-up .2s ease-out}.scm-scan-result-overlay.success{background:rgba(20,83,45,.82);color:#bbf7d0}.scm-scan-result-overlay.duplicate{background:rgba(120,53,15,.82);color:#fde68a}@keyframes scm-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 600px){.scm-modal{height:45vh;max-height:380px}}[data-theme=dark] .scm-modal{background:#1e293b;border-top-color:#334155;box-shadow:0 -4px 24px #0006}[data-theme=dark] .scm-controls-row{background:#253348;border-bottom-color:#334155}[data-theme=dark] .scm-camera-select{background:#1e293b;border-color:#374151;color:var(--text-primary, #e5e7eb)}[data-theme=dark] .scm-camera-select:focus{border-color:#3b82f6}[data-theme=dark] .scm-torch-btn{background:#1e293b;border-color:#374151;color:#9ca3af}[data-theme=dark] .scm-torch-btn:hover:not(:disabled){border-color:#f59e0b;background:rgba(245,158,11,.1);color:#fbbf24}[data-theme=dark] .scm-torch-btn.on{background:rgba(245,158,11,.12);border-color:#f59e0b;color:#fbbf24}[data-theme=dark] .scm-torch-btn.disabled,[data-theme=dark] .scm-torch-btn:disabled{background:#1e293b;border-color:#334155;color:#4b5563}[data-theme=dark] .scm-zoom-value{color:#60a5fa}[data-theme=dark] .scm-zoom-btn{border-color:#3b82f6;color:#60a5fa}[data-theme=dark] .scm-zoom-btn:hover:not(:disabled){background:#3b82f6;color:#fff}.dispatch-tab-content{height:calc(100vh - 100px);display:flex;flex-direction:column;flex:1 1 auto;min-height:0;background:#f3f4f6}.dispatch-tab-grid{display:flex;flex-direction:row;gap:6px;flex:1 1 auto;min-height:0}.dispatch-tab-left-column{display:flex;flex-direction:column;min-width:420px;flex:0 0 420px;min-height:0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.dispatch-tab-left-column.dispatch-tab-left-column--collapsed{min-width:0;flex:0 0 0px;width:0;opacity:0;pointer-events:none;gap:0}.dispatch-tab-right-column{display:flex;flex-direction:column;min-width:460px;flex:0 0 460px;min-height:0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);background:white;border-radius:12px;box-shadow:0 2px 8px #0000001a}.dispatch-tab-right-column.dispatch-tab-right-column--collapsed{min-width:0;flex:0 0 0px;width:0;opacity:0;pointer-events:none}.dispatch-tab-toggle-divider,.dispatch-tab-toggle-divider-right{display:flex;align-items:center;justify-content:center;width:12px;cursor:pointer;position:relative;background:transparent;align-self:stretch;z-index:20;margin:0 -3px}.dispatch-tab-toggle-button,.dispatch-tab-toggle-button-right{position:absolute;width:20px;height:36px;background:white;border:1px solid #d1d5db;border-radius:6px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000001a;color:#4b5563;transition:all .2s}.dispatch-tab-toggle-button:hover,.dispatch-tab-toggle-button-right:hover{background:#3b82f6;color:#fff;border-color:#3b82f6;transform:scale(1.1)}.dispatch-tab-pending-box,.dispatch-tab-working-box{background:white;border-radius:12px;box-shadow:0 2px 8px #0000001a;flex:1 1 0;min-height:0;overflow:hidden;display:flex;flex-direction:column}@media (max-width: 1400px){.dispatch-tab-stats-box{flex:0 0 370px;width:370px}}.dispatch-tab-scanned-box{background:white;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden}.dispatch-tab-box-header{padding:10px 16px;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#f9fafb}.dispatch-tab-box-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0}.dispatch-tab-count-badge{background:#3b82f6;color:#fff;padding:2px 10px;border-radius:12px;font-size:13px;font-weight:600;margin-left:8px}.dispatch-tab-box-content{flex:1 1 auto;overflow-y:auto;min-height:0;display:flex;flex-direction:column}.dispatch-tab-staff-table{width:100%;border-collapse:collapse;font-size:13px}.dispatch-tab-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.dispatch-tab-empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.dispatch-tab-empty-state-text{font-size:14px;text-align:center;line-height:1.5}.dispatch-tab-search-wrapper{display:flex;flex-direction:column;gap:3px;max-width:150px;flex-shrink:0}.dispatch-tab-search-input{padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;width:100%;transition:border-color .2s}.dispatch-tab-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dispatch-tab-search-hint{font-size:10px;color:#9ca3af;font-style:italic;padding-left:2px;line-height:1.3;word-break:keep-all}.dispatch-tab-scan-input-area{padding:16px;background:#f8fafc;border-bottom:2px solid #e5e7eb;flex-shrink:0}.dispatch-tab-scan-input-row{display:flex;gap:12px;align-items:center}.dispatch-tab-select-group{display:flex;gap:12px;align-items:center;flex-shrink:0}.dispatch-tab-xuong-select{min-width:200px}.dispatch-tab-xuong-select .sd-trigger{border:2px solid #3b82f6;border-radius:8px;font-size:14px;font-weight:500;color:#1f2937;background:white}.dispatch-tab-xuong-select .sd-trigger:focus,.dispatch-tab-xuong-select .sd-trigger--open{box-shadow:0 0 0 4px #3b82f633;border-color:#3b82f6}.dispatch-tab-xuong-select--locked .sd-trigger{background:#f0f9ff;border-color:#0ea5e9;color:#0369a1;cursor:not-allowed;opacity:1;pointer-events:none}.dispatch-tab-ca-lam-viec-select{min-width:140px}.dispatch-tab-ca-lam-viec-select .sd-trigger{border:2px solid #8b5cf6;border-radius:8px;font-size:14px;font-weight:500;color:#1f2937;background:white}.dispatch-tab-ca-lam-viec-select .sd-trigger:focus,.dispatch-tab-ca-lam-viec-select .sd-trigger--open{box-shadow:0 0 0 4px #8b5cf633;border-color:#8b5cf6}.dispatch-tab-ca-lam-viec-select--required .sd-trigger{border-color:#f59e0b;background:#fffbeb;animation:dispatch-tab-pulse-warning 1.5s ease-in-out infinite}@keyframes dispatch-tab-pulse-warning{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 5px #f59e0b00}}.dispatch-tab-ca-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.dispatch-tab-ca-badge.ca-sang{background:#fef9c3;color:#92400e;border:1px solid #fde68a}.dispatch-tab-ca-badge.ca-dem{background:#ede9fe;color:#5b21b6;border:1px solid #c4b5fd}.dispatch-tab-ca-badge.ca-none{color:#9ca3af}.dispatch-tab-new-superscript{display:inline-block;margin-left:5px;padding:5px 5px 1px;border-radius:5px;font-size:13px;font-weight:700;vertical-align:super;line-height:1;background:#fcf953;color:#9345fa;border:1px solid #4c46a1;white-space:nowrap;letter-spacing:.2px}.dispatch-tab-scan-input-actions{flex:1 1 0%;display:flex;flex-direction:row;gap:8px;width:100%}.dispatch-tab-scan-input-actions .dispatch-tab-scan-input{flex:1 1 0%;min-width:0;width:100%}.dispatch-tab-scan-input-actions .dispatch-tab-btn-confirm-scan{width:auto;flex-shrink:0}.dispatch-tab-scan-input{flex:1;padding:10px 14px;border:2px solid #10b981;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s}.dispatch-tab-scan-input:focus{outline:none;box-shadow:0 0 0 4px #10b98133}.dispatch-tab-scan-input:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.dispatch-tab-btn-confirm-scan{padding:10px 24px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.dispatch-tab-btn-confirm-scan:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.dispatch-tab-btn-confirm-scan:disabled{background:#d1d5db;cursor:not-allowed}.dispatch-tab-btn-scan-camera{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid #10b981;border-radius:8px;background:#fff;color:#10b981;cursor:pointer;transition:all .2s ease}.dispatch-tab-btn-scan-camera:hover:not(:disabled){background:#10b981;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.dispatch-tab-btn-scan-camera:disabled{border-color:#d1d5db;color:#d1d5db;cursor:not-allowed}.dispatch-tab-staff-table thead{position:sticky;top:0;z-index:12}.dispatch-tab-staff-table th{position:sticky;top:0;z-index:12;background:#f9fafb;padding:12px 8px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;white-space:nowrap}.dispatch-tab-staff-table td{padding:10px 8px;border-bottom:1px solid #f3f4f6;vertical-align:middle;line-height:1.2}.dispatch-tab-staff-table:not(.dispatch-tab-simple-table) td{padding:10px 8px;line-height:1.3}.dispatch-tab-staff-table:not(.dispatch-tab-simple-table) .dispatch-tab-staff-avatar{width:40px;height:40px}.dispatch-tab-staff-table:not(.dispatch-tab-simple-table) .dispatch-tab-staff-avatar-placeholder{width:40px;height:40px;font-size:18px}.dispatch-tab-staff-table tbody tr:hover{background:#f9fafb}.dispatch-tab-staff-name-cell{font-weight:600;color:#111827;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dispatch-tab-staff-code-cell{font-size:13px;color:#7f9acf;margin-top:2px}.dispatch-tab-staff-code-row{display:flex;justify-content:space-between;align-items:center;margin-top:2px;gap:4px}.dispatch-tab-staff-vendor-cell{font-size:11px;color:#9ca3af;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.dispatch-tab-col-stt{width:50px;text-align:center!important}.dispatch-tab-simple-table th,.dispatch-tab-simple-table td{padding:8px}.dispatch-tab-staff-info{display:flex;align-items:center;gap:8px}.dispatch-tab-staff-avatar{width:35px;height:35px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:1px solid #e5e7eb;flex-shrink:0}.dispatch-tab-staff-avatar-placeholder{width:35px;height:35px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:16px;color:#9ca3af;border:1px solid #e5e7eb;flex-shrink:0}.dispatch-tab-staff-avatar-rect{width:36px;height:48px;-o-object-fit:cover;object-fit:cover;margin-right:8px;border:1px solid #e0e0e0;border-radius:6px;background:#fff}.dispatch-tab-staff-avatar-placeholder-rect{width:36px;height:48px;border-radius:6px;background:#e0e0e0;display:flex;align-items:center;justify-content:center;margin-right:8px;font-size:18px}.dispatch-tab-staff-details{flex:1;min-width:0;line-height:1.3}.dispatch-tab-staff-name{font-weight:600;color:#1f2937;margin-bottom:2px;font-size:13px}.dispatch-tab-staff-code{font-size:11px;color:#6b7280}.dispatch-tab-staff-position{font-size:11px;color:#059669;margin-top:2px}.dispatch-tab-edit-select{width:100%}.dispatch-tab-edit-input{width:100%;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;transition:border-color .2s}.dispatch-tab-edit-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.dispatch-tab-edit-select .sd-trigger{width:100%;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;height:auto;min-height:28px}.dispatch-tab-edit-select .sd-trigger:focus,.dispatch-tab-edit-select .sd-trigger--open{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.dispatch-tab-btn-select{padding:6px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.dispatch-tab-btn-select:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 2px 6px #3b82f64d}.dispatch-tab-btn-history{padding:5px 10px 1px;background:#6b7280;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s}.dispatch-tab-btn-history:hover{background:#4b5563}.dispatch-tab-btn-remove{padding:5px 10px 1px;background:#ef4444;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s}.dispatch-tab-btn-remove:hover{background:#dc2626}.dispatch-tab-scanned-footer{position:sticky;bottom:0;left:0;right:0;z-index:10;background:#f9fafb;padding:16px;border-top:2px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.dispatch-tab-btn-clear-temp{padding:10px 20px;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px #ef44444d}.dispatch-tab-btn-clear-temp:hover:not(:disabled){background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.dispatch-tab-btn-clear-temp:disabled{background:#d1d5db;cursor:not-allowed;box-shadow:none;opacity:.6}.dispatch-tab-btn-confirm-receive{padding:12px 32px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #10b9814d}.dispatch-tab-btn-confirm-receive:hover:not(:disabled){background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.dispatch-tab-btn-confirm-receive:disabled{background:#d1d5db;cursor:not-allowed;box-shadow:none}@media (max-width: 1400px){.dispatch-tab-grid{grid-template-columns:400px 1fr}}@media (max-width: 1200px){.dispatch-tab-grid{grid-template-columns:350px 1fr}}.dispatch-tab-mobile-nav{display:none}@media (max-width: 1024px){.dispatch-tab-content{height:calc(100vh - 100px)!important;overflow:hidden!important}.dispatch-tab-mobile-nav{display:flex;flex-direction:row;border-bottom:2px solid #e5e7eb;background:#ffffff;width:100%;flex-shrink:0;z-index:10}.dispatch-tab-mobile-nav-btn{flex:1;padding:10px 4px;border:none;border-bottom:3px solid transparent;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s}.dispatch-tab-mobile-nav-btn:hover{background:#f9fafb;color:#374151}.dispatch-tab-mobile-nav-btn.active{color:#3b82f6;border-bottom-color:#3b82f6;background:#eff6ff}.dispatch-tab-grid{display:flex;flex-direction:column;gap:0;flex:1 1 auto;min-height:0;overflow:hidden;height:100%}.dispatch-tab-grid .dispatch-tab-left-column,.dispatch-tab-grid .dispatch-tab-scanned-box,.dispatch-tab-grid .dispatch-tab-right-column,.dispatch-tab-grid .dispatch-tab-toggle-divider,.dispatch-tab-grid .dispatch-tab-toggle-divider-right{display:none!important}.dispatch-tab-grid.dispatch-tab-grid--mobile-waiting-area .dispatch-tab-left-column{display:flex!important;flex:1 1 auto!important;min-width:0!important;width:100%!important;max-width:100%!important;min-height:0!important;height:100%!important;opacity:1!important;pointer-events:auto!important}.dispatch-tab-grid.dispatch-tab-grid--mobile-scanned .dispatch-tab-scanned-box{display:flex!important;flex:1 1 auto!important;min-width:0!important;width:100%!important;max-width:100%!important;min-height:0!important;height:100%!important}.dispatch-tab-grid.dispatch-tab-grid--mobile-vendor .dispatch-tab-right-column{display:flex!important;flex:1 1 auto!important;min-width:0!important;width:100%!important;max-width:100%!important;min-height:0!important;height:100%!important;opacity:1!important;pointer-events:auto!important}.dispatch-tab-right-stats-box,.dispatch-tab-right-stats-content{flex:1 1 auto;height:100%;min-height:0;overflow:hidden}.dispatch-tab-pending-box,.dispatch-tab-working-box{display:flex;flex-direction:column;height:100%;min-height:0;flex:1 1 auto;max-height:unset}.dispatch-tab-left-box-content,.dispatch-tab-box-content{flex:1 1 auto;min-height:0;height:100%;overflow-y:auto}}@media (max-width: 768px){.dispatch-tab-stats-box{order:2;width:100%;max-width:100%;flex:unset;height:auto;min-height:unset;max-height:none;overflow:visible}.dispatch-tab-scan-input-row{flex-direction:column;align-items:stretch;gap:8px}.dispatch-tab-select-group{flex-direction:row;align-items:center;gap:8px;width:100%}.dispatch-tab-select-group .dispatch-tab-xuong-select,.dispatch-tab-select-group .dispatch-tab-ca-lam-viec-select{flex:1;min-width:0}.dispatch-tab-scan-input-actions{display:flex;flex-direction:row;gap:8px;width:100%}.dispatch-tab-scan-input-actions .dispatch-tab-scan-input{flex:1 1 0%;min-width:0;width:100%}.dispatch-tab-scan-input-actions .dispatch-tab-btn-confirm-scan{width:auto;flex-shrink:0}.dispatch-tab-scan-input,.dispatch-tab-search-input{width:100%}.dispatch-tab-staff-table{font-size:12px;min-height:300px}.dispatch-tab-box-content{overflow-x:auto;overflow-y:auto}.dispatch-tab-box-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.dispatch-tab-box-header h3{flex:1 1 50%;margin:0;font-size:15px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dispatch-tab-search-input{flex:1 1 50%;max-width:100%;min-width:0;font-size:14px}.dispatch-tab-staff-avatar,.dispatch-tab-staff-avatar-placeholder{width:35px;height:35px}.dispatch-tab-pending-box,.dispatch-tab-working-box{min-height:unset;max-height:unset;height:100%}.dispatch-tab-scanned-box{min-height:unset;height:100%}.dispatch-tab-pending-box .dispatch-tab-box-content,.dispatch-tab-working-box .dispatch-tab-box-content,.dispatch-tab-scanned-box .dispatch-tab-box-content{min-height:unset;height:100%;overflow-x:auto;overflow-y:auto}.dispatch-tab-scanned-footer{position:sticky;bottom:0;left:0;right:0;z-index:2;background:#f9fafb}.dispatch-tab-scanned-box .dispatch-tab-box-content{padding-bottom:90px}.dispatch-tab-scanned-footer{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;padding:12px}.dispatch-tab-btn-clear-temp,.dispatch-tab-btn-confirm-receive{flex:1;min-width:0;font-size:13px;padding:10px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}body,html{height:100%}.dispatch-tab-stats-box{background:white;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;flex:0 0 460px;width:460px;align-self:stretch;min-height:0;overflow:hidden}.dispatch-tab-stats-tab-switcher{display:flex;flex-direction:row;border-bottom:2px solid #e5e7eb;background:#f9fafb;border-radius:0;overflow:hidden;flex-shrink:0}.dispatch-tab-stats-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;font-size:13px;font-weight:600;color:#6b7280;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:color .15s,border-color .15s,background .15s;white-space:nowrap}.dispatch-tab-stats-tab-btn:hover{background:#f3f4f6;color:#374151}.dispatch-tab-stats-tab-btn.active{color:#1d4ed8;border-bottom-color:#1d4ed8;background:#eff6ff}.dispatch-tab-stats-tab-btn .dispatch-tab-count-badge{font-size:11px;padding:1px 7px;margin-left:2px}@media (max-width: 1400px){.dispatch-tab-stats-box{flex:0 0 420px;width:420px}}@media (max-width: 1024px){.dispatch-tab-stats-box{order:2;flex:unset;width:100%;max-width:100%;min-width:0;min-height:unset;height:auto;max-height:none;overflow:visible}}.dispatch-tab-vendor-name-col{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:#1e293b;padding:8px;border-bottom:1px solid #f3f4f6}.dispatch-tab-vendor-count-col{color:#1d4ed8;font-size:14px}.dispatch-tab-vendor-val--blue{color:#2563eb;font-weight:700;font-size:13px}.dispatch-tab-vendor-val--green{color:#059669;font-weight:700;font-size:13px}.dispatch-tab-vendor-val--red{color:#dc2626;font-weight:700;font-size:13px}.dispatch-tab-vendor-val--gray{color:#9ca3af;font-size:13px}.dispatch-tab-vendor-stats-table tbody tr:nth-child(2n){background:#f8fafc}.dispatch-tab-vendor-stats-table tbody tr:nth-child(odd){background:#ffffff}.dispatch-tab-vendor-stats-table tbody tr:hover{background:#eff6ff}.dispatch-tab-left-switcher{display:flex;flex-direction:row;border-bottom:2px solid #e5e7eb;background:#f9fafb;border-radius:12px 12px 0 0;overflow:hidden;flex-shrink:0}.dispatch-tab-left-switcher-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 8px;font-size:13px;font-weight:600;color:#6b7280;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:color .15s,border-color .15s,background .15s;white-space:nowrap}.dispatch-tab-left-switcher-btn:hover{background:#f3f4f6;color:#374151}.dispatch-tab-left-switcher-btn.active{color:#1d4ed8;border-bottom-color:#1d4ed8;background:#eff6ff}.dispatch-tab-left-box-content{flex:1 1 auto;overflow:hidden;min-height:0;display:flex;flex-direction:column;background:white;border-radius:0 0 12px 12px;box-shadow:0 2px 8px #0000001a}.dispatch-tab-left-area-box{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;height:100%}.dispatch-tab-waiting-box{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.dispatch-tab-staff-vendor-cell-mini{font-size:10px;color:#9ca3af;margin-top:1px}.dispatch-tab-waiting-actions{display:flex;gap:4px;align-items:center}.dispatch-tab-btn-remove-waiting{padding:6px 8px;background:#f3f4f6;color:#ef4444;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;margin-left:4px}.dispatch-tab-btn-remove-waiting:hover{background:#fee2e2;border-color:#fca5a5}.dispatch-tab-right-stats-box{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.dispatch-tab-right-stats-header{padding:16px;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#f9fafb;flex-shrink:0}.dispatch-tab-right-stats-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:8px}.dispatch-tab-right-stats-content{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;overflow:hidden}.chuyen-can-low{color:#dc2626;font-weight:600}td.chuyen-can-low{color:#dc2626!important;font-weight:700;background-color:#ef44440f}[data-theme=dark] .dispatch-tab-content{background:var(--bg-surface, #0f172a)}[data-theme=dark] .dispatch-tab-pending-box,[data-theme=dark] .dispatch-tab-working-box,[data-theme=dark] .dispatch-tab-scanned-box,[data-theme=dark] .dispatch-tab-stats-box{background:var(--bg-content, #1e293b);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .dispatch-tab-box-header{background:var(--bg-input, #334155);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .dispatch-tab-box-header h3{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .dispatch-tab-staff-table th{background:var(--bg-input, #334155);color:var(--text-label, #94a3b8);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .dispatch-tab-staff-table td{border-bottom-color:var(--border-divider, #2d3f55)}[data-theme=dark] .dispatch-tab-staff-table tbody tr:hover{background:var(--bg-surface-hover, #334155)}[data-theme=dark] .dispatch-tab-staff-name-cell,[data-theme=dark] .dispatch-tab-staff-name{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .dispatch-tab-staff-code-cell,[data-theme=dark] .dispatch-tab-staff-code{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .dispatch-tab-staff-avatar-placeholder{background:var(--bg-input, #334155);border-color:var(--border-divider, #475569);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .dispatch-tab-staff-avatar{border-color:var(--border-divider, #475569)}[data-theme=dark] .dispatch-tab-staff-avatar-placeholder-rect{background:var(--bg-input, #334155)}[data-theme=dark] .dispatch-tab-empty-state{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .dispatch-tab-scan-input-area{background:var(--bg-input, #334155);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .dispatch-tab-scan-input{background:var(--bg-content, #1e293b);color:var(--text-primary, #e2e8f0);border-color:#10b981}[data-theme=dark] .dispatch-tab-scan-input:disabled{background:var(--bg-input, #334155);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .dispatch-tab-search-input{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .dispatch-tab-search-input::-moz-placeholder{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .dispatch-tab-search-input::placeholder{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .dispatch-tab-xuong-select .sd-trigger,[data-theme=dark] .dispatch-tab-ca-lam-viec-select .sd-trigger{background:var(--bg-content, #1e293b);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .dispatch-tab-scanned-footer{background:var(--bg-input, #334155);border-top-color:var(--border-divider, #475569)}[data-theme=dark] .dispatch-tab-edit-select,[data-theme=dark] .dispatch-tab-edit-input{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .dispatch-tab-btn-scan-camera{background:var(--bg-content, #1e293b);border-color:#10b981;color:#10b981}[data-theme=dark] .dispatch-tab-stats-tab-switcher{background:var(--bg-input, #334155);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .dispatch-tab-stats-tab-btn{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .dispatch-tab-stats-tab-btn:hover{background:var(--bg-surface-hover, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .dispatch-tab-stats-tab-btn.active{color:#60a5fa;border-bottom-color:#60a5fa;background:rgba(96,165,250,.1)}[data-theme=dark] .dispatch-tab-vendor-name-col{color:var(--text-primary, #e2e8f0);border-bottom-color:var(--border-divider, #2d3f55)}[data-theme=dark] .dispatch-tab-vendor-stats-table tbody tr:nth-child(2n){background:var(--bg-input, #334155)}[data-theme=dark] .dispatch-tab-vendor-stats-table tbody tr:nth-child(odd){background:var(--bg-content, #1e293b)}[data-theme=dark] .dispatch-tab-vendor-stats-table tbody tr:hover{background:var(--bg-surface-hover, #3a4e68)}.dt-col-staff{width:240px}.dt-col-ngaysinh,.dt-col-gioitinh{width:80px}.dt-col-ngayvaolam{width:100px}.dt-col-khuvuc,.dt-col-ghichu{width:150px}.dt-col-chuyencan{width:90px;text-align:center!important}.dt-col-thaotac{width:80px}.dispatch-tab-staff-cell-content{display:flex;align-items:center;gap:8px}.dispatch-tab-staff-avatar-wrapper{flex-shrink:0}.dispatch-tab-staff-avatar-wrapper .dispatch-tab-staff-avatar-rect,.dispatch-tab-staff-avatar-wrapper .dispatch-tab-staff-avatar-placeholder-rect{margin-right:0}.dispatch-tab-staff-info-wrapper{flex:1;min-width:0;display:flex;flex-direction:column}.dispatch-tab-staff-row-draggable{cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dispatch-tab-staff-row-draggable:active{cursor:grabbing}.dispatch-tab-staff-row--confirmed{background-color:#f0fdf4!important;cursor:default!important;opacity:.85}.dispatch-tab-staff-row--confirmed:hover{background-color:#dcfce7!important}.dispatch-tab-confirmed-icon{color:#10b981;vertical-align:middle;margin-left:6px;display:inline-block}[data-theme=dark] .dispatch-tab-right-column{background:var(--bg-content, #1e293b);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .dispatch-tab-left-switcher{background:var(--bg-input, #334155);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .dispatch-tab-left-switcher-btn{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .dispatch-tab-left-switcher-btn:hover{background:var(--bg-surface-hover, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .dispatch-tab-left-switcher-btn.active{color:#60a5fa;border-bottom-color:#60a5fa;background:rgba(96,165,250,.1)}[data-theme=dark] .dispatch-tab-left-box-content{background:var(--bg-content, #1e293b);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .dispatch-tab-right-stats-header{background:var(--bg-input, #334155);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .dispatch-tab-right-stats-header h3{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .dispatch-tab-toggle-button,[data-theme=dark] .dispatch-tab-toggle-button-right{background:var(--bg-content, #1e293b);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .dispatch-tab-toggle-button:hover,[data-theme=dark] .dispatch-tab-toggle-button-right:hover{background:#2563eb;color:#fff;border-color:#2563eb}[data-theme=dark] .dispatch-tab-btn-remove-waiting{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:#f87171}[data-theme=dark] .dispatch-tab-btn-remove-waiting:hover{background:rgba(239,68,68,.2);border-color:#ef4444}[data-theme=dark] td.chuyen-can-low{background-color:#ef444426;color:#f87171!important}[data-theme=dark] .dispatch-tab-mobile-nav{background:var(--bg-content, #1e293b);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .dispatch-tab-mobile-nav-btn{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .dispatch-tab-mobile-nav-btn:hover{background:var(--bg-surface-hover, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .dispatch-tab-mobile-nav-btn.active{color:#60a5fa;border-bottom-color:#60a5fa;background:rgba(96,165,250,.1)}[data-theme=dark] .dispatch-tab-staff-row--confirmed{background-color:#10b98114!important;color:var(--text-secondary, #94a3b8)}[data-theme=dark] .dispatch-tab-staff-row--confirmed:hover{background-color:#10b98126!important}[data-theme=dark] .dispatch-tab-confirmed-icon{color:#34d399}.dispatch-tab-header-spinner{width:16px;height:16px;border:2px solid #3b82f6;border-top-color:transparent;border-radius:50%;animation:dispatch-tab-spinner-spin .8s linear infinite;display:inline-block;vertical-align:middle;flex-shrink:0}@keyframes dispatch-tab-spinner-spin{to{transform:rotate(360deg)}}.dispatch-tab-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.dispatch-tab-btn-auto-refresh{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#e5e7eb;color:#4b5563;border:1px solid #d1d5db;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;height:26px;line-height:1}.dispatch-tab-btn-auto-refresh.active{background:#d1fae5;color:#065f46;border-color:#a7f3d0}.dispatch-tab-btn-auto-refresh:hover{opacity:.9}.dispatch-tab-btn-manual-refresh{display:flex;align-items:center;justify-content:center;padding:4px 8px;background:white;color:#4b5563;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;transition:all .2s;height:26px;width:32px;flex-shrink:0}.dispatch-tab-btn-manual-refresh:hover:not(:disabled){background:#f3f4f6;color:#1f2937;border-color:#9ca3af}.dispatch-tab-btn-manual-refresh:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .dispatch-tab-header-spinner{border-color:#60a5fa;border-top-color:transparent}[data-theme=dark] .dispatch-tab-btn-auto-refresh{background:var(--bg-input, #334155);color:var(--text-secondary, #94a3b8);border-color:var(--border-input, #475569)}[data-theme=dark] .dispatch-tab-btn-auto-refresh.active{background:rgba(16,185,129,.15);color:#34d399;border-color:#10b9814d}[data-theme=dark] .dispatch-tab-btn-manual-refresh{background:var(--bg-input, #334155);color:var(--text-primary, #e2e8f0);border-color:var(--border-input, #475569)}[data-theme=dark] .dispatch-tab-btn-manual-refresh:hover:not(:disabled){background:var(--bg-surface-hover, #475569);color:var(--text-primary, #e2e8f0);border-color:#94a3b8}.dt-col-workshop{width:70px}.dispatch-tab-waiting-staff-cell{display:flex;align-items:center;gap:8px;width:100%}.dispatch-tab-waiting-avatar-col{flex-shrink:0}.dispatch-tab-waiting-avatar-col .dispatch-tab-staff-avatar-rect,.dispatch-tab-waiting-avatar-col .dispatch-tab-staff-avatar-placeholder-rect{margin-right:0}.dispatch-tab-waiting-details-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dispatch-tab-waiting-name{font-weight:600;color:#1f2937;font-size:13px}.dispatch-tab-waiting-code{font-size:11px;color:#6b7280}.dispatch-tab-waiting-meta-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-top:1px;gap:8px}.dispatch-tab-waiting-vendor{color:#9ca3af;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.dispatch-tab-waiting-workshop{color:#3b82f6;font-weight:500;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dispatch-tab-waiting-stats-actions-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.dispatch-tab-waiting-chuyencan-row{font-size:13px;font-weight:600;color:#1f2937}.dispatch-tab-waiting-chuyencan-row.chuyen-can-low{color:#dc2626}.dispatch-tab-waiting-actions-row{display:flex;gap:4px;align-items:center}.dt-col-waiting-actions{text-align:center!important;width:120px}[data-theme=dark] .dispatch-tab-waiting-name{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .dispatch-tab-waiting-code,[data-theme=dark] .dispatch-tab-waiting-vendor{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .dispatch-tab-waiting-workshop{color:#60a5fa}[data-theme=dark] .dispatch-tab-waiting-chuyencan-row{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .dispatch-tab-waiting-chuyencan-row.chuyen-can-low{color:#f87171}.dispatch-tab-row--low-attendance td{background-color:#ffebeb!important}.dispatch-tab-row--low-attendance:hover td{background-color:#fecaca!important}[data-theme=dark] .dispatch-tab-row--low-attendance td{background-color:#ef444426!important}[data-theme=dark] .dispatch-tab-row--low-attendance:hover td{background-color:#ef444440!important}.dispatch-tab-actions-cell-wrapper{display:flex;align-items:center;gap:8px;justify-content:center}.dispatch-tab-action-dropdown{width:32px!important;min-width:32px!important;flex:0 0 32px!important}.dispatch-tab-action-dropdown .sd-trigger{width:32px!important;height:32px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid #d1d5db!important;border-radius:6px!important;background:white!important;box-shadow:none!important;cursor:pointer!important}.dispatch-tab-action-dropdown .sd-trigger-label,.dispatch-tab-action-dropdown .sd-trigger-chevron{display:none!important}.dispatch-tab-action-dropdown .sd-trigger:before{content:"";display:block;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234b5563' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'%3E%3C/circle%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain}.dispatch-tab-action-dropdown .sd-trigger:hover{border-color:#3b82f6!important;background-color:#eff6ff!important}[data-theme=dark] .dispatch-tab-action-dropdown .sd-trigger{border-color:var(--border-input, #475569)!important;background-color:var(--bg-input, #334155)!important}[data-theme=dark] .dispatch-tab-action-dropdown .sd-trigger:hover{border-color:#60a5fa!important;background-color:#60a5fa1a!important}[data-theme=dark] .dispatch-tab-action-dropdown .sd-trigger:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'%3E%3C/circle%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z'%3E%3C/path%3E%3C/svg%3E")}.dispatch-tab-col-checkbox{width:40px;text-align:center!important}.dispatch-tab-col-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.dispatch-tab-btn-bulk-select-waiting{padding:6px 12px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;margin-left:8px;transition:all .2s;display:flex;align-items:center;gap:4px}.dispatch-tab-btn-bulk-select-waiting:hover{background:#2563eb}.dispatch-tab-waiting-bulk-actions-bar{display:flex;justify-content:space-between;align-items:center;background:#f0f9ff;border-top:1px solid #bae6fd;border-bottom:1px solid #bae6fd;padding:8px 16px;flex-shrink:0;animation:fadeInSlide .2s ease-out}.dispatch-tab-bulk-actions-bar{display:flex;justify-content:space-between;align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:10px 16px;margin-bottom:12px;flex-shrink:0;animation:fadeInSlide .2s ease-out}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dispatch-tab-bulk-actions-count{font-size:13px;font-weight:600;color:#0369a1}.dispatch-tab-bulk-actions-buttons{display:flex;gap:8px}.dispatch-tab-btn-bulk-waiting{padding:6px 12px;background:#ffffff;color:#2563eb;border:1px solid #bfdbfe;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.dispatch-tab-btn-bulk-waiting:hover:not(:disabled){background:#eff6ff;border-color:#3b82f6}.dispatch-tab-btn-bulk-remove{padding:6px 12px;background:#ffffff;color:#dc2626;border:1px solid #fecaca;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.dispatch-tab-btn-bulk-remove:hover:not(:disabled){background:#fef2f2;border-color:#ef4444}.dispatch-tab-btn-bulk-waiting:disabled,.dispatch-tab-btn-bulk-remove:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .dispatch-tab-btn-bulk-select-waiting{background:#2563eb}[data-theme=dark] .dispatch-tab-btn-bulk-select-waiting:hover{background:#1d4ed8}[data-theme=dark] .dispatch-tab-bulk-actions-bar{background:rgba(3,105,161,.15);border-color:#0369a14d}[data-theme=dark] .dispatch-tab-bulk-actions-count{color:#38bdf8}[data-theme=dark] .dispatch-tab-btn-bulk-waiting{background:var(--bg-content, #1e293b);border-color:var(--border-input, #475569);color:#60a5fa}[data-theme=dark] .dispatch-tab-btn-bulk-waiting:hover:not(:disabled){background:var(--bg-surface-hover, #334155);border-color:#60a5fa}[data-theme=dark] .dispatch-tab-btn-bulk-remove{background:var(--bg-content, #1e293b);border-color:var(--border-input, #475569);color:#f87171}[data-theme=dark] .dispatch-tab-btn-bulk-remove:hover:not(:disabled){background:var(--bg-surface-hover, #334155);border-color:#f87171}[data-theme=dark] .dispatch-tab-waiting-bulk-actions-bar{background:rgba(3,105,161,.15);border-color:#0369a14d}.dispatch-tab-header-select-wrapper{margin-left:12px;display:inline-flex;align-items:center;vertical-align:middle}.dispatch-tab-header-select{padding:6px 32px 6px 12px;font-size:13px;font-weight:500;color:var(--text-primary, #1e293b);background-color:var(--bg-content, #ffffff);border:1px solid var(--border-input, #cbd5e1);border-radius:6px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;transition:all .2s ease}.dispatch-tab-header-select:hover{border-color:#3b82f6}.dispatch-tab-header-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}[data-theme=dark] .dispatch-tab-header-select{color:#f1f5f9;background-color:var(--bg-content, #1e293b);border-color:var(--border-input, #475569);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}[data-theme=dark] .dispatch-tab-header-select:hover{border-color:#60a5fa}.dispatch-tab-spinner-animate{animation:dispatchTabSpin 1s linear infinite}@keyframes dispatchTabSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dispatch-tab-btn-loading-content{display:flex;align-items:center;gap:6px}.dispatch-tab-attendance-config-inline{display:flex;align-items:center;gap:10px;padding:4px 8px;background-color:var(--bg-hover, #f1f5f9);border-radius:8px;border:1px solid var(--border-input, #e2e8f0)}.dispatch-tab-attendance-slider-wrapper,.dispatch-tab-attendance-dropdown-wrapper{display:flex;align-items:center;gap:6px}.dispatch-tab-config-label{font-size:13px;font-weight:500;color:var(--text-secondary, #64748b);white-space:nowrap}.dispatch-tab-config-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-input, #cbd5e1);background-color:var(--bg-content, #ffffff);color:var(--text-primary, #1e293b);border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;padding:0;transition:all .2s ease}.dispatch-tab-config-btn:hover:not(:disabled){background-color:#3b82f6;color:#fff;border-color:#3b82f6}.dispatch-tab-config-btn:disabled{opacity:.5;cursor:not-allowed}.dispatch-tab-config-slider{width:75px;height:6px;border-radius:3px;outline:none;cursor:pointer;accent-color:#3b82f6}.dispatch-tab-config-slider:disabled{cursor:not-allowed;opacity:.5}.dispatch-tab-config-value{font-size:13px;font-weight:600;color:#3b82f6;min-width:30px}.dispatch-tab-config-select{height:28px;padding:0 8px;font-size:13px;border:1px solid var(--border-input, #cbd5e1);border-radius:4px;background-color:var(--bg-content, #ffffff);color:var(--text-primary, #1e293b);outline:none;cursor:pointer}.dispatch-tab-config-select:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .dispatch-tab-attendance-config-inline{background-color:var(--bg-hover, #1e293b);border-color:var(--border-input, #334155)}[data-theme=dark] .dispatch-tab-config-btn{background-color:var(--bg-content, #0f172a);border-color:var(--border-input, #334155);color:var(--text-primary, #f1f5f9)}[data-theme=dark] .dispatch-tab-config-btn:hover:not(:disabled){background-color:#60a5fa;color:#0f172a;border-color:#60a5fa}[data-theme=dark] .dispatch-tab-config-value{color:#60a5fa}[data-theme=dark] .dispatch-tab-config-select{background-color:var(--bg-content, #0f172a);border-color:var(--border-input, #334155);color:var(--text-primary, #f1f5f9)}.vsp-panel{display:flex;flex-direction:column;height:100%;min-height:0;background:#f8fafc;border-left:2px solid #e2e8f0;overflow:hidden;transition:width .25s ease,min-width .25s ease;position:relative;flex-shrink:0}.vsp-panel--expanded{width:400px;min-width:380px;max-width:420px;border-radius:0 0 12px;box-shadow:inset 2px 0 6px #0000000a}.vsp-panel--collapsed{width:36px;min-width:36px;max-width:36px;border-radius:0 0 8px;background:#f0f9ff;border-left-color:#bae6fd}.vsp-toggle-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 0;border:none;background:transparent;cursor:pointer;color:#0369a1;font-size:12px;font-weight:600;flex-shrink:0;transition:background .15s;border-bottom:1px solid #e2e8f0}.vsp-toggle-btn:hover{background:#e0f2fe}.vsp-toggle-icon{font-size:11px;line-height:1}.vsp-toggle-label{font-size:11.5px;font-weight:600;white-space:nowrap}.vsp-toggle-label-vertical{display:block;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:11px;font-weight:600;color:#0369a1;letter-spacing:.5px;white-space:nowrap;padding:6px 0;max-height:140px;overflow:hidden;text-overflow:ellipsis}.vsp-header.dispatch-tab-box-header{flex-shrink:0;border-radius:0;display:flex;flex-direction:column;align-items:stretch;gap:8px}.vsp-header h3{margin:0}.vsp-ca-filter-select{flex-shrink:0;max-width:150px;margin-left:auto}.vsp-ca-filter-select .sd-trigger{padding:3px 8px;font-size:12px;font-weight:500;border:1.5px solid #c4b5fd;border-radius:6px;background:#f5f3ff;color:#5b21b6;height:auto;min-height:26px}.vsp-ca-filter-select .sd-trigger:hover:not(:disabled){border-color:#8b5cf6;background:#ede9fe}.vsp-ca-filter-select .sd-trigger:focus,.vsp-ca-filter-select .sd-trigger--open{border-color:#7c3aed;box-shadow:0 0 0 2px #8b5cf62e}.vsp-subheader{display:flex;align-items:center;gap:6px;padding:5px 10px;background:#f0f9ff;border-bottom:1px solid #e2e8f0;flex-shrink:0}.vsp-xuong-filter{display:flex;flex-wrap:wrap;gap:4px;padding:6px 8px;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0}.vsp-xuong-filter-btn{font-size:11px;font-weight:500;padding:3px 8px;border-radius:12px;border:1.5px solid #cbd5e1;background:white;color:#475569;cursor:pointer;transition:all .15s;white-space:nowrap}.vsp-xuong-filter-btn:hover{border-color:#0ea5e9;color:#0284c7;background:#f0f9ff}.vsp-xuong-filter-btn--active{background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#fff;border-color:transparent;font-weight:600}.vsp-badge{font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:10px}.vsp-badge--blue{background:#dbeafe;color:#1d4ed8}.vsp-badge--gray{background:#e5e7eb;color:#6b7280}.vsp-table-wrap{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;min-height:0;box-sizing:border-box}.vsp-thead-fixed{flex-shrink:0;overflow:hidden;padding-right:4px;box-sizing:border-box;border-bottom:2px solid #e5e7eb;background:#f9fafb}.vsp-table-wrap::-webkit-scrollbar{width:4px}.vsp-table-wrap::-webkit-scrollbar-track{background:transparent}.vsp-table-wrap::-webkit-scrollbar-thumb{background:#bae6fd;border-radius:4px}.vsp-footer-fixed{flex-shrink:0;border-top:2px solid #cbd5e1;box-sizing:border-box;padding-right:4px}.vsp-table--footer,.vsp-table--main{table-layout:fixed}.vsp-col--vendor{width:70px;min-width:50px;max-width:90px}.vsp-col--sl{width:44px}.vsp-col--num{width:32px}.vsp-table{width:100%;border-collapse:collapse;font-size:13px}.vsp-th{padding:6px 2px;background:#f9fafb;color:#374151;font-weight:600;font-size:13px;text-align:center;border-bottom:none;white-space:normal!important;word-break:break-word;line-height:1.3;vertical-align:middle}.vsp-table--header{margin-bottom:0}.vsp-table--body{margin-top:0}.vsp-th--vendor{text-align:center;white-space:normal!important;word-break:break-word;overflow:visible;text-overflow:clip;max-width:none}.vsp-th--num{text-align:center}.vsp-row:nth-child(2n){background:white}.vsp-row:nth-child(odd){background:white}.vsp-row:hover{background:#f9fafb}.vsp-td{padding:6px 2px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.vsp-td--vendor{padding-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:0;color:#1e293b;font-weight:500}.vsp-td--num{text-align:center;white-space:nowrap}.vsp-count-filtered{font-weight:700;color:#1d4ed8;font-size:12.5px}.vsp-count-all{font-size:10px;color:#9ca3af;font-weight:400}.vsp-has{font-size:12px;color:#9ca3af}.vsp-has--green{color:#059669;font-weight:700}.vsp-miss{font-size:12px;color:#9ca3af}.vsp-miss--red{color:#dc2626;font-weight:700}.vsp-sent{font-size:12px;color:#9ca3af}.vsp-sent--blue{color:#2563eb;font-weight:700}.vsp-count-new{font-size:12px;color:#059669;font-weight:600}.vsp-count-old{font-size:12px;color:#7c3aed;font-weight:600}.vsp-th--new{background:linear-gradient(135deg,#d1fae5,#a7f3d0)!important;color:#065f46!important}.vsp-th--old{background:linear-gradient(135deg,#ede9fe,#ddd6fe)!important;color:#4c1d95!important}.vsp-th--group{border-bottom:1px solid #e5e7eb;font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;vertical-align:middle!important}.vsp-th--group-scan{background:linear-gradient(135deg,#dbeafe,#bfdbfe)!important;color:#1e3a8a!important}.vsp-th--group-sent{background:linear-gradient(135deg,#fed7aa,#fde68a)!important;color:#92400e!important;border-right:2px solid #fbbf24}.vsp-sent-new{font-size:12px;color:#9ca3af}.vsp-sent-new--active{color:#059669;font-weight:700}.vsp-sent-old{font-size:12px;color:#9ca3af}.vsp-sent-old--active{color:#7c3aed;font-weight:700}.vsp-table tfoot tr td{position:sticky;bottom:0;z-index:1}.vsp-footer-row{background:#e2e8f0!important;height:49px}.vsp-row--new-staff{background:linear-gradient(90deg,#fef9c3 0%,#fef3c7 100%)!important;border-top:2px solid #f59e0b;border-bottom:2px solid #f59e0b}.vsp-row--new-staff .vsp-td{background:#fef3c7}.vsp-row--new-staff .vsp-td--vendor{padding-left:6px}.vsp-new-staff-label{font-size:11.5px;font-weight:700;color:#92400e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%}.vsp-td--new-staff-count{text-align:left;padding-left:10px;white-space:nowrap}.vsp-new-staff-sub{font-size:11px;color:#78716c;font-weight:400}.vsp-td--total{font-weight:700;font-size:12.5px;border-top:2px solid #cbd5e1}.vsp-th--du-kien{background:linear-gradient(135deg,#ffedd5,#fed7aa)!important;color:#9a3412!important}.vsp-th--thuc-te{background:linear-gradient(135deg,#d1fae5,#a7f3d0)!important;color:#065f46!important}.vsp-td--du-kien{padding:2px 4px!important}.vsp-du-kien-input{width:100%;min-width:0;padding:2px 0;font-size:12px;font-weight:600;text-align:center;border:1.5px solid #fed7aa;border-radius:4px;background:#fff7ed;color:#c2410c;outline:none;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.vsp-du-kien-input:focus{border-color:#f97316;background:#fff;box-shadow:0 0 0 2px #f973162e}.vsp-du-kien-input::-moz-placeholder{color:#d6d3d1}.vsp-du-kien-input::placeholder{color:#d6d3d1}.vsp-du-kien-total{font-weight:700;font-size:12.5px;color:#c2410c}.vsp-du-kien-total-all{display:inline-block;font-weight:700;font-size:12.5px;color:#6b7280;background:#f3f4f6;border:1px dashed #d1d5db;border-radius:4px;padding:1px 6px;min-width:36px;text-align:center;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vsp-header-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:100%}.vsp-save-status{font-size:11px;font-weight:600;white-space:nowrap}.vsp-save-status--saving{color:#d97706}.vsp-save-status--error{color:#dc2626}.vsp-save-status--hint{color:#6b7280;font-style:italic;font-size:11px}.vsp-save-status--next-day{color:#0369a1;font-weight:700;font-style:normal;font-size:11px;background:#e0f2fe;border:1px solid #7dd3fc;border-radius:4px;padding:1px 6px}.vsp-du-kien-input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}.vsp-save-btn{background:none;border:1px solid #d1d5db;border-radius:4px;padding:2px 6px;font-size:13px;cursor:pointer;line-height:1;transition:background .12s,border-color .12s}.vsp-save-btn:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8}.vsp-save-btn:disabled{opacity:.45;cursor:not-allowed}.vsp-panel--embedded{width:100%;min-width:0;max-width:100%;flex:1 1 0!important;flex-shrink:1!important;height:auto;min-height:0;border-left:none;border-radius:0;box-shadow:none;background:transparent;transition:none;overflow:hidden}@media (max-width: 1024px){.vsp-panel--embedded{flex:1 1 0%!important;flex-shrink:1!important;height:100%!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.vsp-panel--embedded .vsp-table-wrap{flex:1 1 auto!important;min-height:0!important;height:auto!important;overflow-y:auto!important;overflow-x:hidden!important;max-height:none!important}.vsp-panel--embedded .vsp-table{font-size:11px!important}.vsp-panel--embedded .vsp-col--vendor{width:60px!important;min-width:50px!important}.vsp-panel--embedded .vsp-col--num{width:28px!important}.vsp-panel--embedded .vsp-td--chenh-lech,.vsp-panel--embedded .vsp-th--chenh-lech{min-width:44px!important}.vsp-panel--embedded .vsp-th{font-size:11px!important;padding:4px 1px!important}.vsp-panel--embedded .vsp-td{padding:4px 1px!important}.vsp-panel--embedded .vsp-du-kien-input{font-size:11px!important;padding:1px 0!important}.vsp-panel--embedded .vsp-du-kien-total-all{font-size:11px!important;padding:1px 4px!important;min-width:28px!important}}.vsp-chenh-lech{font-weight:600;font-size:12px}.vsp-chenh-lech--positive{color:#16a34a}.vsp-chenh-lech--negative{color:#dc2626}.vsp-chenh-lech--zero{color:#6b7280}.vsp-td--chenh-lech,.vsp-th--chenh-lech{min-width:52px}[data-theme=dark] .vsp-panel{background:var(--bg-content, #1e293b);border-left-color:var(--border-divider, #475569)}[data-theme=dark] .vsp-panel--collapsed{background:rgba(14,165,233,.1);border-left-color:#bae6fd4d}[data-theme=dark] .vsp-toggle-btn{color:#38bdf8;border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .vsp-toggle-btn:hover{background:rgba(56,189,248,.1)}[data-theme=dark] .vsp-toggle-label-vertical{color:#38bdf8}[data-theme=dark] .vsp-subheader{background:rgba(14,165,233,.1);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .vsp-xuong-filter{background:var(--bg-input, #334155);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .vsp-xuong-filter-btn{background:var(--bg-content, #1e293b);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .vsp-xuong-filter-btn:hover{border-color:#38bdf8;color:#38bdf8;background:rgba(56,189,248,.1)}[data-theme=dark] .vsp-xuong-filter-btn--active{background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#fff;border-color:transparent}[data-theme=dark] .vsp-thead-fixed{background:var(--bg-input, #334155);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .vsp-th{background:var(--bg-input, #334155);color:var(--text-label, #94a3b8)}[data-theme=dark] .vsp-row:nth-child(2n),[data-theme=dark] .vsp-row:nth-child(odd){background:var(--bg-content, #1e293b)}[data-theme=dark] .vsp-row:hover{background:var(--bg-surface-hover, #334155)}[data-theme=dark] .vsp-td{border-bottom-color:var(--border-divider, #2d3f55)}[data-theme=dark] .vsp-td--vendor{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .vsp-footer-fixed{border-top-color:var(--border-divider, #475569)}[data-theme=dark] .vsp-footer-row{background:var(--bg-input, #334155)!important}[data-theme=dark] .vsp-row--new-staff{background:rgba(245,158,11,.1)!important;border-top-color:#f59e0b66;border-bottom-color:#f59e0b66}[data-theme=dark] .vsp-row--new-staff .vsp-td{background:rgba(245,158,11,.08)}[data-theme=dark] .vsp-badge--blue{background:rgba(29,78,216,.2);color:#93c5fd}[data-theme=dark] .vsp-badge--gray{background:var(--bg-input, #334155);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .vsp-ca-filter-select .sd-trigger{background:var(--bg-input, #334155);border-color:#7c3aed;color:#c4b5fd}[data-theme=dark] .vsp-du-kien-input{background:rgba(234,179,8,.1);border-color:#eab30866;color:#fbbf24}[data-theme=dark] .vsp-du-kien-input:focus{background:var(--bg-content, #1e293b);border-color:#f97316}[data-theme=dark] .vsp-du-kien-input:disabled{background:var(--bg-input, #334155);color:var(--text-secondary, #94a3b8);border-color:var(--border-input, #475569)}[data-theme=dark] .vsp-du-kien-total-all{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .vsp-save-btn{background:transparent;border-color:var(--border-input, #475569);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .vsp-save-btn:hover:not(:disabled){background:var(--bg-input, #334155);border-color:#94a3b8}[data-theme=dark] .vsp-th--du-kien{background:rgba(234,179,8,.15)!important;color:#fbbf24!important}[data-theme=dark] .vsp-th--thuc-te,[data-theme=dark] .vsp-th--new{background:rgba(5,150,105,.15)!important;color:#34d399!important}[data-theme=dark] .vsp-th--old{background:rgba(124,58,237,.15)!important;color:#c4b5fd!important}[data-theme=dark] .vsp-th--group-scan{background:rgba(37,99,235,.15)!important;color:#93c5fd!important}[data-theme=dark] .vsp-th--group-sent{background:rgba(245,158,11,.15)!important;color:#fbbf24!important;border-right-color:#f59e0b66}[data-theme=dark] .vsp-count-filtered{color:#60a5fa}[data-theme=dark] .vsp-count-all{color:var(--text-secondary, #64748b)}[data-theme=dark] .vsp-has--green{color:#4ade80}[data-theme=dark] .vsp-miss--red{color:#f87171}[data-theme=dark] .vsp-sent--blue{color:#60a5fa}[data-theme=dark] .vsp-count-new{color:#4ade80}[data-theme=dark] .vsp-count-old{color:#c4b5fd}[data-theme=dark] .vsp-sent-new--active{color:#4ade80}[data-theme=dark] .vsp-sent-old--active{color:#c4b5fd}[data-theme=dark] .vsp-chenh-lech--positive{color:#4ade80}[data-theme=dark] .vsp-chenh-lech--negative{color:#f87171}[data-theme=dark] .vsp-chenh-lech--zero{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .vsp-du-kien-total,[data-theme=dark] .vsp-new-staff-label{color:#fbbf24}[data-theme=dark] .vsp-td--total{border-top-color:var(--border-divider, #475569)}[data-theme=dark] .vsp-save-status--hint{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .vsp-save-status--saving{color:#fbbf24}[data-theme=dark] .vsp-save-status--error{color:#f87171}[data-theme=dark] .vsp-save-status--next-day{color:#38bdf8;background:rgba(56,189,248,.1);border-color:#38bdf84d}.vsp-row--over-planned{background-color:#fef2f2!important}.vsp-row--over-planned:hover{background-color:#fee2e2!important}[data-theme=dark] .vsp-row--over-planned{background-color:#ef44441f!important}[data-theme=dark] .vsp-row--over-planned:hover{background-color:#ef444438!important}.asp-content{padding:0;overflow-y:scroll}.asp-box-header{flex-wrap:wrap;gap:8px;align-items:center}.asp-header-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.asp-ca-filter{max-width:150px}.asp-ca-filter .sd-trigger{padding:3px 8px;font-size:12px;font-weight:500;border:1.5px solid #c4b5fd;border-radius:6px;background:#f5f3ff;color:#5b21b6;height:auto;min-height:26px}.asp-ca-filter .sd-trigger:hover:not(:disabled){border-color:#8b5cf6;background:#ede9fe}.asp-ca-filter .sd-trigger:focus,.asp-ca-filter .sd-trigger--open{border-color:#7c3aed;box-shadow:0 0 0 2px #8b5cf62e}.asp-table{width:100%;border-collapse:collapse;font-size:13px}.asp-table--fixed{table-layout:fixed}.asp-col-dept-xuong,.asp-col-area{width:22%}.asp-col-num{width:14%}.asp-table thead th{position:sticky;top:0;background:#f9fafb;z-index:5;padding:10px 8px;text-align:center;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;white-space:normal;word-break:break-word;vertical-align:middle}.asp-table thead th:first-child,.asp-table thead th:nth-child(2){text-align:center}.asp-table tbody tr:hover{background:#f9fafb}.asp-table tbody td{padding:8px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.asp-vitri-col{font-weight:500;color:#1f2937;min-width:90px}.asp-xuong-label{color:#6b7280;font-weight:400;font-size:12px}.asp-num-col{text-align:center!important;min-width:44px;font-variant-numeric:tabular-nums}.asp-num-col--bo-sung{color:#166534!important}.asp-planned-input{width:44px;padding:4px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;text-align:center;background:#fef9c3;color:#92400e;font-weight:600;transition:border-color .2s}.asp-planned-input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b26}.asp-bo-sung-input{background:#dcfce7;color:#166534}.asp-bo-sung-input:focus{border-color:#16a34a;box-shadow:0 0 0 2px #16a34a26}.asp-actual{color:#1d4ed8;font-weight:600}.asp-diff{font-weight:700}.asp-diff.positive,.asp-diff.negative{color:#ef4444;background:#fef2f2}.asp-diff.zero{color:#6b7280}.asp-row-unassigned .asp-vitri-col{color:#9ca3af;font-style:italic;font-size:12px}.asp-total-row{background:#fef3c7!important;border-top:2px solid #f59e0b}.asp-total-row td{padding:10px 8px;font-size:14px;border-bottom:none!important}.asp-total-row .asp-diff.negative{background:#fef2f2;color:#ef4444}.asp-total-fixed{flex-shrink:0;border-top:2px solid #f59e0b;background:#fef3c7;padding-right:17px}.asp-table--total{table-layout:fixed;width:100%}.asp-table--total td{text-align:center;padding:10px 4px;font-size:14px;border-bottom:none!important}.asp-table--total td:first-child{text-align:left;padding-left:8px}.asp-export-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:6px;border:1.5px solid #16a34a;background:#f0fdf4;color:#16a34a;font-size:13px;font-weight:500;cursor:pointer;transition:all .18s;white-space:nowrap;flex-shrink:0}.asp-export-btn:hover{background:#16a34a;color:#fff}.asp-export-btn:active{background:#15803d;border-color:#15803d;color:#fff}.asp-save-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 14px;border-radius:6px;border:1.5px solid #2563eb;background:#eff6ff;color:#2563eb;font-size:13px;font-weight:500;cursor:pointer;transition:all .18s;white-space:nowrap;flex-shrink:0}.asp-save-btn:hover{background:#2563eb;color:#fff}.asp-save-btn:active{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.asp-save-btn:disabled{background:#e5e7eb;border-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.asp-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 12px 12px;flex-shrink:0;gap:8px}.asp-footer-hint{font-size:11px;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asp-footer-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.asp-save-status{display:inline-flex;align-items:center;font-size:12px;font-weight:500;padding:3px 10px;border-radius:10px;white-space:nowrap;animation:asp-fadein .2s ease}@keyframes asp-fadein{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.asp-save-status--error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5;cursor:pointer}.asp-empty-state{text-align:center;padding:40px 20px}.asp-empty-state-icon{font-size:36px;margin-bottom:12px}.asp-empty-state-text{color:#6b7280;font-size:14px;line-height:1.6}[data-theme=dark] .asp-table thead th{background:var(--bg-input, #334155);color:var(--text-label, #94a3b8);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .asp-table tbody tr:hover{background:var(--bg-surface-hover, #334155)}[data-theme=dark] .asp-table tbody td{border-bottom-color:var(--border-divider, #2d3f55);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .asp-vitri-col{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .asp-xuong-label{color:var(--text-secondary, #64748b)}[data-theme=dark] .asp-planned-input{background:rgba(245,158,11,.12);border-color:var(--border-input, #475569);color:#fbbf24}[data-theme=dark] .asp-bo-sung-input{background:rgba(22,163,74,.12);color:#4ade80}[data-theme=dark] .asp-actual{color:#60a5fa}[data-theme=dark] .asp-diff.positive,[data-theme=dark] .asp-diff.negative{color:#f87171;background:rgba(239,68,68,.1)}[data-theme=dark] .asp-diff.zero,[data-theme=dark] .asp-row-unassigned .asp-vitri-col{color:var(--text-secondary, #64748b)}[data-theme=dark] .asp-total-row{background:rgba(245,158,11,.12)!important;border-top-color:#f59e0b}[data-theme=dark] .asp-total-fixed{background:rgba(245,158,11,.12);border-top-color:#f59e0b}[data-theme=dark] .asp-footer{background:var(--bg-input, #334155);border-top-color:var(--border-divider, #475569)}[data-theme=dark] .asp-footer-hint{color:var(--text-secondary, #64748b)}[data-theme=dark] .asp-ca-filter .sd-trigger{background:rgba(139,92,246,.12);border-color:#5b21b6;color:#c084fc}[data-theme=dark] .asp-save-status--error{background:rgba(239,68,68,.15);color:#f87171;border-color:#ef44444d}[data-theme=dark] .asp-empty-state-text{color:var(--text-secondary, #94a3b8)}.asp-row-drag-over{outline:2px dashed #3b82f6!important;background-color:#3b82f61f!important}[data-theme=dark] .asp-row-drag-over{outline:2px dashed #60a5fa!important;background-color:#60a5fa26!important}.dispatch-permanent-tab-content{height:100%;display:flex;flex-direction:column;gap:16px;overflow:hidden}.dispatch-permanent-tab-grid{display:grid;grid-template-columns:450px 1fr;gap:16px;flex:1;min-height:0;overflow:hidden}.dispatch-permanent-tab-left-column{display:flex;flex-direction:column;min-height:0;overflow:hidden}.dispatch-permanent-tab-pending-box{background:white;border-radius:12px;box-shadow:0 2px 8px #0000001a;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.dispatch-permanent-tab-scanned-box{background:white;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;min-height:700px;overflow:hidden}.dispatch-permanent-tab-box-header{padding:16px;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;background:#f9fafb}.dispatch-permanent-tab-box-header-2-lines{flex-direction:column;align-items:flex-start;gap:12px}.dispatch-permanent-tab-box-header-title{margin:0;font-size:16px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:8px;width:100%}.dispatch-permanent-tab-box-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:8px}.dispatch-permanent-tab-count-badge{background:#3b82f6;color:#fff;padding:2px 10px;border-radius:12px;font-size:13px;font-weight:600;margin-left:8px}.dispatch-permanent-tab-box-header-filter{display:flex;align-items:center;gap:12px;width:100%;justify-content:flex-end}.dispatch-permanent-tab-date-filter-label{font-size:14px;font-weight:500;color:#374151}.dispatch-permanent-tab-date-filter{padding:8px 12px;border:2px solid #3b82f6;border-radius:6px;font-size:14px;font-weight:500;color:#1f2937;background:white;cursor:pointer;transition:all .2s}.dispatch-permanent-tab-date-filter:focus{outline:none;box-shadow:0 0 0 3px #3b82f633}.dispatch-permanent-tab-btn-today,.dispatch-permanent-tab-btn-clear-filter{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.dispatch-permanent-tab-btn-today{background:#10b981;color:#fff}.dispatch-permanent-tab-btn-today:hover{background:#059669;transform:translateY(-1px);box-shadow:0 2px 6px #10b9814d}.dispatch-permanent-tab-btn-clear-filter{background:#ef4444;color:#fff}.dispatch-permanent-tab-btn-clear-filter:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 2px 6px #ef44444d}.dispatch-permanent-tab-box-content{flex:1;overflow-y:auto;min-height:0}.dispatch-permanent-tab-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.dispatch-permanent-tab-empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.dispatch-permanent-tab-empty-state-text{font-size:14px;text-align:center;line-height:1.5}.dispatch-permanent-tab-scan-input-area{padding:16px;background:#f8fafc;border-bottom:2px solid #e5e7eb;flex-shrink:0}.dispatch-permanent-tab-scan-input-row{display:flex;gap:12px;align-items:center}.dispatch-permanent-tab-xuong-select{min-width:200px}.dispatch-permanent-tab-xuong-select .sd-trigger{border:2px solid #f59e0b;border-radius:8px;font-size:14px;font-weight:500;color:#1f2937;background:white}.dispatch-permanent-tab-xuong-select .sd-trigger:focus,.dispatch-permanent-tab-xuong-select .sd-trigger--open{outline:none;border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b33}.dispatch-permanent-tab-scan-input{flex:1;padding:10px 14px;border:2px solid #f59e0b;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s}.dispatch-permanent-tab-scan-input:focus{outline:none;box-shadow:0 0 0 4px #f59e0b33}.dispatch-permanent-tab-scan-input:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.dispatch-permanent-tab-btn-confirm-scan{padding:10px 24px;background:#f59e0b;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.dispatch-permanent-tab-btn-confirm-scan:hover:not(:disabled){background:#d97706;transform:translateY(-1px);box-shadow:0 4px 8px #f59e0b4d}.dispatch-permanent-tab-btn-confirm-scan:disabled{background:#d1d5db;cursor:not-allowed}.dispatch-permanent-tab-scan-input-actions{flex:1 1 0%;display:flex;flex-direction:row;gap:8px;width:100%}.dispatch-permanent-tab-scan-input-actions .dispatch-permanent-tab-scan-input{flex:1 1 0%;min-width:0;width:100%}.dispatch-permanent-tab-scan-input-actions .dispatch-permanent-tab-btn-confirm-scan{width:auto;flex-shrink:0}.dispatch-permanent-tab-staff-table{width:100%;border-collapse:collapse;font-size:13px}.dispatch-permanent-tab-staff-table thead{position:sticky;top:0;background:#f9fafb;z-index:10}.dispatch-permanent-tab-staff-table th{padding:12px 8px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;white-space:nowrap}.dispatch-permanent-tab-staff-table td{padding:10px 8px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.dispatch-permanent-tab-staff-table tbody tr:hover{background:#f9fafb}.dispatch-permanent-tab-col-stt{width:50px;text-align:center!important}.dispatch-permanent-tab-simple-table th,.dispatch-permanent-tab-simple-table td{padding:10px}.dispatch-permanent-tab-staff-info{display:flex;align-items:center;gap:12px}.dispatch-permanent-tab-staff-avatar{width:45px;height:45px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e5e7eb}.dispatch-permanent-tab-staff-avatar-placeholder{width:45px;height:45px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:20px;color:#9ca3af;border:2px solid #e5e7eb}.dispatch-permanent-tab-staff-avatar-rect{width:36px;height:48px;-o-object-fit:cover;object-fit:cover;margin-right:8px;border:1px solid #e0e0e0;border-radius:6px;background:#fff}.dispatch-permanent-tab-staff-avatar-placeholder-rect{width:36px;height:48px;border-radius:6px;background:#e0e0e0;display:flex;align-items:center;justify-content:center;margin-right:8px;font-size:18px}.dispatch-permanent-tab-staff-details{flex:1;min-width:0}.dispatch-permanent-tab-staff-name{font-weight:600;color:#1f2937;margin-bottom:4px}.dispatch-permanent-tab-staff-code{font-size:12px;color:#6b7280}.dispatch-permanent-tab-edit-select{width:100%}.dispatch-permanent-tab-edit-input{width:100%;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;transition:border-color .2s}.dispatch-permanent-tab-edit-input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b1a}.dispatch-permanent-tab-edit-select .sd-trigger{width:100%;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;height:auto;min-height:28px}.dispatch-permanent-tab-edit-select .sd-trigger:focus,.dispatch-permanent-tab-edit-select .sd-trigger--open{outline:none;border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b1a}.dispatch-permanent-tab-btn-select{padding:6px 16px;background:#f59e0b;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.dispatch-permanent-tab-btn-select:hover{background:#d97706;transform:translateY(-1px);box-shadow:0 2px 6px #f59e0b4d}.dispatch-permanent-tab-btn-history{padding:6px 8px;background:#6b7280;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s;margin-left:4px}.dispatch-permanent-tab-btn-history:hover{background:#4b5563}.dispatch-permanent-tab-btn-remove{padding:6px 8px;background:#ef4444;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s;margin-left:4px}.dispatch-permanent-tab-btn-remove:hover{background:#dc2626}.dispatch-permanent-tab-scanned-footer{padding:16px;border-top:2px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#f9fafb;flex-shrink:0}.dispatch-permanent-tab-btn-confirm-receive{padding:12px 32px;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #f59e0b4d}.dispatch-permanent-tab-btn-confirm-receive:hover:not(:disabled){background:linear-gradient(135deg,#d97706 0%,#b45309 100%);transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b66}.dispatch-permanent-tab-btn-confirm-receive:disabled{background:#d1d5db;cursor:not-allowed;box-shadow:none}@media (max-width: 1400px){.dispatch-permanent-tab-grid{grid-template-columns:400px 1fr}}@media (max-width: 1200px){.dispatch-permanent-tab-grid{grid-template-columns:350px 1fr}}@media (max-width: 1024px){body,html{height:100%}.dispatch-permanent-tab-content{height:100vh!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;gap:16px}.dispatch-permanent-tab-grid{display:flex!important;flex-direction:column!important;gap:16px!important;min-height:0!important;height:auto!important;overflow:visible!important}.dispatch-permanent-tab-scanned-box{order:1;max-height:60vh;min-height:unset!important;height:auto!important;flex:unset!important;overflow-y:auto!important;overflow-x:visible!important}.dispatch-permanent-tab-left-column{order:2;display:flex!important;flex-direction:column!important;min-width:0!important;width:100%!important;min-height:unset!important;height:auto!important;flex:unset!important;overflow:visible!important}.dispatch-permanent-tab-pending-box{min-height:unset!important;height:auto!important;flex:unset!important;max-height:none!important;overflow:visible!important}.dispatch-permanent-tab-box-content{flex:1 1 auto!important;min-height:0!important;height:auto!important;overflow-y:auto!important}}@media (max-width: 768px){.dispatch-permanent-tab-box-header-filter{flex-direction:column;gap:8px;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;width:100%}.dispatch-permanent-tab-scan-input-row{flex-direction:column;align-items:stretch;gap:8px}.dispatch-permanent-tab-xuong-select,.dispatch-permanent-tab-scan-input{width:100%}.dispatch-permanent-tab-scan-input-actions{display:flex;flex-direction:row;gap:8px;width:100%}.dispatch-permanent-tab-scan-input-actions .dispatch-permanent-tab-scan-input,.dispatch-permanent-tab-scan-input-actions .dispatch-permanent-tab-btn-confirm-scan{width:50%;min-width:0;flex:unset}.dispatch-permanent-tab-staff-table{font-size:12px}.dispatch-permanent-tab-staff-avatar,.dispatch-permanent-tab-staff-avatar-placeholder{width:35px;height:35px}.dispatch-permanent-tab-pending-box{min-height:700px}}[data-theme=dark] .dispatch-permanent-tab-content{background:var(--bg-surface, #0f172a)}[data-theme=dark] .dispatch-permanent-tab-pending-box,[data-theme=dark] .dispatch-permanent-tab-scanned-box{background:var(--bg-content, #1e293b);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .dispatch-permanent-tab-box-header{background:var(--bg-input, #334155);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .dispatch-permanent-tab-box-header h3,[data-theme=dark] .dispatch-permanent-tab-box-header-title{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .dispatch-permanent-tab-date-filter-label{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .dispatch-permanent-tab-date-filter{background:var(--bg-content, #1e293b);color:var(--text-primary, #e2e8f0);border-color:#3b82f6}[data-theme=dark] .dispatch-permanent-tab-staff-table thead{background:var(--bg-input, #334155)}[data-theme=dark] .dispatch-permanent-tab-staff-table th{color:var(--text-label, #94a3b8);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .dispatch-permanent-tab-staff-table td{border-bottom-color:var(--border-divider, #2d3f55)}[data-theme=dark] .dispatch-permanent-tab-staff-table tbody tr:hover{background:var(--bg-surface-hover, #334155)}[data-theme=dark] .dispatch-permanent-tab-staff-name{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .dispatch-permanent-tab-staff-code{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .dispatch-permanent-tab-staff-avatar-placeholder{background:var(--bg-input, #334155);border-color:var(--border-divider, #475569)}[data-theme=dark] .dispatch-permanent-tab-staff-avatar{border-color:var(--border-divider, #475569)}[data-theme=dark] .dispatch-permanent-tab-staff-avatar-placeholder-rect{background:var(--bg-input, #334155)}[data-theme=dark] .dispatch-permanent-tab-empty-state{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .dispatch-permanent-tab-scan-input-area{background:var(--bg-input, #334155);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .dispatch-permanent-tab-scan-input{background:var(--bg-content, #1e293b);color:var(--text-primary, #e2e8f0);border-color:#f59e0b}[data-theme=dark] .dispatch-permanent-tab-scan-input:disabled{background:var(--bg-input, #334155);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .dispatch-permanent-tab-xuong-select .sd-trigger{background:var(--bg-content, #1e293b);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .dispatch-permanent-tab-edit-select .sd-trigger,[data-theme=dark] .dispatch-permanent-tab-edit-input{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .dispatch-permanent-tab-scanned-footer{background:var(--bg-input, #334155);border-top-color:var(--border-divider, #475569)}.update-position-row-clickable{cursor:pointer;transition:background .2s}.update-position-row-clickable:hover{background:#f5f7fa}.update-position-row-btn-action-menu{background:none;border:none;cursor:pointer;color:#2d7ff9}.upr-btn-gear{background:#f3f4f6;border:none;border-radius:6px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s;flex-shrink:0}.upr-btn-gear:hover{background:#e5e7eb;color:#374151;transform:scale(1.05)}.upr-action-dropdown{position:fixed;background:white;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:9999;min-width:180px;overflow:hidden;animation:upr-dropdown-fade-in .15s ease-out}@keyframes upr-dropdown-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.upr-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 16px;border:none;background:white;color:#374151;font-size:14px;cursor:pointer;width:100%;text-align:left;transition:background .15s}.upr-dropdown-item:hover{background:#f3f4f6}.upr-dropdown-item-danger{color:#dc2626}.upr-dropdown-item-danger:hover{background:#fee2e2}.upr-dropdown-item-warning{color:#d97706}.upr-dropdown-item-warning:hover{background:#fef3c7}.update-position-row-col-stt{text-align:center;font-weight:700}.update-position-row-staff-info{display:flex;align-items:center}.update-position-row-staff-avatar{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-right:8px;border:1px solid #e0e0e0}.update-position-row-staff-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:#e0e0e0;display:flex;align-items:center;justify-content:center;margin-right:8px;font-size:18px}.update-position-row-staff-avatar-rect{width:36px;height:48px;-o-object-fit:cover;object-fit:cover;margin-right:8px;border:1px solid #e0e0e0;border-radius:6px;background:#fff}.update-position-row-staff-avatar-placeholder-rect{width:36px;height:48px;border-radius:6px;background:#e0e0e0;display:flex;align-items:center;justify-content:center;margin-right:8px;font-size:18px}.update-position-row-staff-details{display:flex;flex-direction:column}.update-position-row-staff-name{font-weight:500}.update-position-row-edit-select{width:100%}.update-position-row-edit-select .sd-trigger{width:100%;padding:4px 8px;border-radius:4px;border:1px solid #d0d0d0;background:#fff;height:auto;min-height:28px;font-size:13px}.update-position-row-edit-input{width:100%;padding:4px 8px;border-radius:4px;border:1px solid #d0d0d0;background:#fff}.update-position-row-action-cell{display:flex;align-items:center;justify-content:center;gap:4px}.update-position-row-checkbox{width:15px;height:15px;cursor:pointer;accent-color:#4f46e5;flex-shrink:0}.update-position-row-selected td{background:#dbeafe!important}.update-position-row-selected:is([draggable=true]):active td{opacity:.7;cursor:grabbing}.update-position-row-selected:hover td{background:#bfdbfe!important}[data-theme=dark] .update-position-row-clickable:hover{background:var(--bg-surface-hover, #334155)}[data-theme=dark] .upr-btn-gear{background:var(--bg-input, #334155);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .upr-btn-gear:hover{background:var(--bg-surface-hover, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .upr-action-dropdown{background:var(--bg-content, #1e293b);border-color:var(--border-divider, #475569);box-shadow:0 4px 12px #0006}[data-theme=dark] .upr-dropdown-item{background:var(--bg-content, #1e293b);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .upr-dropdown-item:hover{background:var(--bg-surface-hover, #334155)}[data-theme=dark] .upr-dropdown-item-danger{color:#f87171}[data-theme=dark] .upr-dropdown-item-danger:hover{background:rgba(239,68,68,.12)}[data-theme=dark] .upr-dropdown-item-warning{color:#fbbf24}[data-theme=dark] .upr-dropdown-item-warning:hover{background:rgba(245,158,11,.12)}[data-theme=dark] .update-position-row-edit-select .sd-trigger,[data-theme=dark] .update-position-row-edit-input{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .update-position-row-selected td{background:rgba(59,130,246,.15)!important}[data-theme=dark] .update-position-row-selected:hover td{background:rgba(59,130,246,.25)!important}.dds-sidebar{flex-shrink:0;display:flex;flex-direction:column;background:#f8fafc;border-right:2px solid #e2e8f0;overflow:hidden;height:100%;transition:width .25s ease,min-width .25s ease;position:relative}.dds-sidebar--expanded{width:340px;min-width:320px;max-width:360px;border-radius:12px 0 0 12px;box-shadow:inset -2px 0 6px #0000000a}.dds-sidebar--collapsed{width:36px;min-width:36px;max-width:36px;border-radius:8px 0 0 8px;background:#eef2ff;border-right-color:#c7d2fe}.dds-toggle-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 0;border:none;background:transparent;cursor:pointer;color:var(--color-primary, #667eea);font-size:12px;font-weight:600;flex-shrink:0;transition:background .15s;border-bottom:1px solid #e2e8f0}.dds-toggle-btn:hover{background:#e0e7ff}.dds-toggle-icon{font-size:11px;line-height:1}.dds-toggle-label{font-size:11.5px;font-weight:600;white-space:nowrap}.dds-toggle-label-vertical{display:block;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:11px;font-weight:600;color:var(--color-primary, #667eea);letter-spacing:.5px;white-space:nowrap;padding:6px 0;max-height:120px;overflow:hidden;text-overflow:ellipsis}.dds-sidebar-header{padding:14px;background:linear-gradient(135deg,var(--color-primary, #667eea) 0%,#7c3aed 100%);color:#fff;flex-shrink:0}.dds-sidebar-title{font-size:14px;font-weight:700;letter-spacing:.3px;margin-bottom:6px}.dds-selected-hint{font-size:11.5px;line-height:1.45;color:#ffffffeb;background:rgba(255,255,255,.15);border-radius:6px;padding:5px 8px}.dds-selected-hint--idle{color:#ffffffbf;background:rgba(255,255,255,.1)}.dds-selected-hint kbd{display:inline-block;background:rgba(255,255,255,.25);border-radius:3px;padding:1px 5px;font-size:10px;font-family:monospace;border:1px solid rgba(255,255,255,.4);vertical-align:baseline}.dds-mode-switch{display:flex;flex-direction:row;padding:8px 10px;gap:6px;background:rgba(var(--color-primary-rgb, 102, 126, 234),.07);border-bottom:1px solid #e2e8f0;flex-shrink:0}.dds-mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 0;border:1.5px solid #c7d2fe;border-radius:6px;background:white;color:var(--color-primary, #667eea);font-size:12px;font-weight:500;cursor:pointer;transition:all .18s}.dds-mode-btn:hover{background:#eef2ff;border-color:var(--color-primary, #667eea)}.dds-mode-btn--active{background:var(--color-primary, #667eea);border-color:var(--color-primary, #667eea);color:#fff;font-weight:700;box-shadow:0 2px 6px #4f46e54d}.dds-drop-list{flex:1 1 auto;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px}.dds-drop-list::-webkit-scrollbar{width:4px}.dds-drop-list::-webkit-scrollbar-track{background:transparent}.dds-drop-list::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:4px}.dds-drop-item{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:8px;border:1.5px dashed #c7d2fe;background:white;cursor:default;transition:all .18s;min-height:36px;font-size:12.5px;color:#374151;position:relative;word-break:break-word;white-space:normal}.dds-drop-item:hover{border-color:#6366f1;background:#eef2ff}.dds-drop-item--over{border-style:solid;border-color:var(--color-primary, #667eea);background:#e0e7ff;box-shadow:0 0 0 2px #4f46e540;transform:scale(1.01)}.dds-drop-item-icon{font-size:14px;flex-shrink:0}.dds-drop-item-label{flex:1;line-height:1.35;font-size:12px}.dds-drop-item-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:20px;flex-shrink:0;white-space:nowrap;animation:dds-badge-pop .2s ease}.dds-drop-item-badge--drag{background:var(--color-primary, #667eea);color:#fff}.dds-drop-item-badge--count{background:#e0e7ff;color:#4338ca}@keyframes dds-badge-pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.dds-assign-btn{flex-shrink:0;padding:3px 9px;border:none;border-radius:20px;background:var(--color-primary, #667eea);color:#fff;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s,transform .1s,box-shadow .15s;box-shadow:0 1px 4px #4f46e559;animation:dds-badge-pop .18s ease}.dds-assign-btn:hover{background:#4338ca;box-shadow:0 2px 8px #4f46e573;transform:scale(1.05)}.dds-assign-btn:active{transform:scale(.97);box-shadow:none}.dds-empty-hint{padding:16px 8px;text-align:center;color:#9ca3af;font-size:12px;font-style:italic}.dds-add-vitri-area{margin-top:4px;flex-shrink:0}.dds-add-vitri-btn{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;padding:7px 10px;border:1.5px dashed #a5b4fc;border-radius:8px;background:transparent;color:#6366f1;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.dds-add-vitri-btn:hover{background:#eef2ff;border-color:var(--color-primary, #667eea);color:var(--color-primary, #667eea)}.dds-add-vitri-form{display:flex;flex-direction:column;gap:6px;padding:8px;background:#eef2ff;border:1.5px solid #a5b4fc;border-radius:8px}.dds-add-vitri-input{width:100%;padding:6px 8px;border:1.5px solid #c7d2fe;border-radius:6px;font-size:12.5px;color:#1e1b4b;background:white;outline:none;box-sizing:border-box;transition:border-color .15s}.dds-add-vitri-input:focus{border-color:var(--color-primary, #667eea);box-shadow:0 0 0 2px #4f46e526}.dds-add-vitri-input::-moz-placeholder{color:#a5b4fc;font-style:italic}.dds-add-vitri-input::placeholder{color:#a5b4fc;font-style:italic}.dds-add-vitri-form-actions{display:flex;gap:6px}.dds-add-vitri-confirm-btn,.dds-add-vitri-cancel-btn{flex:1;padding:5px 0;border:none;border-radius:6px;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,opacity .15s}.dds-add-vitri-confirm-btn{background:var(--color-primary, #667eea);color:#fff}.dds-add-vitri-confirm-btn:hover:not(:disabled){background:#4338ca}.dds-add-vitri-confirm-btn:disabled{opacity:.4;cursor:not-allowed}.dds-add-vitri-cancel-btn{background:#e5e7eb;color:#374151}.dds-add-vitri-cancel-btn:hover{background:#d1d5db}.dds-drop-item--editing{border-style:solid;border-color:var(--color-primary, #667eea);background:#eef2ff;gap:4px;padding:6px 8px}.dds-preset-edit-input{flex:1;min-width:0;padding:4px 7px;font-size:12px}.dds-preset-action-btn{flex-shrink:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:6px;font-size:13px}.dds-preset-actions{display:flex;gap:3px;flex-shrink:0;opacity:0;transition:opacity .15s}.dds-drop-item--preset:hover .dds-preset-actions{opacity:1}.dds-preset-edit-btn,.dds-preset-delete-btn{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:5px;cursor:pointer;transition:background .15s,border-color .15s;padding:0}.dds-preset-edit-btn{background:#e0e7ff;color:#4338ca}.dds-preset-edit-btn:hover{background:#c7d2fe;border-color:var(--color-primary, #667eea)}.dds-preset-delete-btn{background:#fee2e2;color:#dc2626}.dds-preset-delete-btn:hover{background:#fecaca;border-color:#dc2626}.dds-preset-edit-btn:disabled,.dds-preset-delete-btn:disabled{opacity:.4;cursor:not-allowed}.dds-sort-handle{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;color:#a5b4fc;cursor:grab;opacity:0;transition:opacity .15s,color .15s;margin-right:2px}.dds-drop-item--preset:hover .dds-sort-handle{opacity:1}.dds-sort-handle:hover{color:#6366f1}.dds-sort-handle:active{cursor:grabbing}.dds-drop-item--sort-over{border-top:2px solid #6366f1!important;margin-top:-2px;background-color:#eef2ff}[data-theme=dark] .dds-sidebar{background:var(--bg-input, #334155);border-right-color:var(--border-divider, #475569)}[data-theme=dark] .dds-sidebar--collapsed{background:#1e293b;border-right-color:#334155}[data-theme=dark] .dds-toggle-btn{border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .dds-toggle-btn:hover{background:rgba(102,126,234,.15)}[data-theme=dark] .dds-sidebar-header{background:linear-gradient(135deg,#312e81 0%,#4c1d95 100%)}[data-theme=dark] .dds-mode-switch{background:rgba(102,126,234,.1);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .dds-mode-btn{background:var(--bg-content, #1e293b);border-color:#475569}[data-theme=dark] .dds-mode-btn:hover{background:rgba(102,126,234,.15)}[data-theme=dark] .dds-drop-list::-webkit-scrollbar-thumb{background:#475569}[data-theme=dark] .dds-drop-item{background:var(--bg-content, #1e293b);border-color:#475569;color:var(--text-primary, #e2e8f0)}[data-theme=dark] .dds-drop-item:hover{background:var(--bg-surface-hover, #334155);border-color:#6366f1}[data-theme=dark] .dds-drop-item--over{background:rgba(79,70,229,.2);border-color:var(--color-primary, #667eea)}[data-theme=dark] .dds-drop-item-badge--count{background:rgba(67,56,202,.3);color:#a5b4fc}[data-theme=dark] .dds-empty-hint{color:var(--text-secondary, #64748b)}[data-theme=dark] .dds-add-vitri-btn{border-color:#475569;color:#a5b4fc}[data-theme=dark] .dds-add-vitri-btn:hover{background:rgba(99,102,241,.12);border-color:var(--color-primary, #667eea)}[data-theme=dark] .dds-add-vitri-form{background:rgba(79,70,229,.12);border-color:#475569}[data-theme=dark] .dds-add-vitri-input{background:var(--bg-content, #1e293b);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .dds-add-vitri-cancel-btn{background:var(--bg-surface-hover, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .dds-drop-item--editing{background:rgba(79,70,229,.1);border-color:var(--color-primary, #667eea)}[data-theme=dark] .dds-preset-edit-btn{background:rgba(67,56,202,.2);color:#a5b4fc}[data-theme=dark] .dds-preset-delete-btn{background:rgba(239,68,68,.15);color:#f87171}[data-theme=dark] .dds-sort-handle{color:#475569}[data-theme=dark] .dds-drop-item--sort-over{border-top-color:#6366f1!important;background:rgba(79,70,229,.1)}.update-position-tab-content{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.update-position-tab-wrapper{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;overflow:hidden}.update-position-tab-container{flex:1 1 auto;display:flex;flex-direction:column;background:white;border-radius:12px;box-shadow:0 2px 8px #0000001a;min-height:0;overflow:hidden}.update-position-tab-body-row{flex:1 1 auto;display:flex;flex-direction:row;min-height:0;overflow:hidden}.update-position-tab-table-area{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.update-position-tab-content-area{flex:1 1 auto;overflow:auto;min-height:0}.update-position-tab-container.modal-open .update-position-tab-header,.update-position-tab-container.modal-open .update-position-tab-footer{margin-right:700px}.update-position-tab-header{display:flex;flex-direction:row;align-items:center;gap:10px;padding:8px 16px;background:#f1f5f9;border-bottom:2px solid #e5e7eb;color:#000;flex-shrink:0;transition:margin-right .3s ease;flex-wrap:nowrap;min-width:0;overflow:hidden}.update-position-tab-title-wrapper{flex:0 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px;overflow:hidden;white-space:nowrap}.update-position-tab-header-col1,.update-position-tab-header-col2{display:none}.update-position-tab-header-filters{flex-shrink:0}.update-position-tab-title-wrapper h2{margin:0;font-size:18px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.update-position-tab-subtitle{margin:0;font-size:13px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.update-position-tab-header-filters{flex:1 1 0;min-width:0;overflow:visible}.work-history-filters .filter-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.work-history-filters .filter-item{display:flex;gap:8px;align-items:center}.work-history-filters .filter-search{flex:1;min-width:300px}.update-position-tab-btn-filter{padding:8px 16px;border:2px solid #d1d5db;border-radius:6px;background:white;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.update-position-tab-btn-filter:hover{border-color:#3b82f6;color:#3b82f6}.update-position-tab-btn-filter.update-position-tab-active{background:#4680dd;border-color:#0c8a0c;color:#fff}.update-position-tab-btn-clear-filters{display:flex;align-items:center;gap:5px;padding:8px 14px;border:2px solid #fca5a5;border-radius:6px;background:#fff1f2;color:#dc2626;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s;flex-shrink:0}.update-position-tab-btn-clear-filters:hover{background:#dc2626;border-color:#dc2626;color:#fff}.update-position-tab-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#6b7280}.update-position-tab-empty-state-icon{font-size:64px;margin-bottom:20px;opacity:.5}.update-position-tab-empty-state-text{font-size:16px;text-align:center;line-height:1.5;max-width:400px}.update-position-tab-staff-table{width:100%;min-width:-moz-max-content;min-width:max-content;border-collapse:collapse;font-size:13px}.update-position-tab-staff-table thead{position:sticky;top:0;background:#b5c3e2;z-index:100}.update-position-tab-staff-table th{padding:12px 8px;text-align:center;font-weight:600;color:#070c18;border-bottom:2px solid #e5e7eb;border-right:1px solid #e5e7eb;border-left:1px solid #e5e7eb;white-space:nowrap;vertical-align:middle;background:#b5c3e2}.update-position-tab-staff-table td{padding:2px 8px;border-bottom:1px solid #e5e7eb;border-right:1px solid #f3f4f6;border-left:1px solid #f3f4f6;font-size:14px;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.update-position-tab-staff-table tbody td:nth-child(4),.update-position-tab-staff-table tbody td:nth-child(11),.update-position-tab-staff-table tbody td:nth-child(17){text-align:left}.update-position-tab-staff-table tbody td:nth-child(4){text-align:left;padding-left:12px}.update-position-tab-col-stt{width:50px;text-align:center!important}.update-position-tab-th-content{display:flex;align-items:center;justify-content:center;gap:6px;width:100%}.update-position-tab-th-content>span{flex:0 1 auto;text-align:center;font-weight:600;color:#070c18}.update-position-tab-th-sortable{cursor:pointer;display:inline-flex;align-items:center;gap:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .15s;color:#070c18}.update-position-tab-th-sortable:hover{color:#3b82f6}.update-position-tab-sort-icon{font-size:10px;opacity:.5;display:inline-block}.update-position-tab-th-sortable:hover .update-position-tab-sort-icon,.update-position-tab-sort-icon--active{opacity:1;color:#3b82f6}.update-position-tab-th-eye-icon{color:#9ca3af;font-size:12px}.update-position-tab-th-content .cpn-columnfilter-container{margin-left:auto;flex-shrink:0}.update-position-tab-th-select-all{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px}.update-position-tab-checkbox-all{width:15px;height:15px;cursor:pointer;accent-color:#4f46e5}.update-position-tab-selected-badge{display:inline-flex;align-items:center;justify-content:center;background:#4f46e5;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:10px;padding:0 4px}@media (min-width: 1024px){.update-position-tab-staff-table th:nth-child(1),.update-position-tab-staff-table td:nth-child(1){position:sticky;left:0;background:#b5c3e2;z-index:20;box-shadow:2px 0 4px #0000001a;min-width:80px}.update-position-tab-staff-table th:nth-child(2),.update-position-tab-staff-table td:nth-child(2){position:sticky;left:80px;background:#b5c3e2;z-index:20;box-shadow:2px 0 4px #0000001a;min-width:60px}.update-position-tab-staff-table th:nth-child(3),.update-position-tab-staff-table td:nth-child(3){position:sticky;left:140px;background:#b5c3e2;z-index:20;box-shadow:2px 0 4px #0000001a;min-width:100px}.update-position-tab-staff-table th:nth-child(4),.update-position-tab-staff-table td:nth-child(4){position:sticky;left:240px;background:#b5c3e2;z-index:20;box-shadow:2px 0 4px #0000001a;min-width:150px}.update-position-tab-staff-table tbody td:nth-child(1),.update-position-tab-staff-table tbody td:nth-child(2),.update-position-tab-staff-table tbody td:nth-child(3),.update-position-tab-staff-table tbody td:nth-child(4){background:#ffffff}.update-position-tab-staff-table tbody tr:hover td:nth-child(1),.update-position-tab-staff-table tbody tr:hover td:nth-child(2),.update-position-tab-staff-table tbody tr:hover td:nth-child(3),.update-position-tab-staff-table tbody tr:hover td:nth-child(4){background-color:#f9fafb}.update-position-tab-staff-table tbody tr.update-position-row-selected td:nth-child(1),.update-position-tab-staff-table tbody tr.update-position-row-selected td:nth-child(2),.update-position-tab-staff-table tbody tr.update-position-row-selected td:nth-child(3),.update-position-tab-staff-table tbody tr.update-position-row-selected td:nth-child(4){background:#eef2ff}}.update-position-tab-footer{background:#f9fafb;z-index:20;border-top:2px solid #e5e7eb;padding:0 24px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-shrink:0;transition:margin-right .3s ease}.update-position-tab-footer-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}.update-position-tab-footer .cpn-pagination-container{flex:1;min-width:0}.update-position-tab-container.modal-open .update-position-tab-footer{flex-wrap:nowrap;padding:6px 12px;gap:6px;max-width:630px}.update-position-tab-container.modal-open .update-position-tab-footer .cpn-pagination-container{flex:1 0 100%;order:1;padding:4px 0;flex-wrap:nowrap;gap:4px}.update-position-tab-container.modal-open .update-position-tab-footer .cpn-pagination-info{font-size:12px;flex:1 1 auto}.update-position-tab-container.modal-open .update-position-tab-footer .cpn-pagination-btn{width:28px;height:28px;border-width:1px}.update-position-tab-container.modal-open .update-position-tab-footer .cpn-pagination-current{font-size:12px;padding:0 6px}.update-position-tab-container.modal-open .update-position-tab-footer .cpn-pagination-per-page label{font-size:12px}.update-position-tab-container.modal-open .update-position-tab-footer .cpn-pagination-select{font-size:12px;padding:3px 6px}.update-position-tab-container.modal-open .update-position-tab-footer-actions{flex:1 0 100%;order:2;gap:6px}.update-position-tab-container.modal-open .update-position-tab-btn-export-excel,.update-position-tab-container.modal-open .update-position-tab-btn-save-all{flex:1;justify-content:center;padding:7px 10px;font-size:13px}.update-position-tab-col-sel-wrapper{flex-shrink:0}.update-position-tab-btn-col-sel{display:flex;align-items:center;gap:6px;padding:8px 16px;background:white;border:2px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;white-space:nowrap;transition:all .2s}.update-position-tab-btn-col-sel:hover{border-color:#3b82f6;color:#3b82f6}.update-position-tab-btn-export-excel,.update-position-tab-btn-save-all{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;white-space:nowrap}.update-position-tab-btn-export-excel{background:#3b82f6;color:#fff}.update-position-tab-btn-export-excel:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.update-position-tab-btn-save-all{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;box-shadow:0 4px 12px #10b9814d}.update-position-tab-btn-save-all:hover:not(:disabled){background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.update-position-tab-btn-save-all:disabled{background:#d1d5db;cursor:not-allowed;box-shadow:none;opacity:.6}.update-position-tab-xuong-filter-group{display:flex;flex-wrap:wrap;gap:6px;align-items:center;align-self:center;justify-content:flex-start;flex-shrink:0}.update-position-tab-xuong-filter-btn{padding:4px 12px;border-radius:20px;border:1.5px solid #d0d7de;background:#f6f8fa;color:#444;font-size:13px;cursor:pointer;transition:all .18s;white-space:nowrap}.update-position-tab-xuong-filter-btn:hover{border-color:#2563eb;background:#eff6ff;color:#2563eb}.update-position-tab-xuong-filter-btn.active{background:#2563eb;border-color:#2563eb;color:#fff;font-weight:600}.update-position-tab-xuong-filter-mobile{display:none;align-items:center;flex-shrink:0}.update-position-tab-xuong-filter-select{min-width:120px}.update-position-tab-xuong-filter-select .sd-trigger{padding:5px 8px;border:1.5px solid #d0d7de;border-radius:8px;background:#f6f8fa;color:#374151;font-size:13px;height:auto;min-height:30px}.update-position-tab-xuong-filter-select .sd-trigger:focus,.update-position-tab-xuong-filter-select .sd-trigger--open{border-color:#2563eb;background:#eff6ff}.update-position-tab-xuong-filter-inline-mobile{display:none}.update-position-tab-search-row{display:flex;flex-direction:row;align-items:center;gap:8px;width:100%;flex-wrap:nowrap;min-width:0;overflow:hidden;justify-content:flex-end}.update-position-tab-search-row .filter-search,.update-position-tab-search-row input[type=text]{flex:1 1 0;min-width:80px}.update-position-tab-filter-btn-row{display:flex;flex-direction:row;gap:6px;flex-wrap:nowrap;align-items:center;flex-shrink:0}@media (max-width: 1050px){.update-position-tab-xuong-filter-group{display:none}.update-position-tab-xuong-filter-mobile{display:flex}}.update-position-tab-container.modal-open .update-position-tab-xuong-filter-group{display:none}.update-position-tab-container.modal-open .update-position-tab-xuong-filter-mobile{display:flex}@media (max-width: 900px){.update-position-tab-btn-filter .upt-btn-text{display:none}.update-position-tab-btn-filter{padding:6px 8px;min-width:36px}.update-position-tab-btn-clear-filters .upt-btn-text{display:none}.update-position-tab-btn-clear-filters{padding:6px 8px;min-width:36px}.update-position-tab-btn-col-sel .upt-btn-text{display:none}.update-position-tab-btn-col-sel{padding:6px 8px;min-width:36px}}.update-position-tab-container.modal-open .update-position-tab-btn-filter .upt-btn-text{display:none}.update-position-tab-container.modal-open .update-position-tab-btn-filter{padding:6px 8px;min-width:36px}.update-position-tab-container.modal-open .update-position-tab-btn-clear-filters .upt-btn-text{display:none}.update-position-tab-container.modal-open .update-position-tab-btn-clear-filters{padding:6px 8px;min-width:36px}.update-position-tab-container.modal-open .update-position-tab-btn-col-sel .upt-btn-text{display:none}.update-position-tab-container.modal-open .update-position-tab-btn-col-sel{padding:6px 8px;min-width:36px}@media (max-width: 1023px){.update-position-tab-staff-table th:nth-child(1),.update-position-tab-staff-table th:nth-child(2),.update-position-tab-staff-table th:nth-child(3),.update-position-tab-staff-table th:nth-child(4),.update-position-tab-staff-table td:nth-child(1),.update-position-tab-staff-table td:nth-child(2),.update-position-tab-staff-table td:nth-child(3),.update-position-tab-staff-table td:nth-child(4){position:static;left:auto;box-shadow:none;min-width:auto}.update-position-tab-header{padding:15px}.work-history-filters .filter-row{flex-direction:column;align-items:stretch}.work-history-filters .filter-search{min-width:100%}.update-position-tab-footer{flex-direction:column;align-items:stretch;gap:0}.update-position-tab-footer-actions{flex-direction:column}.update-position-tab-btn-export-excel,.update-position-tab-btn-save-all{width:100%;justify-content:center}.update-position-tab-body-row{flex-direction:column}.dds-sidebar{width:100%;max-width:100%;border-right:none;border-bottom:2px solid #e2e8f0;border-radius:0;max-height:220px}}@media (max-width: 768px){.update-position-tab-title-wrapper h2{font-size:18px}.update-position-tab-subtitle{font-size:13px}.update-position-tab-btn-filter{font-size:13px;padding:6px 12px}.update-position-tab-staff-table{font-size:12px}}@media (max-width: 600px){.update-position-tab-footer-actions{flex-direction:row!important;gap:8px}.update-position-tab-btn-export-excel,.update-position-tab-btn-save-all{width:50%;min-width:0;justify-content:center}}.upt-mobile-tab-bar{display:none}.upt-badge-new{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600;background:#dcfce7;color:#16a34a;border:1px solid #86efac;white-space:nowrap}.upt-badge-old{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:500;background:#f1f5f9;color:#64748b;border:1px solid #cbd5e1;white-space:nowrap}@media (max-width: 1023px){.upt-mobile-tab-bar{display:flex;flex-direction:row;flex-shrink:0;background:#4f46e5;border-bottom:2px solid #3730a3;width:100%;overflow:hidden}.upt-mobile-tab-btn{flex:1;padding:10px 6px;border:none;background:transparent;color:#ffffffbf;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,color .15s;border-bottom:3px solid transparent;white-space:nowrap}.upt-mobile-tab-btn:hover{background:rgba(255,255,255,.12);color:#fff}.upt-mobile-tab-btn--active{background:rgba(255,255,255,.18);color:#fff;font-weight:700;border-bottom:3px solid #fff}.update-position-tab-container{overflow:visible}.update-position-tab-body-row{flex-direction:column!important;overflow-y:auto;overflow-x:hidden;height:auto;flex:1 1 auto;min-height:0}.update-position-tab-body-row .dds-sidebar{width:100%;max-width:100%;flex-shrink:0;border-right:none;border-bottom:2px solid #e2e8f0;border-radius:0;max-height:none}.update-position-tab-body-row .update-position-tab-table-area{width:100%;flex-shrink:0;flex:unset}.update-position-tab-body-row .vsp-panel{width:100%;max-width:100%;flex-shrink:0;border-left:none;border-top:2px solid #e2e8f0;border-radius:0;height:auto;min-height:200px}.dds-toggle-btn,.vsp-toggle-btn,.update-position-tab-body-row[data-mobile-tab=table] .dds-sidebar,.update-position-tab-body-row[data-mobile-tab=table] .vsp-panel,.update-position-tab-body-row[data-mobile-tab=sidebar] .update-position-tab-table-area,.update-position-tab-body-row[data-mobile-tab=sidebar] .vsp-panel,.update-position-tab-body-row[data-mobile-tab=vendor] .dds-sidebar,.update-position-tab-body-row[data-mobile-tab=vendor] .update-position-tab-table-area{display:none}}[data-theme=dark] .update-position-tab-container{background:var(--bg-content, #1e293b);box-shadow:none}[data-theme=dark] .update-position-tab-header{background:var(--bg-input, #334155);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .update-position-tab-title-wrapper h2{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .update-position-tab-subtitle{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .update-position-tab-staff-table thead{background:var(--bg-input, #334155)}[data-theme=dark] .update-position-tab-staff-table th{background:var(--bg-input, #334155);color:var(--text-primary, #e2e8f0);border-color:var(--border-divider, #475569)}[data-theme=dark] .update-position-tab-staff-table td{border-color:var(--border-divider, #2d3f55);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .update-position-tab-staff-table tbody tr:hover td{background:var(--bg-surface-hover, #334155)}@media (min-width: 1024px){[data-theme=dark] .update-position-tab-staff-table th:nth-child(1),[data-theme=dark] .update-position-tab-staff-table td:nth-child(1),[data-theme=dark] .update-position-tab-staff-table th:nth-child(2),[data-theme=dark] .update-position-tab-staff-table td:nth-child(2),[data-theme=dark] .update-position-tab-staff-table th:nth-child(3),[data-theme=dark] .update-position-tab-staff-table td:nth-child(3),[data-theme=dark] .update-position-tab-staff-table th:nth-child(4),[data-theme=dark] .update-position-tab-staff-table td:nth-child(4){background:var(--bg-input, #334155)}[data-theme=dark] .update-position-tab-staff-table tbody td:nth-child(1),[data-theme=dark] .update-position-tab-staff-table tbody td:nth-child(2),[data-theme=dark] .update-position-tab-staff-table tbody td:nth-child(3),[data-theme=dark] .update-position-tab-staff-table tbody td:nth-child(4){background:var(--bg-content, #1e293b)}[data-theme=dark] .update-position-tab-staff-table tbody tr:hover td:nth-child(1),[data-theme=dark] .update-position-tab-staff-table tbody tr:hover td:nth-child(2),[data-theme=dark] .update-position-tab-staff-table tbody tr:hover td:nth-child(3),[data-theme=dark] .update-position-tab-staff-table tbody tr:hover td:nth-child(4){background:var(--bg-surface-hover, #334155)}[data-theme=dark] .update-position-tab-staff-table tbody tr.update-position-row-selected td:nth-child(1),[data-theme=dark] .update-position-tab-staff-table tbody tr.update-position-row-selected td:nth-child(2),[data-theme=dark] .update-position-tab-staff-table tbody tr.update-position-row-selected td:nth-child(3),[data-theme=dark] .update-position-tab-staff-table tbody tr.update-position-row-selected td:nth-child(4){background:rgba(59,130,246,.15)}}[data-theme=dark] .update-position-tab-btn-filter{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .update-position-tab-btn-filter:hover{border-color:#60a5fa;color:#60a5fa}[data-theme=dark] .update-position-tab-btn-filter.update-position-tab-active{background:#4680dd;border-color:#0c8a0c}[data-theme=dark] .update-position-tab-btn-clear-filters{background:rgba(239,68,68,.1);border-color:#ef444466;color:#f87171}[data-theme=dark] .update-position-tab-btn-clear-filters:hover{background:#dc2626;border-color:#dc2626;color:#fff}[data-theme=dark] .update-position-tab-btn-col-sel{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .update-position-tab-footer{background:var(--bg-input, #334155);border-top-color:var(--border-divider, #475569)}[data-theme=dark] .update-position-tab-empty-state{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .upt-badge-new{background:rgba(22,163,74,.15);color:#4ade80;border-color:#16a34a4d}[data-theme=dark] .upt-badge-old{background:var(--bg-input, #334155);color:var(--text-secondary, #94a3b8);border-color:var(--border-divider, #475569)}[data-theme=dark] .update-position-tab-xuong-filter-btn{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .update-position-tab-xuong-filter-btn:hover{background:rgba(37,99,235,.15);border-color:#3b82f6;color:#60a5fa}[data-theme=dark] .update-position-tab-xuong-filter-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}[data-theme=dark] .upt-mobile-tab-bar{background:#312e81;border-bottom-color:#1e1b4b}[data-theme=dark] .update-position-tab-th-content>span{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .update-position-tab-th-sortable{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .update-position-tab-th-sortable:hover,[data-theme=dark] .update-position-tab-th-sortable:hover .update-position-tab-sort-icon,[data-theme=dark] .update-position-tab-sort-icon--active{color:#60a5fa}[data-theme=dark] .update-position-tab-th-eye-icon{color:var(--text-secondary, #64748b)}[data-theme=dark] .update-position-tab-xuong-filter-select .sd-trigger{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .update-position-tab-xuong-filter-select .sd-trigger:focus,[data-theme=dark] .update-position-tab-xuong-filter-select .sd-trigger--open{border-color:#3b82f6;background:rgba(37,99,235,.15)}.update-position-tab-past-selector-popover{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:white;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:16px;z-index:50;display:flex;flex-direction:column;gap:12px}.update-position-tab-past-selector-title{font-weight:600;font-size:14px;color:#1f2937;margin-bottom:4px;text-align:left}.update-position-tab-past-selector-field{display:flex;flex-direction:column;gap:4px;text-align:left}.update-position-tab-past-selector-field label{font-size:12px;font-weight:500;color:#4b5563}.update-position-tab-past-selector-select{width:100%;padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;background-color:#fff;color:#1f2937;height:34px;outline:none}.update-position-tab-past-selector-select:focus{border-color:#2563eb}.update-position-tab-past-selector-actions{display:flex;gap:8px;margin-top:8px}.update-position-tab-past-selector-btn-submit{flex:1;background-color:#2563eb;color:#fff;padding:6px 12px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .15s}.update-position-tab-past-selector-btn-submit:hover{background-color:#1d4ed8}.update-position-tab-past-selector-btn-cancel{background-color:#f3f4f6;color:#374151;padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .15s}.update-position-tab-past-selector-btn-cancel:hover{background-color:#e5e7eb}.update-position-tab-past-selector-btn-reset{width:100%;background-color:#ef4444;color:#fff;padding:6px 12px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .15s;text-align:center;margin-top:4px}.update-position-tab-past-selector-btn-reset:hover{background-color:#dc2626}.update-position-tab-past-mode-banner{display:flex;align-items:center;justify-content:space-between;background-color:#fffbeb;border:1px solid #fef3c7;border-left:4px solid #f59e0b;padding:10px 16px;margin:10px 16px;border-radius:6px;color:#b45309;font-size:13px;font-weight:500;gap:12px;box-sizing:border-box}.update-position-tab-past-mode-banner-text{display:flex;align-items:center;gap:8px;text-align:left}.update-position-tab-past-mode-banner-btn-exit{background-color:#f59e0b;color:#fff;border:none;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:background-color .15s;white-space:nowrap;flex-shrink:0}.update-position-tab-past-mode-banner-btn-exit:hover{background-color:#d97706}[data-theme=dark] .update-position-tab-past-selector-popover{background:var(--bg-content, #1e293b);border-color:var(--border-divider, #475569);box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003}[data-theme=dark] .update-position-tab-past-selector-title{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .update-position-tab-past-selector-field label{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .update-position-tab-past-selector-select,[data-theme=dark] .update-position-tab-past-selector-btn-cancel{background-color:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .update-position-tab-past-selector-btn-cancel:hover{background-color:var(--bg-surface-hover, #475569)}[data-theme=dark] .update-position-tab-past-mode-banner{background-color:#f59e0b1a;border-color:#f59e0b40;color:#fbbf24}.bl-add-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.bl-add-modal{background:#fff;border-radius:12px;width:100%;max-width:480px;height:90vh;box-shadow:0 20px 60px #00000040;overflow:hidden;display:flex;flex-direction:column;animation:bl-modal-in .2s ease-out;position:relative}@keyframes bl-modal-in{0%{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.bl-add-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff}.bl-add-modal-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600}.bl-add-modal-icon{color:#fbbf24}.bl-add-modal-close{background:rgba(255,255,255,.15);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;transition:background .15s}.bl-add-modal-close:hover{background:rgba(255,255,255,.3)}.bl-add-modal-target{padding:12px 20px;background:#fef3c7;border-bottom:1px solid #fde68a;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.bl-add-modal-target-name{font-weight:600;color:#92400e;font-size:14px}.bl-add-modal-target-code{font-size:13px;color:#78350f}.bl-add-modal-target-cccd{font-size:12px;color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:4px;padding:2px 6px;margin-left:auto}.bl-add-modal-form{padding:20px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;flex:1}.bl-add-modal-field{display:flex;flex-direction:column;gap:6px}.bl-add-modal-label{font-size:13px;font-weight:500;color:#374151}.bl-required{color:#dc2626;margin-left:2px}.bl-add-modal-radio-group{display:flex;gap:12px;flex-wrap:wrap}.bl-add-modal-radio{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;color:#374151;padding:6px 12px;border:1px solid #e5e7eb;border-radius:6px;transition:all .15s}.bl-add-modal-radio:has(input:checked){border-color:#7c3aed;background:#f5f3ff;color:#5b21b6}.bl-add-modal-radio-content{display:inline-flex;align-items:center;gap:4px}.bl-add-modal-input{border:1px solid #e5e7eb;border-radius:6px;padding:8px 10px;font-size:13px;outline:none;transition:border-color .15s;width:100%}.bl-add-modal-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.bl-add-modal-input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.bl-add-modal-select{width:100%;border:1px solid #e5e7eb;border-radius:6px;padding:8px 10px;font-size:13px;outline:none;background:#fff;cursor:pointer;transition:border-color .15s}.bl-add-modal-select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.bl-add-modal-select:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.bl-add-modal-textarea{border:1px solid #e5e7eb;border-radius:6px;padding:8px 10px;font-size:13px;outline:none;resize:vertical;font-family:inherit;transition:border-color .15s}.bl-add-modal-textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.bl-add-modal-hint{font-size:11px;color:#9ca3af}.bl-add-modal-search-group{display:flex;gap:8px;align-items:stretch}.bl-add-modal-search-group .bl-add-modal-input{flex:1}.bl-add-modal-btn-search{border:1px solid #7c3aed;background:#7c3aed;color:#fff;border-radius:6px;padding:0 16px;font-size:16px;cursor:pointer;transition:all .15s;min-width:48px;display:flex;align-items:center;justify-content:center}.bl-add-modal-btn-search:hover:not(:disabled){background:#6d28d9;border-color:#6d28d9}.bl-add-modal-btn-search:disabled{opacity:.6;cursor:not-allowed}.bl-add-modal-error{display:flex;align-items:center;gap:6px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:8px 12px;font-size:13px;color:#dc2626}.bl-add-modal-error-text{display:block;font-size:12px;color:#dc2626;margin-top:4px}.bl-add-modal-info-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:6px}.bl-add-modal-info-row{display:flex;gap:8px;font-size:13px}.bl-add-modal-info-label{font-weight:600;color:#166534;min-width:60px}.bl-add-modal-info-value{color:#15803d;flex:1}.bl-add-modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:14px 20px;border-top:1px solid #e5e7eb;background:#fff;flex-shrink:0;border-radius:0 0 12px 12px}.bl-add-modal-btn-cancel{border:1px solid #e5e7eb;background:#fff;border-radius:7px;padding:8px 18px;font-size:13px;cursor:pointer;color:#374151;transition:background .15s}.bl-add-modal-btn-cancel:hover{background:#f3f4f6}.bl-add-modal-btn-submit{border:none;background:#dc2626;color:#fff;border-radius:7px;padding:8px 18px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.bl-add-modal-btn-submit:hover{background:#b91c1c}.bl-add-modal-btn-submit:disabled,.bl-add-modal-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.bl-add-fp-status{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.bl-add-fp-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;padding:3px 10px;border-radius:20px;border:1px solid}.bl-add-fp-badge-ok{color:#059669;background:#d1fae5;border-color:#6ee7b7}.bl-add-fp-badge-empty{color:#b45309;background:#fef3c7;border-color:#fde68a}.bl-add-fp-fetch-btn{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;padding:4px 12px;border-radius:6px;border:1px solid #bfdbfe;background:#eff6ff;color:#2563eb;cursor:pointer;transition:background .15s}.bl-add-fp-fetch-btn:hover:not(:disabled){background:#dbeafe}.bl-add-fp-fetch-btn:disabled{opacity:.6;cursor:not-allowed}.bl-add-fp-preview{display:flex;align-items:center;gap:8px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:6px 10px;margin-bottom:4px}.bl-add-fp-preview-text{flex:1;font-family:Courier New,Courier,monospace;font-size:11px;color:#6b7280;word-break:break-all}.bl-add-fp-preview-icon{font-size:20px;line-height:1}.bl-add-fp-preview-label{flex:1;font-size:12px;font-weight:500;color:#059669}.bl-add-fp-clear-btn{display:inline-flex;align-items:center;gap:3px;font-size:11px;padding:2px 8px;border-radius:4px;border:1px solid #fca5a5;background:#fff;color:#dc2626;cursor:pointer;white-space:nowrap;transition:background .15s}.bl-add-fp-clear-btn:hover:not(:disabled){background:#fee2e2}.bl-add-fp-clear-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes bl-add-fp-spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bl-add-fp-spin{animation:bl-add-fp-spin-anim .8s linear infinite}.bl-add-fp-nv-list{border:1px solid #e0e7ff;border-radius:8px;overflow:hidden;margin-bottom:6px}.bl-add-fp-nv-list-header{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#eef2ff;color:#4338ca;font-size:11px;font-weight:600}.bl-add-fp-nv-item{display:flex;align-items:center;gap:6px;width:100%;padding:7px 10px;background:#fff;border:none;border-top:1px solid #f0f0f0;cursor:pointer;text-align:left;transition:background .12s;flex-wrap:wrap}.bl-add-fp-nv-item:hover:not(:disabled){background:#f5f3ff}.bl-add-fp-nv-item:disabled{opacity:.6;cursor:not-allowed}.bl-add-fp-nv-item-active{background:#ede9fe!important}.bl-add-fp-nv-code{font-size:12px;font-weight:600;color:#1e1b4b;min-width:70px}.bl-add-fp-nv-name{flex:1;font-size:12px;color:#374151}.bl-add-fp-nv-badge{font-size:10px;padding:1px 7px;border-radius:10px;font-weight:500;white-space:nowrap}.bl-add-fp-nv-badge-active{background:#dcfce7;color:#15803d}.bl-add-fp-nv-badge-inactive{background:#f3f4f6;color:#6b7280}.bl-add-fp-nv-badge-reg{background:#fef9c3;color:#854d0e}.bl-add-fp-nv-fp-ok{font-size:10px;color:#059669;font-weight:500}.bl-add-fp-nv-fp-no{font-size:10px;color:#9ca3af}.bl-add-nv-found{border:1px solid #fde68a;border-radius:8px;overflow:hidden;margin-bottom:12px;background:#fffbeb}.bl-add-nv-found-header{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fef3c7;color:#92400e;font-size:12px;font-weight:600;border-bottom:1px solid #fde68a}.bl-add-nv-found-list{display:flex;flex-direction:column}.bl-add-nv-found-item{display:flex;align-items:center;gap:8px;padding:7px 12px;border-top:1px solid #fef3c7;flex-wrap:wrap;background:#fffbeb}.bl-add-nv-found-item:first-child{border-top:none}.bl-add-nv-found-code{font-size:12px;font-weight:600;color:#78350f;min-width:72px}.bl-add-nv-found-name{flex:1;font-size:12px;color:#374151}.bl-add-nv-found-badge{font-size:10px;padding:1px 7px;border-radius:10px;font-weight:500;white-space:nowrap}.bl-add-nv-badge-active{background:#dcfce7;color:#15803d}.bl-add-nv-badge-inactive{background:#f3f4f6;color:#6b7280}.bl-add-nv-badge-reg{background:#e0e7ff;color:#3730a3}.bl-add-nv-fp-ok{font-size:10px;color:#059669;font-weight:500}.bl-add-nv-fp-no{font-size:10px;color:#d1d5db}.bl-add-dup-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;border-radius:12px;z-index:10}.bl-add-dup-dialog{background:#fff;border-radius:12px;padding:28px 24px 20px;max-width:340px;width:90%;text-align:center;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 30px #0003}.bl-add-dup-icon{color:#f59e0b;display:flex;justify-content:center}.bl-add-dup-title{font-size:16px;font-weight:700;color:#111827;margin:0}.bl-add-dup-message{font-size:13px;color:#6b7280;line-height:1.6;margin:0}.bl-add-dup-actions{display:flex;gap:10px;justify-content:center;margin-top:4px}.bl-add-dup-btn-cancel{border:1px solid #e5e7eb;background:#fff;border-radius:8px;padding:8px 18px;font-size:13px;cursor:pointer;color:#374151;transition:background .15s}.bl-add-dup-btn-cancel:hover:not(:disabled){background:#f9fafb}.bl-add-dup-btn-update{border:none;background:#7c3aed;color:#fff;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.bl-add-dup-btn-update:hover:not(:disabled){background:#6d28d9}.bl-add-dup-btn-update:disabled,.bl-add-dup-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.ach-tab-container{display:flex;flex-direction:column;height:100%;padding:20px;background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;overflow:hidden}.ach-header{margin-bottom:20px}.ach-title{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 16px;display:flex;align-items:center;gap:8px}.ach-filter-bar{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;background-color:#f9fafb;padding:16px;border-radius:8px;border:1px solid #e5e7eb}.ach-filter-group{display:flex;flex-direction:column;gap:6px}.ach-filter-label{font-size:13px;font-weight:500;color:#4b5563}.ach-filter-input,.ach-filter-select{height:38px;padding:0 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background-color:#fff;color:#1f2937;outline:none;min-width:150px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.ach-filter-input:focus,.ach-filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.ach-btn-filter{height:38px;padding:0 20px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .15s ease-in-out}.ach-btn-filter:hover{background-color:#2563eb}.ach-btn-reset{height:38px;padding:0 16px;background-color:#e5e7eb;color:#374151;border:none;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background-color .15s ease-in-out}.ach-btn-reset:hover{background-color:#d1d5db}.ach-table-wrapper{flex:1;overflow:auto;border:1px solid #e5e7eb;border-radius:8px;background-color:#fff;margin-bottom:16px}.ach-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.ach-table th{background-color:#f3f4f6;color:#374151;font-weight:600;padding:12px 16px;position:sticky;top:0;z-index:10;border-bottom:1px solid #e5e7eb}.ach-table td{padding:12px 16px;color:#4b5563;border-bottom:1px solid #f3f4f6}.ach-table tbody tr:hover{background-color:#f9fafb}.ach-badge-xuong{background-color:#eff6ff;color:#1e40af;padding:2px 8px;border-radius:4px;font-weight:500;font-size:12px}.ach-badge-ca{background-color:#f3f4f6;color:#1f2937;padding:2px 8px;border-radius:4px;font-weight:500;font-size:12px}.ach-badge-ca.ca-sang{background-color:#fffbeb;color:#b45309}.ach-badge-ca.ca-chieu{background-color:#f0fdf4;color:#15803d}.ach-badge-ca.ca-dem{background-color:#faf5ff;color:#6b21a8}.ach-pagination{display:flex;justify-content:space-between;align-items:center;padding:4px 0;flex-shrink:0}.ach-pagination-info{font-size:14px;color:#4b5563}.ach-pagination-controls{display:flex;align-items:center;gap:8px}.ach-pagination-select{height:32px;padding:0 8px;border:1px solid #d1d5db;border-radius:4px;font-size:13px}.ach-btn-page{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid #d1d5db;background-color:#fff;border-radius:4px;color:#374151;cursor:pointer;transition:all .15s ease-in-out}.ach-btn-page:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.ach-btn-page:disabled{opacity:.5;cursor:not-allowed;background-color:#f9fafb}.ach-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:#9ca3af;gap:12px}.ach-empty-icon{font-size:40px}[data-theme=dark] .ach-tab-container{background-color:#1f2937;box-shadow:0 4px 6px #0003}[data-theme=dark] .ach-title{color:#f3f4f6}[data-theme=dark] .ach-filter-bar{background-color:#111827;border-color:#374151}[data-theme=dark] .ach-filter-label{color:#9ca3af}[data-theme=dark] .ach-filter-input,[data-theme=dark] .ach-filter-select{background-color:#1f2937;border-color:#4b5563;color:#f3f4f6}[data-theme=dark] .ach-filter-input:focus,[data-theme=dark] .ach-filter-select:focus{border-color:#3b82f6}[data-theme=dark] .ach-btn-reset{background-color:#374151;color:#d1d5db}[data-theme=dark] .ach-btn-reset:hover{background-color:#4b5563}[data-theme=dark] .ach-table-wrapper{border-color:#374151;background-color:#1f2937}[data-theme=dark] .ach-table th{background-color:#111827;color:#d1d5db;border-color:#374151}[data-theme=dark] .ach-table td{color:#d1d5db;border-color:#374151}[data-theme=dark] .ach-table tbody tr:hover{background-color:#111827}[data-theme=dark] .ach-badge-ca{background-color:#374151;color:#e5e7eb}[data-theme=dark] .ach-btn-page{background-color:#1f2937;border-color:#4b5563;color:#d1d5db}[data-theme=dark] .ach-btn-page:hover:not(:disabled){background-color:#374151}[data-theme=dark] .ach-btn-page:disabled{background-color:#111827}.staff-dispatch-v2-page{max-width:100%;background-color:#f9fafb;height:calc(100vh - 50px);overflow:hidden;display:flex;flex-direction:column}.sdv2-tab-navigation{display:flex;gap:8px;background:white;padding:4px;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;flex-shrink:0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.sdv2-tab-navigation::-webkit-scrollbar{display:none}.sdv2-tab-button{padding:12px 24px;border:none;background:#f3f4f6;color:#6b7280;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;white-space:nowrap;flex:0 0 auto;min-width:-moz-fit-content;min-width:fit-content}.sdv2-tab-button:hover{background:#e5e7eb;color:#374151}.sdv2-tab-button.sdv2-active{background:#3b82f6;color:#fff;box-shadow:0 4px 6px #3b82f633}.sdv2-tab-button-icon{margin-right:6px;vertical-align:middle;display:inline-block}.sdv2-tab-container{background:white;border-radius:12px;box-shadow:0 1px 3px #0000001a;flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.sdv2-tab-content{display:flex;flex-direction:column;flex:1;overflow:hidden;animation:sdv2-fade-in .3s ease-out}@keyframes sdv2-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sdv2-slide-right{animation:sdv2-slide-right .3s ease-out}.sdv2-slide-left{animation:sdv2-slide-left .3s ease-out}@keyframes sdv2-slide-right{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes sdv2-slide-left{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.sdv2-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.sdv2-spinner{width:50px;height:50px;border:5px solid #f3f4f6;border-top-color:#3b82f6;border-radius:50%;animation:sdv2-spin .8s linear infinite}@keyframes sdv2-spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.sdv2-tab-navigation{padding:12px;gap:6px}.sdv2-tab-button{padding:10px 16px;font-size:13px;min-width:120px}.sdv2-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}}@media (max-width: 768px){.staff-dispatch-v2-page{height:auto;min-height:unset;overflow:visible}.sdv2-tab-container{overflow:visible;min-height:unset;flex:unset;height:auto}.sdv2-tab-content{overflow:visible;flex:unset;height:auto}.sdv2-tab-navigation{padding:8px;gap:4px}.sdv2-tab-button{padding:12px 16px;font-size:14px;min-width:140px}.sdv2-stats-panel h2{font-size:20px}.sdv2-stats-grid{grid-template-columns:1fr;gap:12px}.sdv2-value{font-size:24px}}[data-theme=dark] .staff-dispatch-v2-page{background-color:var(--bg-surface, #0f172a)}[data-theme=dark] .sdv2-tab-navigation{background:var(--bg-content, #1e293b);box-shadow:0 1px 3px #0006}[data-theme=dark] .sdv2-tab-button{background:var(--bg-input, #334155);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .sdv2-tab-button:hover{background:var(--bg-surface-hover, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .sdv2-tab-button.sdv2-active{background:#3b82f6;color:#fff}[data-theme=dark] .sdv2-tab-container{background:var(--bg-content, #1e293b);box-shadow:0 1px 3px #0006}[data-theme=dark] .sdv2-spinner{border-color:var(--bg-input, #334155);border-top-color:#3b82f6}.cpn-header{background:white;padding:10px 32px;border-bottom:2px solid #e5e7eb}.cpn-header-title-wrapper{display:flex;align-items:center;gap:16px}.cpn-header-left{display:flex;align-items:center;gap:12px;flex-shrink:0}.cpn-header-icon{width:32px;height:32px;color:#2563eb;flex-shrink:0}.cpn-header-title{margin:0;font-size:28px;font-weight:700;color:#1f2937;white-space:nowrap}.cpn-header-status-filters{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.cpn-header-badges{display:flex;gap:12px;flex-shrink:0;margin-left:auto}.cpn-header-badge{padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600;white-space:nowrap}.cpn-header-badge-total{background:#dbeafe;color:#1e40af}.cpn-header-badge-filtered{background:#fef3c7;color:#92400e}.cpn-header-status-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cpn-header-status-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;border:1.5px solid transparent;font-size:13px;font-weight:500;cursor:pointer;background:#f3f4f6;color:#6b7280;transition:all .18s ease;white-space:nowrap;line-height:1.4}.cpn-header-status-btn:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0000001f}.cpn-header-status-btn-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;font-size:11px;font-weight:700;background:rgba(0,0,0,.08);color:inherit}.cpn-header-status-btn--all{background:#f3f4f6;color:#374151;border-color:#d1d5db}.cpn-header-status-btn--all:hover,.cpn-header-status-btn--all.cpn-header-status-btn--active{background:#374151;color:#fff;border-color:#374151}.cpn-header-status-btn--all.cpn-header-status-btn--active .cpn-header-status-btn-count{background:rgba(255,255,255,.25);color:#fff}.cpn-header-status-btn--applying{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.cpn-header-status-btn--applying:hover,.cpn-header-status-btn--applying.cpn-header-status-btn--active{background:#2563eb;color:#fff;border-color:#2563eb}.cpn-header-status-btn--applying.cpn-header-status-btn--active .cpn-header-status-btn-count{background:rgba(255,255,255,.25);color:#fff}.cpn-header-status-btn--working{background:#f0fdf4;color:#15803d;border-color:#bbf7d0}.cpn-header-status-btn--working:hover,.cpn-header-status-btn--working.cpn-header-status-btn--active{background:#16a34a;color:#fff;border-color:#16a34a}.cpn-header-status-btn--working.cpn-header-status-btn--active .cpn-header-status-btn-count{background:rgba(255,255,255,.25);color:#fff}.cpn-header-status-btn--on-leave{background:#fffbeb;color:#b45309;border-color:#fde68a}.cpn-header-status-btn--on-leave:hover,.cpn-header-status-btn--on-leave.cpn-header-status-btn--active{background:#d97706;color:#fff;border-color:#d97706}.cpn-header-status-btn--on-leave.cpn-header-status-btn--active .cpn-header-status-btn-count{background:rgba(255,255,255,.25);color:#fff}.cpn-header-status-btn--resigned{background:#fff1f2;color:#be123c;border-color:#fecdd3}.cpn-header-status-btn--resigned:hover,.cpn-header-status-btn--resigned.cpn-header-status-btn--active{background:#e11d48;color:#fff;border-color:#e11d48}.cpn-header-status-btn--resigned.cpn-header-status-btn--active .cpn-header-status-btn-count{background:rgba(255,255,255,.25);color:#fff}@media (max-width: 768px){.cpn-header{padding:16px 20px}.cpn-header-title-wrapper{flex-wrap:wrap}.cpn-header-left{flex:1 1 100%}.cpn-header-title{font-size:20px}.cpn-header-status-filters{flex:1 1 100%;justify-content:flex-start;margin-left:0}.cpn-header-badges{flex:1 1 100%;flex-direction:column;gap:8px;margin-left:0}}[data-theme=dark] .cpn-header{background:var(--bg-content, #1e293b);border-bottom:2px solid var(--border-divider, #334155)}[data-theme=dark] .cpn-header-title{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .cpn-header-icon{color:#60a5fa}[data-theme=dark] .cpn-header-badge-total{background:rgba(37,99,235,.2);color:#93c5fd}[data-theme=dark] .cpn-header-badge-filtered{background:rgba(180,83,9,.2);color:#fcd34d}[data-theme=dark] .cpn-header-status-btn,[data-theme=dark] .cpn-header-status-btn--all{background:var(--bg-input, #1e293b);color:var(--text-secondary, #94a3b8);border-color:var(--border-input, #334155)}.cpn-tabnavigation-container{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #e5e7eb;padding:0 32px;gap:16px}.cpn-tabnavigation-tabs{display:flex;gap:8px}.cpn-tabnavigation-right-controls{display:flex;gap:16px;margin-bottom:2px}.cpn-tabnavigation-tab{display:flex;align-items:center;gap:8px;padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:15px;font-weight:500;color:#6b7280;transition:all .2s ease;position:relative;bottom:-2px}.cpn-tabnavigation-tab:hover{color:#1f2937;background:#f9fafb}.cpn-tabnavigation-tab.active{color:#2563eb;border-bottom-color:#2563eb;background:#eff6ff}.cpn-tabnavigation-tab svg{width:18px;height:18px}@media (max-width: 1024px){.cpn-tabnavigation-container{flex-direction:column;align-items:stretch;padding:0 16px;gap:12px}.cpn-tabnavigation-tabs{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.cpn-tabnavigation-tabs::-webkit-scrollbar{display:none}.cpn-tabnavigation-right-controls{flex-direction:column;margin-bottom:8px}}@media (max-width: 768px){.cpn-tabnavigation-container{padding:0 12px;gap:8px}.cpn-tabnavigation-tabs{gap:6px;scroll-behavior:smooth;flex-wrap:nowrap}.cpn-tabnavigation-tab{padding:10px 16px;font-size:14px;flex-shrink:0;white-space:nowrap}.cpn-tabnavigation-tab span{display:inline}.cpn-tabnavigation-tab svg{width:16px;height:16px}}[data-theme=dark] .cpn-tabnavigation-container{border-bottom:2px solid var(--border-divider, #334155)}[data-theme=dark] .cpn-tabnavigation-tab{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .cpn-tabnavigation-tab:hover{color:var(--text-primary, #e2e8f0);background:var(--bg-surface-hover, rgba(255, 255, 255, .05))}[data-theme=dark] .cpn-tabnavigation-tab.active{color:#60a5fa;border-bottom-color:#60a5fa;background:rgba(37,99,235,.12)}.cpn-statisticstab-container{padding:10px;background:#f9fafb;min-height:600px}.cpn-statisticstab-tables-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.cpn-statisticstab-table-card{background:white;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;max-height:730px;display:flex;flex-direction:column}.cpn-statisticstab-table-title{margin:0 0 20px;font-size:18px;font-weight:600;color:#1f2937;padding-bottom:16px;border-bottom:2px solid #e5e7eb;flex-shrink:0}.cpn-statisticstab-table-wrapper{overflow-y:auto;flex:1}.cpn-statisticstab-table{width:100%;border-collapse:collapse}.cpn-statisticstab-table thead{background:#f9fafb}.cpn-statisticstab-table thead th{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:#4b5563;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e5e7eb}.cpn-statisticstab-table thead th:last-child{text-align:right}.cpn-statisticstab-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .2s ease}.cpn-statisticstab-table tbody tr:hover{background:#f9fafb}.cpn-statisticstab-table tbody td{padding:14px 16px;font-size:14px;color:#374151}.cpn-statisticstab-table tbody td:first-child{font-weight:500;color:#1f2937}.cpn-statisticstab-table tbody td:nth-child(2){font-weight:600;color:#2563eb}.cpn-statisticstab-table tbody td:last-child{text-align:right;font-weight:500;color:#059669}.cpn-statisticstab-chart-container{border-top:2px solid #e5e7eb}.cpn-statisticstab-chart-container .recharts-legend-wrapper{white-space:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important}.cpn-statisticstab-chart-container .recharts-legend-wrapper .recharts-default-legend{display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;gap:8px!important}.cpn-statisticstab-chart-container .recharts-legend-wrapper .recharts-legend-item{flex-shrink:0!important}.cpn-statisticstab-chart-selector{display:flex;gap:8px;justify-content:center;padding:5px;background:#f9fafb;border-radius:8px}.cpn-statisticstab-chart-type-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:white;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .3s ease;color:#6b7280}.cpn-statisticstab-chart-type-btn:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 8px #3b82f633}[data-theme=dark] .cpn-statisticstab-container{background:var(--bg-surface, #0f172a)}[data-theme=dark] .cpn-statisticstab-table-card{background:var(--bg-content, #1e293b);border-color:var(--border-divider, #334155);box-shadow:0 1px 3px #0000004d}[data-theme=dark] .cpn-statisticstab-table-title{color:var(--text-primary, #e2e8f0);border-bottom-color:var(--border-divider, #334155)}[data-theme=dark] .cpn-statisticstab-table thead{background:var(--bg-input, #1e293b)}[data-theme=dark] .cpn-statisticstab-table thead th{color:var(--text-label, #8a93a8);border-bottom-color:var(--border-divider, #334155)}[data-theme=dark] .cpn-statisticstab-table tbody tr{border-bottom-color:#33415599}[data-theme=dark] .cpn-statisticstab-table tbody tr:hover{background:rgba(255,255,255,.04)}[data-theme=dark] .cpn-statisticstab-table tbody td{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .cpn-statisticstab-table tbody td:first-child{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .cpn-statisticstab-table tbody td:nth-child(2){color:#60a5fa}[data-theme=dark] .cpn-statisticstab-table tbody td:last-child{color:#34d399}[data-theme=dark] .cpn-statisticstab-chart-container{border-top-color:var(--border-divider, #334155)}[data-theme=dark] .cpn-statisticstab-chart-selector{background:var(--bg-input, #1e293b)}[data-theme=dark] .cpn-statisticstab-chart-type-btn{background:var(--bg-content, #1e293b);border-color:var(--border-input, #334155);color:var(--text-secondary, #94a3b8)}.cpn-statisticstab-chart-type-btn.active{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-color:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f666}.cpn-statisticstab-chart-type-btn.active:hover{transform:translateY(-2px)}@media (max-width: 768px){.cpn-statisticstab-container{padding:16px 20px}.cpn-statisticstab-summary-cards,.cpn-statisticstab-tables-grid{grid-template-columns:1fr}}.cpn-activefilters-container{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:6px;background:#fffbeb;border:1px solid #fbbf24;border-radius:8px;margin-bottom:2px}.cpn-activefilters-label{font-size:13px;font-weight:600;color:#92400e}.cpn-activefilters-tag{display:flex;align-items:center;gap:6px;padding:6px 12px;background:white;border:1px solid #d1d5db;border-radius:6px;font-size:13px}.cpn-activefilters-tag--org{background:#eef2ff;border-color:#c7d2fe;color:#4338ca;padding:4px 10px}.cpn-activefilters-tag__org-icon{font-size:13px;flex-shrink:0}.cpn-activefilters-tag-label{font-weight:500;color:#6b7280}.cpn-activefilters-tag-value{font-weight:600;color:#1f2937}.cpn-activefilters-tag-remove{background:#ef4444;border:none;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease}.cpn-activefilters-tag-remove:hover{background:#dc2626}.cpn-activefilters-clear-all-btn{padding:6px 16px;background:#ef4444;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.cpn-activefilters-clear-all-btn:hover{background:#dc2626}@media (max-width: 768px){.cpn-activefilters-container{font-size:12px}}[data-theme=dark] .cpn-activefilters-container{background:rgba(180,83,9,.1);border-color:#fbbf2466}[data-theme=dark] .cpn-activefilters-label{color:#fcd34d}[data-theme=dark] .cpn-activefilters-tag{background:var(--bg-input, #1e293b);border-color:var(--border-input, #334155)}[data-theme=dark] .cpn-activefilters-tag--org{background:rgba(99,102,241,.15);border-color:#6366f166;color:#a5b4fc}[data-theme=dark] .cpn-activefilters-tag-label{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .cpn-activefilters-tag-value{color:var(--text-primary, #e2e8f0)}.cpn-stafftable-wrapper{overflow:visible;width:100%;height:100%;display:flex;flex-direction:column}.cpn-stafftable-container{overflow-x:auto;overflow-y:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch}.cpn-stafftable-table{width:-moz-max-content;width:max-content;min-width:100%;border-collapse:collapse;background:white}.cpn-stafftable-table thead{background:#e5e7eb;position:sticky;top:0;z-index:20}.cpn-stafftable-table th{padding:14px 12px;text-align:center;font-size:13px;font-weight:600;color:#1f2937;background:#e5e7eb;border-bottom:2px solid #d1d5db;border-left:1px solid #f3f4f6;border-right:1px solid #f3f4f6;white-space:nowrap;min-width:100px;position:relative}.cpn-stafftable-th-with-filter{padding:8px 12px!important}.cpn-stafftable-th-wrapper{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.cpn-stafftable-th-content{display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer;flex:1;min-width:0}.cpn-stafftable-sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s ease}.cpn-stafftable-sortable:hover{background:#d1d5db;color:#1f2937}.cpn-stafftable-stt{width:50px!important;min-width:50px!important;max-width:50px!important;padding:14px 4px!important;text-align:center!important}.cpn-stafftable-table tbody .cpn-stafftable-stt,.cpn-stafftable-table tbody tr:hover .cpn-stafftable-stt{background:inherit}.cpn-stafftable-actions{width:40px!important;min-width:40px!important;max-width:40px!important;text-align:center!important;padding:8px 2px!important;overflow:visible!important;position:relative}.cpn-stafftable-actions-sticky{position:sticky!important;left:-3px!important;z-index:16!important;background:#e5e7eb!important;border-right:2px solid #d1d5db!important;box-shadow:2px 0 4px #0000000d;overflow:visible!important}.cpn-stafftable-table tbody .cpn-stafftable-actions-sticky{background:white!important;overflow:visible!important;z-index:50!important}.cpn-stafftable-table tbody tr:hover .cpn-stafftable-actions-sticky{background:#f9fafb!important}.cpn-stafftable-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .2s ease;cursor:pointer;position:relative}.cpn-stafftable-table tbody tr:hover{background:#f9fafb}.cpn-stafftable-table td{padding:4px 10px;font-size:14px;color:#1f2937;text-align:center;min-width:100px;max-width:500px;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid #f3f4f6}.cpn-stafftable-table td.allow-wrap{white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.cpn-stafftable-name,.cpn-stafftable-address,.cpn-stafftable-note{text-align:left!important}.cpn-stafftable-name{font-weight:600;color:#2563eb}.cpn-stafftable-table td[title]{position:relative}.cpn-stafftable-table td[title]:hover{background:#f0f9ff;border-color:#3b82f6}.cpn-stafftable-name-with-avatar{display:inline-flex;align-items:center;gap:12px;max-width:500px;flex-wrap:nowrap;white-space:nowrap}.cpn-stafftable-avatar{width:36px;height:48px;-o-object-fit:cover;object-fit:cover;border-radius:4px;border:1px solid #e5e7eb;flex-shrink:0;cursor:pointer;transition:transform .2s ease,border-color .2s ease}.cpn-stafftable-avatar:hover{transform:scale(1.05);border-color:#3b82f6}.cpn-stafftable-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cpn-stafftable-cccd-with-images{display:inline-flex;align-items:center;gap:12px;max-width:500px}.cpn-stafftable-cccd-images{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.cpn-stafftable-cccd-image{width:45px;height:28px;-o-object-fit:cover;object-fit:cover;border-radius:3px;border:1px solid #e5e7eb;cursor:pointer;transition:transform .2s ease}.cpn-stafftable-cccd-image:hover{transform:scale(1.05);border-color:#3b82f6}.cpn-stafftable-cccd-number{font-family:Courier New,monospace;font-weight:500;white-space:nowrap}.cpn-stafftable-gender{display:inline-flex;align-items:center;gap:6px}.cpn-stafftable-gender-icon{font-size:16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.cpn-stafftable-gender-icon.male{color:#3b82f6}.cpn-stafftable-gender-icon.female{color:#ec4899}.cpn-stafftable-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.cpn-stafftable-badge-contract{background:#dbeafe;color:#1e40af}.cpn-stafftable-badge-status{background:#d1fae5;color:#065f46}.cpn-stafftable-badge-approval{background:#fef3c7;color:#92400e}.cpn-stafftable-action-dropdown{position:relative;display:inline-block;z-index:10}.cpn-stafftable-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #d1d5db;border-radius:6px;background:white;cursor:pointer;transition:all .2s ease;color:#6b7280}.cpn-stafftable-action-btn:hover,.cpn-stafftable-action-btn-settings:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}.cpn-stafftable-action-menu{position:fixed;background:white;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 8px 24px #0003;min-width:200px;z-index:9999;padding:4px 0;animation:cpnStafftableActionMenuSlideIn .15s ease}@keyframes cpnStafftableActionMenuSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.cpn-stafftable-action-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;border:none;background:white;cursor:pointer;font-size:13px;color:#1f2937;text-align:left;transition:all .15s ease;white-space:nowrap}.cpn-stafftable-action-menu-item:hover{background:#f3f4f6;color:#3b82f6}.cpn-stafftable-action-menu-item svg{flex-shrink:0;color:#6b7280}.cpn-stafftable-action-menu-item:hover svg{color:#3b82f6}.cpn-stafftable-action-menu-item-warning{color:#d97706}.cpn-stafftable-action-menu-item-warning svg{color:#d97706}.cpn-stafftable-action-menu-item-warning:hover{background:#fef3c7;color:#b45309}.cpn-stafftable-action-menu-item-warning:hover svg{color:#b45309}.cpn-stafftable-action-menu-item-danger{color:#dc2626}.cpn-stafftable-action-menu-item-danger svg{color:#dc2626}.cpn-stafftable-action-menu-item-danger:hover{background:#fee2e2;color:#b91c1c}.cpn-stafftable-action-menu-item-danger:hover svg{color:#b91c1c}.cpn-stafftable-action-menu-item-success{color:#16a34a}.cpn-stafftable-action-menu-item-success svg{color:#16a34a}.cpn-stafftable-action-menu-item-success:hover{background:#dcfce7;color:#15803d}.cpn-stafftable-action-menu-item-success:hover svg{color:#15803d}.cpn-stafftable-loading,.cpn-stafftable-empty{text-align:center;padding:60px 20px}.cpn-stafftable-loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:cpnStafftableSpin 1s linear infinite;margin:0 auto 16px}@keyframes cpnStafftableSpin{to{transform:rotate(360deg)}}.cpn-stafftable-empty p{font-size:16px;color:#9ca3af}@media (max-width: 1024px){.cpn-stafftable-table th,.cpn-stafftable-table td{padding:10px 8px;font-size:13px}.cpn-stafftable-avatar{width:30px;height:40px}.cpn-stafftable-name-with-avatar{gap:8px}.cpn-stafftable-cccd-image{width:38px;height:24px}.cpn-stafftable-cccd-with-images{gap:8px}}@media (max-width: 768px){.cpn-stafftable-table th,.cpn-stafftable-table td{padding:8px 6px;font-size:12px}.cpn-stafftable-badge{font-size:11px;padding:3px 8px}.cpn-stafftable-actions-sticky{left:-10px!important}.cpn-stafftable-avatar{width:24px;height:32px}.cpn-stafftable-name-with-avatar{gap:6px}.cpn-stafftable-cccd-image{width:32px;height:20px}.cpn-stafftable-cccd-with-images{gap:6px}.cpn-stafftable-table td{max-width:250px}}.cpn-stafftable-van-tay-header{text-align:center!important;min-width:80px!important;width:80px!important;max-width:80px!important;padding:14px 4px!important;white-space:nowrap}.cpn-stafftable-van-tay-cell{text-align:center!important;padding:8px!important;min-width:80px!important;width:80px!important;max-width:80px!important}.cpn-stafftable-van-tay-icon{display:inline-flex;align-items:center;justify-content:center;font-size:24px!important;cursor:default;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15));transition:transform .15s ease}.cpn-stafftable-van-tay-icon:hover{transform:scale(1.2)}[data-theme=dark] .cpn-stafftable-table{background:var(--bg-content, #1e293b)}[data-theme=dark] .cpn-stafftable-table thead,[data-theme=dark] .cpn-stafftable-table th{background:var(--bg-input, #1e293b);color:var(--text-label, #8a93a8);border-bottom-color:var(--border-divider, #334155);border-left-color:#33415580;border-right-color:#33415580}[data-theme=dark] .cpn-stafftable-sortable:hover{background:rgba(255,255,255,.08);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .cpn-stafftable-actions-sticky{background:var(--bg-input, #1e293b)!important;border-right-color:var(--border-divider, #334155)!important}[data-theme=dark] .cpn-stafftable-table tbody .cpn-stafftable-actions-sticky{background:var(--bg-content, #1e293b)!important}[data-theme=dark] .cpn-stafftable-table tbody tr:hover .cpn-stafftable-actions-sticky{background:rgba(255,255,255,.04)!important}[data-theme=dark] .cpn-stafftable-table tbody tr{border-bottom-color:#33415599}[data-theme=dark] .cpn-stafftable-table tbody tr:hover{background:rgba(255,255,255,.04)}[data-theme=dark] .cpn-stafftable-table td{color:var(--text-primary, #e2e8f0);border-color:#33415566}[data-theme=dark] .cpn-stafftable-table td[title]:hover{background:rgba(37,99,235,.1);border-color:#3b82f6}[data-theme=dark] .cpn-stafftable-name{color:#60a5fa}[data-theme=dark] .cpn-stafftable-avatar,[data-theme=dark] .cpn-stafftable-cccd-image{border-color:var(--border-input, #334155)}[data-theme=dark] .cpn-stafftable-badge-contract{background:rgba(37,99,235,.2);color:#93c5fd}[data-theme=dark] .cpn-stafftable-badge-status{background:rgba(5,150,105,.2);color:#6ee7b7}[data-theme=dark] .cpn-stafftable-badge-approval{background:rgba(180,83,9,.2);color:#fcd34d}[data-theme=dark] .cpn-stafftable-action-btn{background:var(--bg-input, #1e293b);border-color:var(--border-input, #334155);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .cpn-stafftable-action-menu{background:var(--bg-surface, #0f172a);border-color:var(--border-input, #334155);box-shadow:0 8px 24px #00000080}[data-theme=dark] .cpn-stafftable-action-menu-item{background:var(--bg-surface, #0f172a);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .cpn-stafftable-action-menu-item:hover{background:rgba(255,255,255,.06);color:#60a5fa}[data-theme=dark] .cpn-stafftable-action-menu-item svg{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .cpn-stafftable-action-menu-item:hover svg{color:#60a5fa}[data-theme=dark] .cpn-stafftable-action-menu-item-warning{color:#fbbf24}[data-theme=dark] .cpn-stafftable-action-menu-item-warning svg{color:#fbbf24}[data-theme=dark] .cpn-stafftable-action-menu-item-warning:hover{background:rgba(180,83,9,.15);color:#fcd34d}[data-theme=dark] .cpn-stafftable-action-menu-item-danger{color:#f87171}[data-theme=dark] .cpn-stafftable-action-menu-item-danger svg{color:#f87171}[data-theme=dark] .cpn-stafftable-action-menu-item-danger:hover{background:rgba(220,38,38,.15);color:#fca5a5}[data-theme=dark] .cpn-stafftable-action-menu-item-success{color:#4ade80}[data-theme=dark] .cpn-stafftable-action-menu-item-success svg{color:#4ade80}[data-theme=dark] .cpn-stafftable-action-menu-item-success:hover{background:rgba(22,163,74,.15);color:#86efac}[data-theme=dark] .cpn-stafftable-loading-spinner{border-color:var(--border-divider, #334155);border-top-color:#60a5fa}[data-theme=dark] .cpn-stafftable-empty p{color:var(--text-secondary, #64748b)}.cpn-filtercontrols-container{display:flex;gap:12px;position:relative}.cpn-filtercontrols-filter-wrapper,.cpn-filtercontrols-column-wrapper{position:relative}.cpn-filtercontrols-filter-btn,.cpn-filtercontrols-column-selector-btn,.cpn-filtercontrols-export-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:2px solid #e5e7eb;border-radius:8px;background:white;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cpn-filtercontrols-filter-btn:hover,.cpn-filtercontrols-column-selector-btn:hover{border-color:#3b82f6;color:#3b82f6}.cpn-filtercontrols-export-btn{background:#10b981;color:#fff;border-color:#10b981}.cpn-filtercontrols-export-btn:hover{background:#059669}.cpn-filtercontrols-print-cccd-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;background:white;color:#c2410c;border:2px solid #fed7aa}.cpn-filtercontrols-print-cccd-btn:hover:not(:disabled){background:#fff7ed;border-color:#c2410c}.cpn-filtercontrols-print-cccd-btn--loading{opacity:.6;cursor:not-allowed}.cpn-filtercontrols-copy-btn{background:white;color:#7c3aed;border:2px solid #c4b5fd}.cpn-filtercontrols-copy-btn:hover:not(:disabled){background:#f5f3ff;border-color:#7c3aed}.cpn-filtercontrols-copy-btn--loading{opacity:.6;cursor:not-allowed}.cpn-filtercontrols-export-img-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;background:white;color:#0e7490;border:2px solid #67e8f9}.cpn-filtercontrols-export-img-btn:hover:not(:disabled){background:#ecfeff;border-color:#0e7490}.cpn-filtercontrols-export-img-btn--loading{opacity:.6;cursor:not-allowed}.cpn-filtercontrols-filter-menu,.cpn-filtercontrols-column-selector-menu{position:absolute;top:100%;right:0;margin-top:8px;background:white;border:2px solid #e5e7eb;border-radius:8px;padding:16px;min-width:300px;max-height:500px;overflow-y:auto;box-shadow:0 4px 12px #00000026;z-index:100}.cpn-filtercontrols-filter-menu h4,.cpn-filtercontrols-column-selector-menu h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#1f2937}.cpn-filtercontrols-filter-item{margin-bottom:16px}.cpn-filtercontrols-filter-item label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:#4b5563}.cpn-filtercontrols-filter-item select{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.cpn-filtercontrols-column-checkbox{display:flex;align-items:center;gap:8px;padding:8px 0;cursor:pointer;transition:background .2s ease}.cpn-filtercontrols-column-checkbox:hover{background:#f3f4f6;padding-left:8px;padding-right:8px;border-radius:6px}.cpn-filtercontrols-column-checkbox input{cursor:pointer;width:16px;height:16px;accent-color:#3b82f6}.cpn-filtercontrols-column-checkbox input:disabled{cursor:not-allowed;opacity:.5}.cpn-filtercontrols-column-checkbox-all{border-bottom:2px solid #e5e7eb;padding-bottom:12px;margin-bottom:8px}.cpn-filtercontrols-column-checkbox-all:hover{background:#eff6ff}.cpn-filtercontrols-column-divider{height:1px;background:#e5e7eb;margin:8px 0}@media (max-width: 768px){.cpn-filtercontrols-container{flex-wrap:wrap;gap:8px}.cpn-filtercontrols-filter-btn,.cpn-filtercontrols-column-selector-btn,.cpn-filtercontrols-export-btn,.cpn-filtercontrols-export-img-btn,.cpn-filtercontrols-copy-btn{padding:10px;min-width:auto}.cpn-filtercontrols-filter-btn span,.cpn-filtercontrols-column-selector-btn span,.cpn-filtercontrols-export-btn span,.cpn-filtercontrols-export-img-btn span,.cpn-filtercontrols-copy-btn span{display:none}.cpn-filtercontrols-filter-menu,.cpn-filtercontrols-column-selector-menu{right:0;left:auto;min-width:280px;width:calc(100vw - 32px);max-width:300px;max-height:70vh}}@media (max-width: 480px){.cpn-filtercontrols-filter-btn,.cpn-filtercontrols-column-selector-btn,.cpn-filtercontrols-export-btn,.cpn-filtercontrols-export-img-btn,.cpn-filtercontrols-copy-btn{padding:8px}}[data-theme=dark] .cpn-filtercontrols-filter-btn,[data-theme=dark] .cpn-filtercontrols-column-selector-btn{background:var(--bg-input, #1e293b);border-color:var(--border-input, #334155);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .cpn-filtercontrols-filter-btn:hover,[data-theme=dark] .cpn-filtercontrols-column-selector-btn:hover{border-color:#60a5fa;color:#60a5fa}[data-theme=dark] .cpn-filtercontrols-filter-menu,[data-theme=dark] .cpn-filtercontrols-column-selector-menu{background:var(--bg-surface, #0f172a);border-color:var(--border-input, #334155);box-shadow:0 4px 12px #0006}[data-theme=dark] .cpn-filtercontrols-filter-menu h4,[data-theme=dark] .cpn-filtercontrols-column-selector-menu h4{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .cpn-filtercontrols-filter-item label{color:var(--text-label, #8a93a8)}[data-theme=dark] .cpn-filtercontrols-filter-item select{background:var(--bg-input, #1e293b);border-color:var(--border-input, #334155);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .cpn-filtercontrols-export-img-btn{background:var(--bg-input, #1e293b);color:#22d3ee;border-color:#164e63}[data-theme=dark] .cpn-filtercontrols-export-img-btn:hover:not(:disabled){background:#0c4a6e;border-color:#22d3ee}[data-theme=dark] .cpn-filtercontrols-column-checkbox:hover{background:rgba(255,255,255,.06)}[data-theme=dark] .cpn-filtercontrols-column-checkbox-all{border-bottom-color:var(--border-divider, #334155)}[data-theme=dark] .cpn-filtercontrols-column-checkbox-all:hover{background:rgba(37,99,235,.1)}[data-theme=dark] .cpn-filtercontrols-column-divider{background:var(--border-divider, #334155)}[data-theme=dark] .cpn-filtercontrols-copy-btn{background:transparent;color:#a78bfa;border-color:#6d28d9}[data-theme=dark] .cpn-filtercontrols-copy-btn:hover:not(:disabled){background:rgba(139,92,246,.15);border-color:#a78bfa}.staff-management-container{display:flex;flex-direction:column;height:calc(100vh - 50px);overflow:hidden;background:#f9fafb}.staff-management-fixed-header{position:sticky;top:0;z-index:100;background:white;box-shadow:0 2px 4px #0000000d}.staff-management-fixed-tabs{position:sticky;top:0;z-index:90;background:white;box-shadow:0 2px 4px #0000000d;transition:margin-right .4s cubic-bezier(.4,0,.2,1)}.staff-management-fixed-tabs.with-detail-modal{margin-right:700px}@media (max-width: 1024px){.staff-management-fixed-tabs.with-detail-modal{margin-right:800px}}@media (max-width: 768px){.staff-management-fixed-tabs.with-detail-modal{margin-right:0}}.staff-management-content{flex:1;overflow:hidden;padding:0;display:flex;flex-direction:column;min-height:0;transition:margin-right .4s cubic-bezier(.4,0,.2,1)}.staff-management-content.with-detail-modal{margin-right:700px}@media (max-width: 1024px){.staff-management-content.with-detail-modal{margin-right:800px}}@media (max-width: 768px){.staff-management-content.with-detail-modal{margin-right:0}}.staff-management-statistics-wrapper{flex:1;overflow-y:auto;padding:5px}.staff-management-list-wrapper{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.staff-management-fixed-filters{flex-shrink:0;background:white;padding:6px 16px;border-bottom:1px solid #e5e7eb}.staff-management-table-container{flex:1;overflow:auto;padding:0 0 4px 2px;min-height:0}.staff-management-fixed-pagination{flex-shrink:0;background:white;padding:0 16px;border-top:2px solid #e5e7eb;box-shadow:0 -2px 8px #0000000d}@media (max-width: 768px){.staff-management-table-container,.staff-management-fixed-filters,.staff-management-fixed-pagination{padding:8px}}.staff-management-body-with-tree{display:flex;height:100%;min-height:0;overflow:hidden}.staff-management-list-area{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}@media (max-width: 900px){.staff-management-body-with-tree{flex-direction:column}.staff-management-list-area{flex:1}}[data-theme=dark] .staff-management-container{background:var(--bg-surface, #0f172a)}[data-theme=dark] .staff-management-fixed-header,[data-theme=dark] .staff-management-fixed-tabs{background:var(--bg-content, #1e293b);box-shadow:0 2px 4px #0000004d}[data-theme=dark] .staff-management-fixed-filters{background:var(--bg-content, #1e293b);border-bottom:1px solid var(--border-divider, #334155)}[data-theme=dark] .staff-management-fixed-pagination{background:var(--bg-content, #1e293b);border-top:2px solid var(--border-divider, #334155);box-shadow:0 -2px 8px #0000004d}.page-employee-quits{display:flex;flex-direction:column;height:calc(100vh - 50px);background-color:#f5f5f5;padding:0;margin:0;overflow:hidden}.employee-quits-header{background-color:#fff;padding:10px 32px;border-bottom:1px solid #e0e0e0;box-shadow:0 1px 3px #0000000d}.employee-quits-header-title-wrapper{display:flex;align-items:center;gap:16px}.employee-quits-header-icon{color:#1890ff;width:32px;height:32px}.employee-quits-header-title{margin:0;font-size:28px;font-weight:600;color:#333}.employee-quits-header-badges{display:flex;gap:8px;margin-left:auto}.employee-quits-header-badge{padding:6px 14px;border-radius:16px;font-size:13px;font-weight:500}.employee-quits-header-badge-total{background-color:#e6f7ff;color:#1890ff}.employee-quits-header-badge-filtered{background-color:#f0f5ff;color:#597ef7}.employee-quits-tabs-container{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #e5e7eb;padding:6px 32px 0;gap:16px;background-color:#fff;transition:margin-right .4s cubic-bezier(.4,0,.2,1)}.employee-quits-tabs-container.with-detail-modal{margin-right:700px}.employee-quits-tabs-wrapper{display:flex;align-items:center;flex:1;position:relative;gap:8px;min-width:0}.employee-quits-tabs{display:flex;gap:8px;flex:1;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;padding:0 35px 2px 30px;-webkit-overflow-scrolling:touch;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.employee-quits-tabs:active{cursor:grabbing}.employee-quits-tabs::-webkit-scrollbar{display:none}.employee-quits-tab-scroll-btn{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;border:1px solid #d1d5db;background:#ffffff;color:#374151;font-size:24px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 2px 4px #0000001a;transition:all .2s ease;flex-shrink:0}.employee-quits-tab-scroll-btn:hover{background:#f3f4f6;border-color:#9ca3af;box-shadow:0 4px 6px #00000026}.employee-quits-tab-scroll-btn:active{background:#e5e7eb;transform:translateY(-50%) scale(.95)}.employee-quits-tab-scroll-left{left:0}.employee-quits-tab-scroll-right{right:0}.employee-quits-controls{display:flex;gap:16px;margin-bottom:2px;flex-shrink:0;min-width:-moz-fit-content;min-width:fit-content}.employee-quits-tab{display:flex;align-items:center;gap:8px;padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:15px;font-weight:500;color:#6b7280;transition:all .2s ease;position:relative;bottom:-2px;flex-shrink:0;white-space:nowrap}.employee-quits-tab:hover{color:#1f2937;background:#f9fafb}.employee-quits-tab.active{color:#2563eb;border-bottom-color:#2563eb;background:#eff6ff}.employee-quits-tab-icon{display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1}.employee-quits-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background-color:#ff4d4f;color:#fff;font-size:12px;font-weight:600;border-radius:10px;margin-left:4px}.employee-quits-tab.active .employee-quits-tab-badge{background-color:#2563eb}.employee-quits-btn-export,.employee-quits-btn-column{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #d0d0d0;background-color:#fff;color:#333;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease}.employee-quits-btn-export:hover,.employee-quits-btn-column:hover{background-color:#f0f0f0;border-color:#1890ff;color:#1890ff}.employee-quits-btn-export .icon,.employee-quits-btn-column .icon{font-size:16px}.employee-quits-content-wrapper{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;transition:margin-right .4s cubic-bezier(.4,0,.2,1)}.employee-quits-content-wrapper.with-detail-modal{margin-right:700px}.employee-quits-tab-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:0;transition:margin-right .4s cubic-bezier(.4,0,.2,1);min-height:0}.employee-quits-table-wrapper{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0;padding:0 0 4px 2px;margin-bottom:43px}.employee-quits-pagination-wrapper{position:fixed;bottom:0;left:50px;right:0;background-color:#fff;border-top:1px solid #e0e0e0;box-shadow:0 -2px 8px #00000014;z-index:100;overflow:hidden;transition:margin-right .4s cubic-bezier(.4,0,.2,1)}.employee-quits-pagination-wrapper.with-detail-modal{margin-right:700px}@media (max-width: 768px){.employee-quits-pagination-wrapper{left:0}}.employee-quits-placeholder,.employee-quits-statistics-placeholder{padding:40px;text-align:center;background:linear-gradient(135deg,var(--color-primary, #667eea) 0%,var(--color-primary-end, #764ba2) 100%);color:#fff;border-radius:12px;box-shadow:0 4px 15px rgba(var(--color-primary-rgb, 102, 126, 234),.4)}.employee-quits-placeholder h3,.employee-quits-statistics-placeholder h3{margin:0 0 16px;font-size:24px;font-weight:600}.employee-quits-placeholder p,.employee-quits-statistics-placeholder p{margin:0 0 24px;font-size:16px;opacity:.95}.employee-quits-placeholder ul,.employee-quits-statistics-placeholder ul{list-style:none;padding:0;text-align:left;max-width:600px;margin:0 auto}.employee-quits-placeholder li,.employee-quits-statistics-placeholder li{padding:12px 16px;margin-bottom:8px;background-color:#ffffff26;border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:14px;transition:transform .2s ease}.employee-quits-placeholder li:hover,.employee-quits-statistics-placeholder li:hover{transform:translate(8px);background-color:#ffffff40}.employee-quits-placeholder li:before,.employee-quits-statistics-placeholder li:before{content:"✓ ";margin-right:8px;font-weight:700}@media (max-width: 1024px){.employee-quits-tabs-container{flex-direction:column;align-items:stretch;padding:0 16px;gap:12px}.employee-quits-tabs-container.with-detail-modal,.employee-quits-content-wrapper.with-detail-modal,.employee-quits-pagination-wrapper.with-detail-modal{margin-right:800px}.employee-quits-tabs{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.employee-quits-controls{flex-direction:row;flex-wrap:wrap;gap:8px;margin-bottom:8px;align-items:center}}@media screen and (max-width: 768px){.employee-quits-header{padding:16px}.employee-quits-header-title{font-size:20px}.employee-quits-tabs-container{padding:0 12px;gap:8px}.employee-quits-tabs-container.with-detail-modal,.employee-quits-content-wrapper.with-detail-modal,.employee-quits-pagination-wrapper.with-detail-modal{margin-right:0}.employee-quits-tabs{gap:6px;scroll-behavior:smooth;flex-wrap:nowrap}.employee-quits-tab{padding:10px 16px;font-size:14px;flex-shrink:0;white-space:nowrap}.employee-quits-tab span{display:inline}.employee-quits-tab-icon{width:16px;height:16px}.employee-quits-controls{flex-direction:row;flex-wrap:wrap;gap:6px;width:100%;justify-content:flex-start}.employee-quits-btn-export .text,.employee-quits-btn-column .text{display:none}.employee-quits-tab-content{margin:8px;padding:12px}.employee-quits-table-wrapper{overflow:hidden;margin-bottom:80px}.employee-quits-placeholder,.employee-quits-statistics-placeholder{padding:24px 16px}.employee-quits-placeholder h3,.employee-quits-statistics-placeholder h3{font-size:20px}.employee-quits-placeholder p,.employee-quits-statistics-placeholder p{font-size:14px}}.employee-quits-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.employee-quits-empty{text-align:center;padding:60px 20px;color:#999}.employee-quits-empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.employee-quits-empty-text{font-size:16px;color:#666;margin-bottom:8px}.employee-quits-empty-hint{font-size:14px;color:#999}.cpn-staffdetailmodal-header{header:54px!important}.eq-restore-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1200}.eq-restore-modal-content{background:#fff;border-radius:10px;width:480px;max-width:96vw;box-shadow:0 8px 32px #0000002e;display:flex;flex-direction:column;overflow:hidden}.eq-restore-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f0fdf4}.eq-restore-modal-header h3{margin:0;font-size:16px;font-weight:600;color:#15803d}.eq-restore-modal-close{background:none;border:none;font-size:22px;line-height:1;color:#6b7280;cursor:pointer;padding:0 4px}.eq-restore-modal-close:hover{color:#111}.eq-restore-modal-body{padding:20px;display:flex;flex-direction:column;gap:10px}.eq-restore-modal-desc{margin:0 0 4px;font-size:14px;color:#374151;line-height:1.55}.eq-restore-modal-label{font-size:14px;font-weight:500;color:#374151}.eq-restore-modal-required{color:#ef4444;margin-left:2px}.eq-restore-modal-textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;color:#111827;resize:vertical;min-height:90px;transition:border-color .2s}.eq-restore-modal-textarea:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px #16a34a26}.eq-restore-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid #e5e7eb;background:#f9fafb}.eq-restore-modal-btn{padding:8px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:background .2s,opacity .2s}.eq-restore-modal-btn:disabled{opacity:.5;cursor:not-allowed}.eq-restore-modal-btn-cancel{background:#fff;border-color:#d1d5db;color:#374151}.eq-restore-modal-btn-cancel:hover:not(:disabled){background:#f3f4f6}.eq-restore-modal-btn-confirm{background:#16a34a;border-color:#16a34a;color:#fff}.eq-restore-modal-btn-confirm:hover:not(:disabled){background:#15803d}[data-theme=dark] .page-employee-quits{background-color:var(--bg-surface, #0f172a)}[data-theme=dark] .employee-quits-header{background-color:var(--bg-content, #1e293b);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .employee-quits-header-title{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .employee-quits-header-icon{color:#60a5fa}[data-theme=dark] .employee-quits-header-badge-total{background-color:#1890ff1a;color:#60a5fa}[data-theme=dark] .employee-quits-header-badge-filtered{background-color:#6366f11a;color:#818cf8}[data-theme=dark] .employee-quits-tabs-container{background-color:var(--bg-content, #1e293b);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .employee-quits-tab-scroll-btn{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0);box-shadow:0 2px 4px #0006}[data-theme=dark] .employee-quits-tab-scroll-btn:hover{background:var(--bg-surface-hover, #475569);border-color:var(--text-secondary, #94a3b8)}[data-theme=dark] .employee-quits-tab{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .employee-quits-tab:hover{color:var(--text-primary, #e2e8f0);background:rgba(255,255,255,.05)}[data-theme=dark] .employee-quits-tab.active{color:#93c5fd;border-bottom-color:#3b82f6;background:rgba(59,130,246,.08)}[data-theme=dark] .employee-quits-tab.active .employee-quits-tab-badge{background-color:#3b82f6}[data-theme=dark] .employee-quits-btn-export,[data-theme=dark] .employee-quits-btn-column{background-color:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .employee-quits-btn-export:hover,[data-theme=dark] .employee-quits-btn-column:hover{background-color:var(--bg-surface-hover, #475569);border-color:#60a5fa;color:#60a5fa}[data-theme=dark] .employee-quits-tab-content{background-color:var(--bg-content, #1e293b);box-shadow:0 1px 3px #0006}[data-theme=dark] .employee-quits-pagination-wrapper{background-color:var(--bg-content, #1e293b);border-top-color:var(--border-divider, #475569);box-shadow:0 -2px 8px #00000059}[data-theme=dark] .employee-quits-empty-text{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .employee-quits-empty-hint{color:var(--text-secondary, #64748b)}[data-theme=dark] .eq-restore-modal-content{background:var(--bg-content, #1e293b)}[data-theme=dark] .eq-restore-modal-header{background:rgba(22,163,74,.1);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .eq-restore-modal-header h3{color:#4ade80}[data-theme=dark] .eq-restore-modal-close{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .eq-restore-modal-close:hover,[data-theme=dark] .eq-restore-modal-desc,[data-theme=dark] .eq-restore-modal-label{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .eq-restore-modal-textarea{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .eq-restore-modal-textarea:focus{border-color:#4ade80;box-shadow:0 0 0 3px #4ade8026}[data-theme=dark] .eq-restore-modal-footer{background:var(--bg-input, #334155);border-top-color:var(--border-divider, #475569)}[data-theme=dark] .eq-restore-modal-btn-cancel{background:var(--bg-input, #334155);border-color:var(--border-divider, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .eq-restore-modal-btn-cancel:hover:not(:disabled){background:var(--bg-surface-hover, #475569)}.nghi-viec-statistics{padding:20px;background:#f8f9fa;min-height:calc(100vh - 200px);max-height:calc(100vh - 160px);overflow-y:auto;overflow-x:hidden}.nghi-viec-statistics-loading,.nghi-viec-statistics-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.loading-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.nghi-viec-statistics-error{color:#ef4444}.nghi-viec-statistics-error h3{margin:0;font-size:20px;font-weight:600}.nghi-viec-statistics-error p{margin:0;color:#6b7280}.btn-retry{margin-top:16px;padding:10px 24px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-retry:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.kpi-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.kpi-card{background:white;border-radius:12px;padding:20px;display:flex;gap:16px;box-shadow:0 1px 3px #0000001a;transition:all .2s}.kpi-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.kpi-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-content{flex:1;display:flex;flex-direction:column;gap:4px}.kpi-label{font-size:13px;color:#6b7280;font-weight:500}.kpi-value{font-size:32px;font-weight:700;color:#111827;line-height:1}.kpi-trend{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;margin-top:4px}.kpi-trend.trend-up{color:#ef4444}.kpi-trend.trend-down{color:#10b981}.kpi-trend.trend-stable{color:#6b7280}.kpi-sub{font-size:12px;color:#9ca3af;margin-top:4px}.charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:20px;margin-bottom:24px}.chart-card{background:white;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.chart-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.chart-header h3{margin:0;font-size:16px;font-weight:600;color:#111827}.chart-content{min-height:300px;display:flex;align-items:center;justify-content:center}.chart-empty{color:#9ca3af;font-size:14px;text-align:center}.recent-quits-card{background:white;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.recent-quits-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.recent-quits-header h3{margin:0;font-size:16px;font-weight:600;color:#111827}.recent-quits-table-wrapper{overflow-x:auto}.recent-quits-table{width:100%;border-collapse:collapse;font-size:14px}.recent-quits-table thead{background:#f9fafb}.recent-quits-table th{padding:12px 16px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;white-space:nowrap}.recent-quits-table td{padding:12px 16px;border-bottom:1px solid #e5e7eb;color:#6b7280;white-space:nowrap}.recent-quits-table tbody tr:hover{background:#f9fafb}.recent-quits-table tbody tr:last-child td{border-bottom:none}.table-empty{padding:40px;text-align:center;color:#9ca3af;font-size:14px}.loai-don-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;background:#e5e7eb;color:#374151}.tinh-trang-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}@media (max-width: 1200px){.charts-row{grid-template-columns:1fr}}@media (max-width: 768px){.nghi-viec-statistics{padding:12px}.kpi-cards{grid-template-columns:1fr;gap:12px}.kpi-card{padding:16px}.kpi-value{font-size:28px}.charts-row{gap:12px;margin-bottom:12px}.chart-card,.recent-quits-card{padding:16px}.recent-quits-table{font-size:13px}.recent-quits-table th,.recent-quits-table td{padding:8px 12px}}@media (max-width: 480px){.kpi-card{flex-direction:column;text-align:center}.kpi-icon{margin:0 auto}.kpi-trend{justify-content:center}}[data-theme=dark] .nghi-viec-statistics{background:var(--bg-surface, #0f172a)}[data-theme=dark] .loading-spinner{border-color:var(--border-divider, #475569);border-top-color:#3b82f6}[data-theme=dark] .nghi-viec-statistics-error p{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .kpi-card{background:var(--bg-content, #1e293b);box-shadow:0 1px 3px #0006}[data-theme=dark] .kpi-label,[data-theme=dark] .kpi-sub{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .kpi-value{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .kpi-trend.trend-stable{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .chart-card{background:var(--bg-content, #1e293b);box-shadow:0 1px 3px #0006}[data-theme=dark] .chart-header{border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .chart-header h3{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .chart-empty{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .recent-quits-card{background:var(--bg-content, #1e293b);box-shadow:0 1px 3px #0006}[data-theme=dark] .recent-quits-header{border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .recent-quits-header h3{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .recent-quits-table thead{background:var(--bg-input, #334155)}[data-theme=dark] .recent-quits-table th{color:var(--text-secondary, #94a3b8);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .recent-quits-table td{color:var(--text-secondary, #94a3b8);border-bottom-color:var(--border-divider, #2d3f55)}[data-theme=dark] .recent-quits-table tbody tr:hover{background:var(--bg-surface-hover, #334155)}[data-theme=dark] .table-empty{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .loai-don-badge{background:var(--bg-input, #334155);color:var(--text-primary, #e2e8f0)}.nghi-viec-input-section{background:#ffffff;border-radius:8px;padding:8px 10px;box-shadow:0 2px 4px #0000000d}.nghi-viec-input-container{margin-bottom:8px}.nghi-viec-input-row{display:flex;align-items:center;gap:10px;justify-content:flex-end;scrollbar-width:none;-ms-overflow-style:none}.nghi-viec-input-row::-webkit-scrollbar{display:none}.nghi-viec-input-wrapper{flex:1;display:flex;align-items:center;gap:10px;border:2px solid #e0e0e0;border-radius:8px;padding:5px 12px;background:#f9f9f9;transition:all .3s ease;margin-right:auto}.nghi-viec-input-wrapper:focus-within{border-color:#3498db;background:#ffffff;box-shadow:0 0 0 3px #3498db1a}.nghi-viec-input-icon{display:flex;align-items:center;color:#7f8c8d}.nghi-viec-input{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:#2c3e50;padding:3px 0}.nghi-viec-input::-moz-placeholder{color:#95a5a6}.nghi-viec-input::placeholder{color:#95a5a6}.nghi-viec-input.error{color:#e74c3c}.nghi-viec-input:disabled{opacity:.6;cursor:not-allowed}.nghi-viec-input-btn-search{display:flex;align-items:center;justify-content:center;gap:6px;padding:5px 12px;background:#3498db;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;flex-shrink:0}.nghi-viec-input-btn-search:hover:not(:disabled){background:#2980b9;transform:translateY(-1px);box-shadow:0 2px 8px #3498db4d}.nghi-viec-input-btn-search:active:not(:disabled){transform:translateY(0)}.nghi-viec-input-btn-search:disabled{opacity:.5;cursor:not-allowed}.nghi-viec-input-error{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px 15px;background:#fee;border-left:4px solid #e74c3c;border-radius:4px;animation:shake .3s ease}.nghi-viec-input-error .error-icon{font-size:16px}.nghi-viec-input-error .error-text{color:#c0392b;font-size:13px;font-weight:500}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.nghi-viec-toggle-guide-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:5px 12px;background:#ffffff;color:#3498db;border:2px solid #3498db;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;min-width:50px}.nghi-viec-toggle-guide-btn:hover{background:#3498db;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #3498db33}.nghi-viec-toggle-guide-btn:active{transform:translateY(0)}.nghi-viec-btn-edit-all{display:flex;align-items:center;justify-content:center;gap:6px;padding:5px 12px;background:#ffffff;color:#f39c12;border:2px solid #f39c12;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.nghi-viec-btn-edit-all:hover:not(:disabled){background:#f39c12;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #f39c124d}.nghi-viec-btn-edit-all:active:not(:disabled){transform:translateY(0)}.nghi-viec-btn-edit-all:disabled{opacity:.5;cursor:not-allowed}.nghi-viec-btn-cancel-all{display:flex;align-items:center;justify-content:center;gap:6px;padding:5px 12px;background:#ffffff;color:#e74c3c;border:2px solid #e74c3c;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.nghi-viec-btn-cancel-all:hover:not(:disabled){background:#e74c3c;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #e74c3c4d}.nghi-viec-btn-cancel-all:active:not(:disabled){transform:translateY(0)}.nghi-viec-btn-cancel-all:disabled{opacity:.5;cursor:not-allowed}.nghi-viec-btn-save-all{display:flex;align-items:center;justify-content:center;gap:6px;padding:5px 12px;background:#27ae60;color:#fff;border:2px solid #27ae60;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 2px 6px #27ae6033}.nghi-viec-btn-save-all:hover:not(:disabled){background:#229954;border-color:#229954;transform:translateY(-1px);box-shadow:0 4px 12px #27ae6066}.nghi-viec-btn-save-all:active:not(:disabled){transform:translateY(0)}.nghi-viec-btn-save-all:disabled{opacity:.5;cursor:not-allowed}.nghi-viec-input-hint{padding:15px;background:#f0f8ff;border-left:4px solid #3498db;border-radius:4px;margin-top:15px;overflow:hidden;animation:slideDownFromTop .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes slideDownFromTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.nghi-viec-input-hint.closing{animation:slideUpToTop .3s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes slideUpToTop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}.nghi-viec-input-hint p{margin:0 0 10px;color:#2c3e50;font-size:14px}.nghi-viec-input-hint ul{margin:0;padding-left:20px;list-style-type:disc}.nghi-viec-input-hint li{color:#34495e;font-size:13px;margin-bottom:5px;line-height:1.5}.nghi-viec-input-hint code{background:#e8f4f8;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:12px;color:#2980b9;font-weight:600}.nghi-viec-input-hint kbd{background:#ffffff;border:1px solid #d0d0d0;border-radius:3px;padding:2px 6px;font-family:Courier New,monospace;font-size:12px;box-shadow:0 1px 2px #0000001a}@media (max-width: 768px){.nghi-viec-input-section{padding:12px}.nghi-viec-input-row{flex-wrap:nowrap;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch}.nghi-viec-input-wrapper{flex:1;min-width:150px;padding:8px 10px;gap:6px}.nghi-viec-input{font-size:13px}.nghi-viec-input::-moz-placeholder{font-size:12px}.nghi-viec-input::placeholder{font-size:12px}.nghi-viec-input-btn-search{padding:8px;min-width:40px;width:40px;height:40px}.nghi-viec-input-btn-search span{display:none}.nghi-viec-input-btn-search svg{margin:0}.nghi-viec-toggle-guide-btn{width:auto;min-width:40px;padding:8px;justify-content:center}.nghi-viec-toggle-guide-btn .btn-text{display:none}.nghi-viec-btn-edit-all,.nghi-viec-btn-save-all,.nghi-viec-btn-cancel-all{width:auto;min-width:40px;padding:8px;justify-content:center;flex-shrink:0}.nghi-viec-btn-edit-all .btn-text,.nghi-viec-btn-save-all .btn-text,.nghi-viec-btn-cancel-all .btn-text{display:none}.nghi-viec-input-hint{padding:10px}.nghi-viec-input-hint li{font-size:12px}}@media (max-width: 480px){.nghi-viec-input-wrapper{padding:6px 8px;min-width:120px}.nghi-viec-input{font-size:12px}.nghi-viec-input::-moz-placeholder{font-size:11px}.nghi-viec-input::placeholder{font-size:11px}.nghi-viec-input-btn-search,.nghi-viec-toggle-guide-btn,.nghi-viec-btn-edit-all,.nghi-viec-btn-save-all,.nghi-viec-btn-cancel-all{padding:6px;min-width:36px}.nghi-viec-input-row{gap:4px}}[data-theme=dark] .nghi-viec-input-section{background:var(--bg-content, #1e293b)}[data-theme=dark] .nghi-viec-input-wrapper{background:var(--bg-input, #334155);border-color:var(--border-input, #475569)}[data-theme=dark] .nghi-viec-input-wrapper:focus-within{border-color:#60a5fa;background:var(--bg-content, #1e293b);box-shadow:0 0 0 3px #60a5fa26}[data-theme=dark] .nghi-viec-input-icon{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .nghi-viec-input{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .nghi-viec-input::-moz-placeholder{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .nghi-viec-input::placeholder{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .nghi-viec-toggle-guide-btn{background:var(--bg-input, #334155);color:#60a5fa;border-color:#3b82f680}[data-theme=dark] .nghi-viec-toggle-guide-btn:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}[data-theme=dark] .nghi-viec-btn-edit-all{background:var(--bg-input, #334155);color:#fbbf24;border-color:#f59e0b80}[data-theme=dark] .nghi-viec-btn-edit-all:hover:not(:disabled){background:#f59e0b;color:#fff;border-color:#f59e0b}[data-theme=dark] .nghi-viec-btn-cancel-all{background:var(--bg-input, #334155);color:#f87171;border-color:#ef444480}[data-theme=dark] .nghi-viec-btn-cancel-all:hover:not(:disabled){background:#ef4444;color:#fff;border-color:#ef4444}[data-theme=dark] .nghi-viec-input-error{background:rgba(231,76,60,.1);border-left-color:#ef4444}[data-theme=dark] .nghi-viec-input-error .error-text{color:#f87171}[data-theme=dark] .nghi-viec-input-hint{background:rgba(52,152,219,.08);border-left-color:#3b82f6}[data-theme=dark] .nghi-viec-input-hint p,[data-theme=dark] .nghi-viec-input-hint li{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .nghi-viec-input-hint code{background:rgba(41,128,185,.15);color:#60a5fa}[data-theme=dark] .nghi-viec-input-hint kbd{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0);box-shadow:0 1px 2px #0006}.nghi-viec-table-wrapper{background:#ffffff;border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow:hidden}.tinh-trang-cell-wrapper{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.tinh-trang-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap}.tinh-trang-chờ-duyệt{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.tinh-trang-chua-luu{background:#95a5a6;color:#fff;border:1px solid #7f8c8d}.tinh-trang-đang-xử-lý{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.tinh-trang-đã-duyệt{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.tinh-trang-từ-chối{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.tinh-trang-đã-hoàn-tất{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.tinh-trang-đã-quay-lại-làm-việc{background:#e8daef;color:#6c3483;border:1px solid #d7bde2}.tinh-trang-tạm-nghỉ,.tinh-trang-nghỉ-thai-san{background:#e2e3e5;color:#383d41;border:1px solid #d6d8db}.tinh-trang-actions{display:flex;gap:6px;margin-top:4px}.tinh-trang-save-notice{display:inline-block;margin-top:4px;padding:4px 8px;background:#fff3cd;color:#856404;border:1px solid #ffeaa7;border-radius:4px;font-size:11px;font-style:italic}.btn-approve,.btn-reject,.btn-confirm-quit,.btn-back-to-work{display:flex;align-items:center;gap:4px;padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-approve{background:#27ae60;color:#fff}.btn-approve:hover{background:#229954;transform:translateY(-1px);box-shadow:0 2px 6px #27ae604d}.btn-reject{background:#e74c3c;color:#fff}.btn-reject:hover{background:#c0392b;transform:translateY(-1px);box-shadow:0 2px 6px #e74c3c4d}.btn-confirm-quit{background:#3498db;color:#fff}.btn-confirm-quit:hover{background:#2980b9;transform:translateY(-1px);box-shadow:0 2px 6px #3498db4d}.btn-back-to-work{background:#9b59b6;color:#fff}.btn-back-to-work:hover{background:#8e44ad;transform:translateY(-1px);box-shadow:0 2px 6px #9b59b64d}.cpn-stafftable-name-cell{display:flex;align-items:center;gap:10px}.cpn-stafftable-avatar-3x4{width:36px;height:48px;-o-object-fit:cover;object-fit:cover;border:2px solid #e0e0e0;border-radius:4px;flex-shrink:0;cursor:pointer;transition:all .2s ease}.cpn-stafftable-avatar-3x4:hover{border-color:#3498db;transform:scale(1.05);box-shadow:0 2px 8px #3498db4d}.cpn-stafftable-avatar-placeholder{background:linear-gradient(135deg,var(--color-primary, #667eea) 0%,var(--color-primary-end, #764ba2) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;cursor:default}.cpn-stafftable-avatar-placeholder:hover{transform:none;box-shadow:none}.nghi-viec-table-actions{padding:15px 20px;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px}.btn-save-all{display:flex;align-items:center;gap:6px;padding:10px 20px;background:#27ae60;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-save-all:hover{background:#229954;transform:translateY(-1px);box-shadow:0 2px 8px #27ae604d}.nghi-viec-table-container{overflow-x:auto;max-height:calc(100vh - 400px);overflow-y:auto}.nghi-viec-table{width:100%;border-collapse:collapse;font-size:13px}.nghi-viec-table thead{position:sticky;top:0;z-index:10;background:#34495e;color:#fff}.nghi-viec-table th{padding:12px 8px;text-align:left;font-weight:600;white-space:nowrap;border-right:1px solid rgba(255,255,255,.1)}.nghi-viec-table th:last-child{border-right:none}.col-stt{width:50px!important;min-width:50px!important;max-width:50px!important;text-align:center;padding:12px 2px!important}.col-actions{width:120px}.col-ma-nv{width:100px}.col-ho-ten{min-width:180px}.col-ngay-sinh{width:110px}.col-gioi-tinh{width:80px}.col-chuc-vu,.col-bo-phan{min-width:150px}.col-xuong{min-width:120px}.col-loai-don{width:120px}.col-ngay-viet-don,.col-ngay-nghi-viec{width:130px}.col-ly-do,.col-ghi-chu{min-width:200px}.col-tinh-trang{width:150px}.col-ngay-lam-thu-tuc,.col-ngay-tra-luong{width:130px}.col-thoi-gian-nghi{width:120px}.col-ngay-rut-don{width:130px}.col-files{width:150px}.col-nguoi-duyet,.col-ngay-duyet{min-width:150px;max-width:200px}.col-ly-do-tu-choi{min-width:200px;max-width:300px;white-space:normal;word-wrap:break-word}.col-ngay-du-kien-quay-lai,.col-nguoi-tao,.col-ngay-tao,.col-nguoi-cap-nhat,.col-ngay-cap-nhat{min-width:150px;max-width:200px}.nghi-viec-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s ease}.nghi-viec-table tbody tr:hover{background:#f8f9fa}.nghi-viec-table tbody tr.editing{background:#fffacd}.nghi-viec-table td{padding:10px 8px;vertical-align:middle;border-right:1px solid #f0f0f0}.nghi-viec-table td:last-child{border-right:none}.table-cell-readonly{display:block;color:#2c3e50}.table-cell-input,.table-cell-textarea{width:100%;padding:6px 8px;border:1px solid #d0d0d0;border-radius:4px;font-size:13px;font-family:inherit;background:white;transition:all .2s ease}.table-cell-input:focus,.table-cell-textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db1a}.table-cell-textarea{resize:vertical;min-height:50px}select.table-cell-input{cursor:pointer}.action-buttons{display:flex;gap:5px;flex-wrap:wrap}.btn-action{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.btn-action:hover{transform:translateY(-1px);box-shadow:0 2px 4px #00000026}.btn-edit{background:#3498db;color:#fff}.btn-edit:hover{background:#2980b9}.btn-cancel{background:#95a5a6;color:#fff}.btn-cancel:hover{background:#7f8c8d}.btn-view{background:#9b59b6;color:#fff}.btn-view:hover{background:#8e44ad}.btn-move{background:#f39c12;color:#fff}.btn-move:hover{background:#e67e22}.btn-delete{background:#e74c3c;color:#fff}.btn-delete:hover{background:#c0392b}.file-actions{display:flex;align-items:center;gap:8px}.file-count{color:#27ae60;font-weight:500}.file-none{color:#95a5a6;font-style:italic}.btn-upload{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#16a085;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.btn-upload:hover{background:#138d75;transform:translateY(-1px);box-shadow:0 2px 4px #16a0854d}.nghi-viec-table-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:white;border-radius:8px;box-shadow:0 2px 4px #0000000d}.spinner{width:50px;height:50px;border:4px solid #f0f0f0;border-top-color:#3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.nghi-viec-table-loading p{margin-top:15px;color:#7f8c8d;font-size:14px}.nghi-viec-table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:white;border-radius:8px;box-shadow:0 2px 4px #0000000d}.nghi-viec-table-empty p{margin:5px 0;color:#7f8c8d;font-size:14px}.nghi-viec-table-empty p:first-child{font-size:24px;color:#34495e}.nghi-viec-table-empty .hint{color:#95a5a6;font-style:italic;font-size:13px}@media (max-width: 1200px){.nghi-viec-table{font-size:12px}.nghi-viec-table th,.nghi-viec-table td{padding:8px 6px}.col-ho-ten,.col-chuc-vu,.col-bo-phan,.col-xuong{min-width:120px}.col-ly-do,.col-ghi-chu{min-width:150px}}@media (max-width: 768px){.btn-save-all{width:100%;justify-content:center}.action-buttons{flex-direction:column}.btn-action{width:24px;height:24px}.nghi-viec-modal-content{width:95%;margin:10px}.nghi-viec-modal-header,.nghi-viec-modal-body{padding:15px}.nghi-viec-modal-footer{padding:12px 15px}}.action-approve{color:#27ae60!important}.action-approve:hover{background:#e8f5e9!important}.action-reject{color:#e74c3c!important}.action-reject:hover{background:#ffebee!important}.nghi-viec-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.nghi-viec-modal-content{background:white;border-radius:8px;box-shadow:0 4px 20px #00000026;width:90%;max-width:500px;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.nghi-viec-modal-header{padding:20px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.nghi-viec-modal-header h3{margin:0;font-size:18px;color:#2c3e50;font-weight:600}.nghi-viec-modal-close{background:none;border:none;font-size:28px;color:#95a5a6;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.nghi-viec-modal-close:hover{background:#ecf0f1;color:#2c3e50}.nghi-viec-modal-body{padding:20px}.nghi-viec-modal-body label{display:block;margin-bottom:8px;font-weight:500;color:#2c3e50;font-size:14px}.nghi-viec-modal-body .required{color:#e74c3c;margin-left:2px}.nghi-viec-modal-textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;transition:border-color .2s ease}.nghi-viec-modal-textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.nghi-viec-modal-footer{padding:15px 20px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px}.nghi-viec-modal-btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.nghi-viec-modal-btn-cancel{background:#ecf0f1;color:#2c3e50}.nghi-viec-modal-btn-cancel:hover{background:#d5dbdb}.nghi-viec-modal-btn-reject{background:#e74c3c;color:#fff}.nghi-viec-modal-btn-reject:hover{background:#c0392b}.nghi-viec-modal-btn-reject:disabled{background:#bdc3c7;cursor:not-allowed;opacity:.6}[data-theme=dark] .nghi-viec-table-wrapper{background:var(--bg-content, #1e293b)}[data-theme=dark] .nghi-viec-table-actions{background:var(--bg-input, #334155);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .nghi-viec-table thead{background:#1e3a5f}[data-theme=dark] .nghi-viec-table tbody tr{border-bottom-color:var(--border-divider, #2d3f55)}[data-theme=dark] .nghi-viec-table tbody tr:hover{background:var(--bg-surface-hover, #334155)}[data-theme=dark] .nghi-viec-table tbody tr.editing{background:rgba(255,250,205,.04)}[data-theme=dark] .nghi-viec-table td{border-right-color:#ffffff0a;color:var(--text-primary, #e2e8f0)}[data-theme=dark] .table-cell-readonly{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .table-cell-input,[data-theme=dark] .table-cell-textarea{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .table-cell-input:focus,[data-theme=dark] .table-cell-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa26}[data-theme=dark] .tinh-trang-chờ-duyệt{background:rgba(133,100,4,.2);color:#fcd34d;border-color:#ffeaa733}[data-theme=dark] .tinh-trang-chua-luu{background:rgba(127,140,141,.25);color:#94a3b8;border-color:#7f8c8d4d}[data-theme=dark] .tinh-trang-đang-xử-lý{background:rgba(12,84,96,.25);color:#67e8f9;border-color:#bee5eb33}[data-theme=dark] .tinh-trang-đã-duyệt,[data-theme=dark] .tinh-trang-đã-hoàn-tất{background:rgba(21,87,36,.25);color:#4ade80;border-color:#c3e6cb33}[data-theme=dark] .tinh-trang-từ-chối{background:rgba(114,28,36,.25);color:#f87171;border-color:#f5c6cb33}[data-theme=dark] .tinh-trang-đã-quay-lại-làm-việc{background:rgba(108,52,131,.25);color:#d8b4fe;border-color:#d7bde233}[data-theme=dark] .tinh-trang-tạm-nghỉ,[data-theme=dark] .tinh-trang-nghỉ-thai-san{background:rgba(56,61,65,.35);color:#94a3b8;border-color:#d6d8db26}[data-theme=dark] .tinh-trang-save-notice{background:rgba(133,100,4,.15);color:#fcd34d;border-color:#ffeaa733}[data-theme=dark] .action-approve:hover{background:rgba(39,174,96,.12)!important}[data-theme=dark] .action-reject:hover{background:rgba(231,76,60,.12)!important}[data-theme=dark] .cpn-stafftable-avatar-3x4{border-color:var(--border-divider, #475569)}[data-theme=dark] .file-none{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .spinner{border-color:var(--bg-input, #334155);border-top-color:#3b82f6}[data-theme=dark] .nghi-viec-table-loading{background:var(--bg-content, #1e293b)}[data-theme=dark] .nghi-viec-table-loading p{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .nghi-viec-table-empty{background:var(--bg-content, #1e293b)}[data-theme=dark] .nghi-viec-table-empty p{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .nghi-viec-table-empty p:first-child{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .nghi-viec-table-empty .hint{color:var(--text-secondary, #64748b)}[data-theme=dark] .nghi-viec-modal-content{background:var(--bg-content, #1e293b)}[data-theme=dark] .nghi-viec-modal-header{border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .nghi-viec-modal-header h3{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .nghi-viec-modal-close{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .nghi-viec-modal-close:hover{background:var(--bg-surface-hover, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .nghi-viec-modal-body label{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .nghi-viec-modal-textarea{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .nghi-viec-modal-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa26}[data-theme=dark] .nghi-viec-modal-footer{border-top-color:var(--border-divider, #475569)}[data-theme=dark] .nghi-viec-modal-btn-cancel{background:var(--bg-input, #334155);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .nghi-viec-modal-btn-cancel:hover{background:var(--bg-surface-hover, #475569)}.nghi-viec-checkbox{width:16px;height:16px;margin:0;cursor:pointer;accent-color:#3498db;flex-shrink:0}.cpn-stafftable-action-wrapper{display:flex;align-items:center;gap:8px;justify-content:center;flex-wrap:nowrap}.nghi-viec-table-wrapper .cpn-stafftable-actions-sticky{position:sticky!important;left:0!important;width:100px!important;min-width:100px!important;max-width:100px!important;background:white!important;z-index:6!important}.nghi-viec-table-wrapper thead th.cpn-stafftable-actions-sticky{z-index:16!important;background:#34495e!important}[data-theme=dark] .nghi-viec-table-wrapper tbody td.cpn-stafftable-actions-sticky{background:var(--bg-content, #1e293b)!important}[data-theme=dark] .nghi-viec-table-wrapper thead th.cpn-stafftable-actions-sticky{background:#1e3a5f!important}.nghi-viec-table-wrapper .col-stt-sticky{position:sticky!important;left:100px!important;width:55px!important;min-width:55px!important;max-width:55px!important;background:white!important;z-index:5!important}.nghi-viec-table-wrapper thead th.col-stt-sticky{z-index:15!important;background:#34495e!important}[data-theme=dark] .nghi-viec-table-wrapper tbody td.col-stt-sticky{background:var(--bg-content, #1e293b)!important}[data-theme=dark] .nghi-viec-table-wrapper thead th.col-stt-sticky{background:#1e3a5f!important}.nghi-viec-table-wrapper .col-ma-nv-sticky{position:sticky!important;left:155px!important;width:100px!important;min-width:100px!important;max-width:100px!important;background:white!important;z-index:5!important}.nghi-viec-table-wrapper thead th.col-ma-nv-sticky{z-index:15!important;background:#34495e!important}[data-theme=dark] .nghi-viec-table-wrapper tbody td.col-ma-nv-sticky{background:var(--bg-content, #1e293b)!important}[data-theme=dark] .nghi-viec-table-wrapper thead th.col-ma-nv-sticky{background:#1e3a5f!important}.nghi-viec-table-wrapper .col-ho-ten-sticky{position:sticky!important;left:255px!important;width:210px!important;min-width:210px!important;max-width:210px!important;background:white!important;z-index:5!important;border-right:2px solid #ddd!important}.nghi-viec-table-wrapper thead th.col-ho-ten-sticky{z-index:15!important;background:#34495e!important;border-right:2px solid rgba(255,255,255,.2)!important}[data-theme=dark] .nghi-viec-table-wrapper tbody td.col-ho-ten-sticky{background:var(--bg-content, #1e293b)!important;border-right:2px solid var(--border-divider, #475569)!important}[data-theme=dark] .nghi-viec-table-wrapper thead th.col-ho-ten-sticky{background:#1e3a5f!important;border-right:2px solid var(--border-divider, #475569)!important}.bulk-edit-row{background:#fdf2e9!important;border-bottom:2px solid #f8c471!important}[data-theme=dark] .bulk-edit-row{background:#2c2720!important;border-bottom:2px solid #b7950b!important}.bulk-edit-cell{padding:8px 6px!important;vertical-align:middle!important;border-bottom:2px solid #f8c471!important}[data-theme=dark] .bulk-edit-cell{border-bottom:2px solid #b7950b!important}.bulk-edit-row .cpn-stafftable-actions-sticky,.bulk-edit-row .col-stt-sticky,.bulk-edit-row .col-ma-nv-sticky,.bulk-edit-row .col-ho-ten-sticky{background:#fdf2e9!important}[data-theme=dark] .bulk-edit-row .cpn-stafftable-actions-sticky,[data-theme=dark] .bulk-edit-row .col-stt-sticky,[data-theme=dark] .bulk-edit-row .col-ma-nv-sticky,[data-theme=dark] .bulk-edit-row .col-ho-ten-sticky{background:#2c2720!important}.btn-bulk-delete{margin:0}.bulk-edit-count{font-size:11px;font-weight:700;color:#d35400;white-space:nowrap}[data-theme=dark] .bulk-edit-count{color:#f39c12}.bulk-edit-label-text{font-size:11px;font-weight:700;color:#d35400;text-transform:uppercase;white-space:nowrap;display:inline-block}[data-theme=dark] .bulk-edit-label-text{color:#f39c12}.bulk-edit-empty{color:#bdc3c7;text-align:center;display:block}.bulk-edit-input{border:1px solid #f39c12!important;box-shadow:0 0 4px #f39c1233;height:28px;padding:2px 6px!important;font-size:12px!important}.bulk-edit-input:focus{border-color:#d35400!important;box-shadow:0 0 0 2px #d3540033!important}[data-theme=dark] .bulk-edit-input{border-color:#b7950b!important;background:#2d3748!important;color:#fff!important}[data-theme=dark] .bulk-edit-input:focus{border-color:#f1c40f!important;box-shadow:0 0 0 2px #f1c40f33!important}.nghi-viec-table-wrapper tbody tr:hover td.cpn-stafftable-actions-sticky,.nghi-viec-table-wrapper tbody tr:hover td.col-stt-sticky,.nghi-viec-table-wrapper tbody tr:hover td.col-ma-nv-sticky,.nghi-viec-table-wrapper tbody tr:hover td.col-ho-ten-sticky{background:#f8f9fa!important}[data-theme=dark] .nghi-viec-table-wrapper tbody tr:hover td.cpn-stafftable-actions-sticky,[data-theme=dark] .nghi-viec-table-wrapper tbody tr:hover td.col-stt-sticky,[data-theme=dark] .nghi-viec-table-wrapper tbody tr:hover td.col-ma-nv-sticky,[data-theme=dark] .nghi-viec-table-wrapper tbody tr:hover td.col-ho-ten-sticky{background:var(--bg-surface-hover, #334155)!important}.nghi-viec-table-wrapper tbody tr.editing td.cpn-stafftable-actions-sticky,.nghi-viec-table-wrapper tbody tr.editing td.col-stt-sticky,.nghi-viec-table-wrapper tbody tr.editing td.col-ma-nv-sticky,.nghi-viec-table-wrapper tbody tr.editing td.col-ho-ten-sticky{background:#fffacd!important}[data-theme=dark] .nghi-viec-table-wrapper tbody tr.editing td.cpn-stafftable-actions-sticky,[data-theme=dark] .nghi-viec-table-wrapper tbody tr.editing td.col-stt-sticky,[data-theme=dark] .nghi-viec-table-wrapper tbody tr.editing td.col-ma-nv-sticky,[data-theme=dark] .nghi-viec-table-wrapper tbody tr.editing td.col-ho-ten-sticky{background:rgba(255,250,205,.08)!important}.file-upload-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:file-upload-modal-fade-in .2s ease-out}@keyframes file-upload-modal-fade-in{0%{opacity:0}to{opacity:1}}.file-upload-modal-container{background:white;border-radius:12px;width:90%;max-width:700px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;animation:file-upload-modal-slide-up .3s ease-out;position:relative}@keyframes file-upload-modal-slide-up{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.file-upload-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,var(--color-primary, var(--color-primary, #667eea)) 0%,var(--color-primary-end, var(--color-primary-end, #764ba2)) 100%);color:#fff}.file-upload-modal-header-left{display:flex;align-items:center;gap:12px}.file-upload-modal-icon{width:24px;height:24px;opacity:.9}.file-upload-modal-title{font-size:18px;font-weight:600;margin:0;line-height:1.3}.file-upload-modal-subtitle{font-size:13px;margin:4px 0 0;opacity:.9}.file-upload-modal-close{background:rgba(255,255,255,.2);border:none;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#fff}.file-upload-modal-close:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}.file-upload-modal-error{margin:16px 24px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;display:flex;align-items:center;gap:8px}.file-upload-modal-upload-area{margin:24px 24px 16px;position:relative}.file-upload-modal-input{display:none}.file-upload-modal-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;border:2px dashed #d1d5db;border-radius:12px;background:#f9fafb;cursor:pointer;transition:all .3s}.file-upload-modal-label:hover{border-color:var(--color-primary, var(--color-primary, #667eea));background:rgba(var(--color-primary-rgb, 102, 126, 234),.07)}.file-upload-modal-upload-icon{color:var(--color-primary, var(--color-primary, #667eea));margin-bottom:12px}.file-upload-modal-upload-text{font-size:15px;font-weight:500;color:#374151;margin:0 0 8px}.file-upload-modal-upload-hint{font-size:13px;color:#6b7280;margin:0;text-align:center}.file-upload-modal-files{flex:1;overflow-y:auto;padding:0 24px 24px}.file-upload-modal-files-title{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px;display:flex;align-items:center;gap:8px}.file-upload-modal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#9ca3af}.file-upload-modal-empty-icon{margin-bottom:12px;opacity:.5}.file-upload-modal-empty p{margin:0;font-size:14px}.file-upload-modal-files-list{display:flex;flex-direction:column;gap:8px}.file-upload-modal-file-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.file-upload-modal-file-item:hover{background:#f3f4f6;border-color:#d1d5db}.file-upload-modal-file-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.file-upload-modal-file-icon{font-size:24px;flex-shrink:0}.file-upload-modal-file-details{flex:1;min-width:0}.file-upload-modal-file-name{font-size:14px;font-weight:500;color:#374151;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-upload-modal-file-meta{font-size:12px;color:#6b7280;margin:0}.file-upload-modal-file-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.file-upload-modal-file-action{background:white;border:1px solid #e5e7eb;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#6b7280}.file-upload-modal-file-action:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}.file-upload-modal-file-action-delete:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.file-upload-modal-file-action:disabled{opacity:.5;cursor:not-allowed}.file-upload-modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;display:flex;justify-content:flex-end;gap:12px}.file-upload-modal-btn{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.file-upload-modal-btn:disabled{opacity:.5;cursor:not-allowed}.file-upload-modal-btn-secondary{background:white;border:1px solid #d1d5db;color:#374151}.file-upload-modal-btn-secondary:hover:not(:disabled){background:#f3f4f6}.file-upload-modal-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.95);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:10}.file-upload-modal-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:var(--color-primary, var(--color-primary, #667eea));border-radius:50%;animation:file-upload-modal-spin .8s linear infinite}@keyframes file-upload-modal-spin{to{transform:rotate(360deg)}}.file-upload-modal-loading p{font-size:14px;color:#6b7280;margin:0}.file-upload-modal-files::-webkit-scrollbar{width:8px}.file-upload-modal-files::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.file-upload-modal-files::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.file-upload-modal-files::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width: 640px){.file-upload-modal-container{width:95%;max-height:95vh}.file-upload-modal-header{padding:16px 20px}.file-upload-modal-title{font-size:16px}.file-upload-modal-upload-area{margin:20px 20px 16px}.file-upload-modal-label{padding:30px 16px}.file-upload-modal-files{padding:0 20px 20px}.file-upload-modal-footer{padding:12px 20px}}[data-theme=dark] .file-upload-modal-container{background:#1e293b}[data-theme=dark] .file-upload-modal-error{background:rgba(220,38,38,.15);border-color:#dc26264d;color:#f87171}[data-theme=dark] .file-upload-modal-label{background:#253348;border-color:#334155}[data-theme=dark] .file-upload-modal-label:hover{background:rgba(var(--color-primary-rgb, 102, 126, 234),.1)}[data-theme=dark] .file-upload-modal-upload-text{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .file-upload-modal-upload-hint{color:#9ca3af}[data-theme=dark] .file-upload-modal-files-title{color:var(--text-label, #d1d5db)}[data-theme=dark] .file-upload-modal-empty{color:#6b7280}[data-theme=dark] .file-upload-modal-file-item{background:#253348;border-color:#334155}[data-theme=dark] .file-upload-modal-file-item:hover{background:#2d3e55;border-color:#475569}[data-theme=dark] .file-upload-modal-file-name{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .file-upload-modal-file-meta{color:#9ca3af}[data-theme=dark] .file-upload-modal-file-action{background:#334155;border-color:#475569;color:#9ca3af}[data-theme=dark] .file-upload-modal-file-action:hover{background:#475569;border-color:#64748b;color:#e2e8f0}[data-theme=dark] .file-upload-modal-file-action-delete:hover{background:rgba(220,38,38,.15);border-color:#dc26264d;color:#f87171}[data-theme=dark] .file-upload-modal-footer{background:#253348;border-top-color:#334155}[data-theme=dark] .file-upload-modal-btn-secondary{background:#334155;border-color:#475569;color:#cbd5e1}[data-theme=dark] .file-upload-modal-btn-secondary:hover:not(:disabled){background:#475569}[data-theme=dark] .file-upload-modal-loading{background:rgba(30,41,59,.95)}[data-theme=dark] .file-upload-modal-loading p{color:#9ca3af}[data-theme=dark] .file-upload-modal-files::-webkit-scrollbar-track{background:#1e293b}[data-theme=dark] .file-upload-modal-files::-webkit-scrollbar-thumb{background:#475569}.hp-wrapper{padding:0;flex:1;min-height:0;display:flex;flex-direction:column;background:var(--bg-content, #f5f6fa);overflow:hidden}.hp-toolbar{display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--bg-surface, #fff);border-bottom:1px solid var(--border-divider, #e8eaed);flex-wrap:wrap;flex-shrink:0}.hp-toolbar-back{display:flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--border-divider, #d0d5dd);border-radius:8px;background:var(--bg-surface, #fff);color:var(--text-label, #374151);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.hp-toolbar-back:hover{background:var(--bg-surface-hover, #f3f4f6);border-color:var(--text-secondary, #9ca3af)}.hp-toolbar-filter-btn{display:flex;align-items:center;gap:6px;padding:7px 16px;border-radius:8px;background:var(--bg-surface, #fff);border:1px solid var(--border-divider, #d0d5dd);color:var(--text-label, #374151);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.hp-toolbar-filter-btn:hover{background:rgba(var(--color-primary-rgb, 102, 126, 234),.1);border-color:var(--color-primary, #3b5bdb);color:var(--color-primary, #3b5bdb)}.hp-toolbar-filter-btn.active{background:var(--color-primary, #3b5bdb);color:#fff;border-color:var(--color-primary, #3b5bdb)}.hp-toolbar-search{display:flex;align-items:center;gap:8px;flex:1;max-width:360px;background:var(--bg-content, #f8f9fa);border:1px solid var(--border-divider, #e9ecef);border-radius:8px;padding:7px 12px}.hp-toolbar-search svg{color:var(--text-secondary, #9ca3af);flex-shrink:0}.hp-toolbar-search input{border:none;background:transparent;outline:none;font-size:13px;color:var(--text-primary, #374151);width:100%}.hp-toolbar-search input::-moz-placeholder{color:var(--text-secondary, #9ca3af)}.hp-toolbar-search input::placeholder{color:var(--text-secondary, #9ca3af)}.hp-content{padding:20px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.hp-content::-webkit-scrollbar{width:6px}.hp-content::-webkit-scrollbar-track{background:transparent}.hp-content::-webkit-scrollbar-thumb{background:var(--border-divider, rgba(0,0,0,.15));border-radius:4px}.hp-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #9ca3af)}.hp-group{margin-bottom:28px}.hp-group-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--color-primary, #3b5bdb);margin-bottom:14px;padding-left:2px}.hp-group-title:before{content:"";display:inline-block;width:4px;height:18px;background:var(--color-primary, #3b5bdb);border-radius:4px}.hp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.hp-card{display:flex;align-items:flex-start;gap:14px;background:var(--bg-surface, #fff);border:1px solid var(--border-divider, #e8eaed);border-radius:12px;padding:16px;cursor:pointer;transition:box-shadow .18s,border-color .18s,transform .15s;position:relative;text-decoration:none;color:inherit}.hp-card:hover{box-shadow:0 4px 18px rgba(var(--color-primary-rgb, 60, 90, 220),.12);border-color:var(--color-primary, #b2c0f5);transform:translateY(-1px)}.hp-card.hp-card--disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.hp-card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hp-card-icon--blue{background:#eff2ff;color:#3b5bdb}.hp-card-icon--green{background:#ebfbee;color:#2f9e44}.hp-card-icon--purple{background:#f3f0ff;color:#7048e8}.hp-card-icon--orange{background:#fff4e6;color:#e8590c}.hp-card-icon--teal{background:#e6fcf5;color:#0ca678}.hp-card-icon--red{background:#fff5f5;color:#e03131}.hp-card-icon--yellow{background:#fffbe6;color:#d9a800}.hp-card-icon--pink{background:#fff0f6;color:#d6336c}.hp-card-icon--cyan{background:#e3fafc;color:#0891b2}.hp-card-icon--indigo{background:#edf2ff;color:#4c6ef5}.hp-card-icon--gray{background:#f3f4f6;color:#6b7280}[data-theme=dark] .hp-card-icon--blue{background:rgba(59,91,219,.2);color:#7b9cff}[data-theme=dark] .hp-card-icon--green{background:rgba(47,158,68,.2);color:#69db7c}[data-theme=dark] .hp-card-icon--purple{background:rgba(112,72,232,.2);color:#b197fc}[data-theme=dark] .hp-card-icon--orange{background:rgba(232,89,12,.2);color:#ffa94d}[data-theme=dark] .hp-card-icon--teal{background:rgba(12,166,120,.2);color:#38d9a9}[data-theme=dark] .hp-card-icon--red{background:rgba(224,49,49,.2);color:#ff8787}[data-theme=dark] .hp-card-icon--yellow{background:rgba(217,168,0,.2);color:#ffd43b}[data-theme=dark] .hp-card-icon--pink{background:rgba(214,51,108,.2);color:#f783ac}[data-theme=dark] .hp-card-icon--cyan{background:rgba(8,145,178,.2);color:#66d9e8}[data-theme=dark] .hp-card-icon--indigo{background:rgba(76,110,245,.2);color:#91a7ff}[data-theme=dark] .hp-card-icon--gray{background:rgba(107,114,128,.2);color:#adb5bd}.hp-card-body{flex:1;min-width:0}.hp-card-name{font-size:14px;font-weight:600;color:var(--text-primary, #111827);line-height:1.4;margin-bottom:3px}.hp-card-desc{font-size:11.5px;color:var(--text-secondary, #9ca3af);line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.hp-card-star{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;color:var(--text-secondary, #d1d5db);padding:2px;border-radius:4px;display:flex;align-items:center;transition:color .15s}.hp-card-star:hover,.hp-card-star.starred{color:#f59e0b}.hp-card-help{position:absolute;bottom:10px;right:10px;color:var(--text-secondary, #d1d5db);display:flex;align-items:center;cursor:pointer;transition:color .15s}.hp-card-help:hover{color:var(--text-primary, #6b7280)}.hp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary, #9ca3af);gap:12px}.hp-empty svg{color:var(--border-divider, #d1d5db)}.hp-empty p{font-size:14px;margin:0}.hp-filter-tabs{display:flex;align-items:center;gap:0}@media (max-width: 1200px){.hp-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.hp-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.hp-grid{grid-template-columns:1fr}.hp-content{padding:12px}.hp-toolbar{padding:10px 12px}}.about-wrapper{padding:0;height:100%;overflow-y:auto;background:var(--bg-content, #f5f6fa)}.about-hero{background:linear-gradient(135deg,#1e3a8a 0%,#3b5bdb 60%,#6366f1 100%);padding:30px 52px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}.about-hero-content{display:flex;align-items:center;gap:24px;flex:1}.about-hero-logo{width:72px;height:72px;border-radius:20px;flex-shrink:0;-o-object-fit:contain;object-fit:contain;border:2px solid rgba(255,255,255,.25);background:rgba(255,255,255,.15);padding:6px}.about-hero-info{flex:1}.about-hero-title{font-size:26px;font-weight:800;line-height:1.2;margin-bottom:4px;letter-spacing:-.5px}.about-hero-subtitle{font-size:14px;opacity:.85}.about-hero-badges{display:flex;flex-wrap:wrap;gap:8px}.about-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:20px;font-size:11.5px;font-weight:600;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);color:#fff}.about-badge--green{background:rgba(34,197,94,.25);border-color:#22c55e66}.about-badge--yellow{background:rgba(234,179,8,.25);border-color:#eab30866}.about-badge--blue{background:rgba(59,130,246,.3);border-color:#3b82f680}.about-content{padding:12px 12px 0;display:flex;flex-direction:column;gap:12px}.about-card{background:var(--bg-surface, #fff);border:1px solid var(--border-divider, #e8eaed);border-radius:14px;overflow:hidden}.about-card-header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border-divider, #f0f2f5);background:var(--bg-dropdown-header, #fafbfc)}.about-card-header-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.about-card-header-icon--blue{background:#eff2ff;color:#3b5bdb}.about-card-header-icon--green{background:#ebfbee;color:#2f9e44}.about-card-header-icon--purple{background:#f3f0ff;color:#7048e8}.about-card-header-icon--orange{background:#fff4e6;color:#e8590c}.about-card-header-icon--red{background:#fff5f5;color:#e03131}.about-card-header-icon--teal{background:#e6fcf5;color:#0ca678}.about-card-header-icon--gray{background:#f3f4f6;color:#6b7280}.about-card-header-title{font-size:14px;font-weight:700;color:var(--text-primary, #111827);flex:1}.about-card-body{padding:18px 20px}.about-dev-profile{display:flex;align-items:center;gap:16px;margin-bottom:16px}.about-dev-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#3b5bdb,#6366f1);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff;flex-shrink:0;-o-object-fit:cover;object-fit:cover}.about-dev-name{font-size:16px;font-weight:700;color:var(--text-primary, #111827);margin-bottom:2px}.about-dev-role{font-size:12.5px;color:var(--text-secondary, #6b7280)}.about-info-list{display:flex;flex-direction:column;gap:0}.about-info-row{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid var(--border-divider, #f3f4f6)}.about-info-row:last-child{border-bottom:none}.about-info-label{font-size:12.5px;color:var(--text-secondary, #9ca3af);min-width:140px;flex-shrink:0;padding-top:1px}.about-info-value{font-size:13px;color:var(--text-primary, #111827);font-weight:500;flex:1;word-break:break-all}.about-info-value a{color:#3b5bdb;text-decoration:none}.about-info-value a:hover{text-decoration:underline}.about-link-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.about-link-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-input, #f8f9fa);border-radius:10px;border:1px solid var(--border-divider, #e9ecef);text-decoration:none;color:inherit;transition:background .15s,border-color .15s;cursor:pointer}.about-link-item:hover{background:rgba(var(--color-primary-rgb, 102, 126, 234),.08);border-color:rgba(var(--color-primary-rgb, 102, 126, 234),.3)}.about-link-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px}.about-link-icon--blue{background:#eff2ff;color:#3b5bdb}.about-link-icon--green{background:#ebfbee;color:#2f9e44}.about-link-icon--orange{background:#fff4e6;color:#e8590c}.about-link-icon--purple{background:#f3f0ff;color:#7048e8}.about-link-icon--teal{background:#e6fcf5;color:#0ca678}.about-link-icon--red{background:#fff5f5;color:#e03131}.about-link-icon--yellow{background:#fffbe6;color:#d9a800}.about-link-icon--gray{background:#f3f4f6;color:#6b7280}.about-link-name{font-size:13px;font-weight:600;color:var(--text-primary, #111827);margin-bottom:1px}.about-link-desc{font-size:11.5px;color:var(--text-secondary, #9ca3af)}.about-main-grid{display:grid;grid-template-columns:2fr 1fr;gap:12px;align-items:start}.about-col-left,.about-col-right{display:flex;flex-direction:column;gap:12px}.about-info-list--mt{margin-top:18px}.about-link-grid--single{display:grid;grid-template-columns:1fr;gap:10px}.about-link-item--static{cursor:default}.about-link-item--static:hover{background:var(--bg-input, #f8f9fa);border-color:var(--border-divider, #e9ecef)}.about-footer{text-align:center;padding:20px;color:var(--text-secondary, #9ca3af);font-size:12px;line-height:1.8;border-top:1px solid var(--border-divider, #e8eaed);background:var(--bg-surface, #fff);margin-top:4px}.about-footer strong{color:var(--text-primary, #374151)}.about-footer-version{margin-top:4px}.about-footer-link{color:#3b5bdb;text-decoration:none}.about-footer-link:hover{text-decoration:underline}@media (max-width: 768px){.about-hero{flex-direction:column;align-items:flex-start;padding:16px;gap:14px}.about-hero-content{display:flex;flex-direction:row;align-items:center;gap:12px;width:100%}.about-hero-logo{width:48px;height:48px;border-radius:12px;padding:4px}.about-hero-info{display:flex;flex-direction:row;align-items:baseline;gap:8px;flex-wrap:wrap;flex:1;min-width:0}.about-hero-title{font-size:18px;margin-bottom:0}.about-hero-subtitle{font-size:12px;margin-bottom:0}.about-hero-badges{width:100%;gap:6px}.about-badge{padding:3px 8px;font-size:10px}.about-content{padding:16px 12px 32px}.about-main-grid,.about-link-grid{grid-template-columns:1fr}.about-info-label{min-width:110px}}.about-loading-text{padding:20px;text-align:center;color:var(--text-secondary, #6b7280)}.about-version-table-wrapper{overflow-x:auto;padding:10px 16px 16px}.about-version-table{width:100%;border-collapse:collapse;font-size:13px;color:var(--text-primary, #374151)}.about-version-table th,.about-version-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border-divider, #f0f2f5)}.about-version-table th{font-weight:600;color:var(--text-secondary, #6b7280);background:var(--bg-dropdown-header, #fafbfc)}.about-version-svc-name{font-weight:600}.about-version-tag{background:var(--bg-input, #eef2ff);color:#3b5bdb;padding:2px 8px;border-radius:12px;font-weight:600}.about-version-time{color:var(--text-secondary, #6b7280)}.about-version-status{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.about-version-status--healthy{background:rgba(34,197,94,.15);color:#16a34a}.about-version-status--unhealthy{background:rgba(234,179,8,.15);color:#ca8a04}.about-version-status--offline{background:rgba(239,68,68,.15);color:#dc2626}.crm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.crm-modal{background:#fff;border-radius:10px;width:100%;max-width:480px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;max-height:90vh}[data-theme=dark] .crm-modal{background:var(--bg-content, #1e293b);border:1px solid var(--border-divider, #475569)}.crm-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f3f4f6}[data-theme=dark] .crm-header{border-bottom-color:var(--border-divider, #475569)}.crm-title{margin:0;font-size:1rem;font-weight:600;color:#1f2937}[data-theme=dark] .crm-title{color:var(--text-primary, #e2e8f0)}.crm-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:#9ca3af;border-radius:4px;transition:background .12s,color .12s}.crm-close:hover{background:#f3f4f6;color:#374151}.crm-close svg{width:16px;height:16px}[data-theme=dark] .crm-close{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .crm-close:hover{background:rgba(255,255,255,.06);color:var(--text-primary, #e2e8f0)}.crm-body{padding:16px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px;flex:1}.crm-footer{display:flex;justify-content:flex-end;gap:10px;padding:12px 20px;border-top:1px solid #f3f4f6}[data-theme=dark] .crm-footer{border-top-color:var(--border-divider, #475569)}.crm-form-row{display:flex;flex-direction:column;gap:6px}.crm-label{font-size:.8125rem;font-weight:500;color:#374151}[data-theme=dark] .crm-label{color:var(--text-primary, #e2e8f0)}.crm-label.crm-required:after{content:" *";color:#ef4444}.crm-form-error{font-size:.75rem;color:#dc2626}.crm-radio-group{display:flex;gap:16px}.crm-radio-option{display:flex;align-items:center;gap:6px;font-size:.875rem;color:#374151;cursor:pointer}[data-theme=dark] .crm-radio-option{color:var(--text-primary, #e2e8f0)}.crm-radio-option input[type=radio]{accent-color:var(--color-primary, #667eea);cursor:pointer}.crm-input,.crm-select{height:34px;padding:0 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#374151;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.crm-input:focus,.crm-select:focus{border-color:var(--color-primary, #667eea);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 102, 126, 234),.15)}.crm-input{min-width:140px}.crm-select{min-width:160px;cursor:pointer}.crm-textarea{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#374151;background:#fff;outline:none;resize:vertical;transition:border-color .15s,box-shadow .15s}.crm-textarea:focus{border-color:var(--color-primary, #667eea);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 102, 126, 234),.15)}.crm-input-error{border-color:#f87171!important;box-shadow:0 0 0 2px #ef444426!important}[data-theme=dark] .crm-input,[data-theme=dark] .crm-select,[data-theme=dark] .crm-textarea{background:#0f172a;border-color:var(--border-divider, #475569);color:var(--text-primary, #e2e8f0)}.crm-btn-submit{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;background:var(--color-primary, #667eea);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s,opacity .15s;white-space:nowrap}.crm-btn-submit:hover:not(:disabled){background:var(--color-primary-hover, #5a6fd8)}.crm-btn-submit:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .crm-btn-submit{background:var(--color-primary-hover, #5a6fd8)}.crm-btn-cancel{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.crm-btn-cancel:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.crm-btn-cancel:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .crm-btn-cancel{background:#1e293b;border-color:var(--border-divider, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .crm-btn-cancel:hover:not(:disabled){background:#0f172a}@media (max-width: 600px){.crm-overlay{padding:0;align-items:flex-end}.crm-modal{max-width:100%;border-radius:14px 14px 0 0;max-height:92vh}.crm-header{padding:14px 16px}.crm-body{padding:12px 16px;gap:12px}.crm-footer{padding:10px 16px;flex-direction:row;gap:8px}.crm-btn-submit,.crm-btn-cancel{flex:1;justify-content:center}.crm-radio-group{flex-wrap:wrap;gap:10px}.crm-input,.crm-select,.crm-textarea{width:100%;min-width:0}}.scbx-wrap{position:relative;width:100%}.scbx-input-wrap{position:relative;display:flex;align-items:center;width:100%}.scbx-input-wrap.scbx-error .scbx-input{border-color:#ef4444}.scbx-input{height:34px;padding:0 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#374151;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s;min-width:140px;width:100%;padding-right:28px!important}.scbx-input:focus{border-color:var(--color-primary, #667eea);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 102, 126, 234),.15)}.scbx-compact{min-width:0;width:100%}.scbx-input-sm{min-width:0!important;height:28px!important;padding:0 24px 0 6px!important;font-size:.8125rem!important}.scbx-arrow{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:#9ca3af;cursor:pointer;flex-shrink:0;transition:transform .18s ease,color .18s ease;pointer-events:all}.scbx-arrow.open{transform:translateY(-50%) rotate(180deg);color:#6366f1}.scbx-dropdown-portal{position:fixed}.scbx-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#ffffff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px #0000001f;z-index:999;max-height:220px;overflow-y:auto;padding:4px 0}.scbx-compact .scbx-dropdown{z-index:1000;min-width:140px}.scbx-option{padding:7px 12px;font-size:.8125rem;color:#374151;cursor:pointer;transition:background .12s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scbx-option:hover{background:#f1f5f9}.scbx-option.selected{background:#eef2ff;color:#4f46e5;font-weight:500}[data-theme=dark] .scbx-input{background:#0f172a;border-color:var(--border-divider, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .scbx-dropdown{background:#1e293b;border-color:#334155;box-shadow:0 8px 24px #00000080}[data-theme=dark] .scbx-option{color:#cbd5e1}[data-theme=dark] .scbx-option:hover{background:#334155}[data-theme=dark] .scbx-option.selected{background:#1e1b4b;color:#818cf8}[data-theme=dark] .scbx-arrow{color:#64748b}[data-theme=dark] .scbx-arrow.open{color:#818cf8}.eoc-card{background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:8px;transition:background .1s}[data-theme=dark] .eoc-card{background:#1e293b;border-color:#475569}.eoc-card.eoc-saving{opacity:.65}.eoc-card.eoc-selected{background:rgba(99,102,241,.07);border-color:#6366f159}[data-theme=dark] .eoc-card.eoc-selected{background:rgba(129,140,248,.1);border-color:#818cf859}.eoc-card.eoc-bu-cong{background:rgba(251,191,36,.06);border-color:#f59e0b4d}[data-theme=dark] .eoc-card.eoc-bu-cong{background:rgba(245,158,11,.08);border-color:#fbbf244d}.eoc-row1{display:grid;grid-template-columns:24px 1fr 1fr 28px;-moz-column-gap:8px;column-gap:8px;align-items:start}.eoc-col-checkbox{display:flex;align-items:flex-start;padding-top:2px;justify-content:center}.eoc-col-identity{display:flex;flex-direction:column;gap:3px;min-width:0}.eoc-ma-nv{font-family:monospace;font-size:.8125rem;font-weight:700;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px;flex-wrap:wrap}[data-theme=dark] .eoc-ma-nv{color:#e2e8f0}.eoc-ngay-sinh{font-size:.72rem;color:#9ca3af;white-space:nowrap}[data-theme=dark] .eoc-ngay-sinh{color:#64748b}.eoc-col-name{display:flex;flex-direction:column;gap:3px;min-width:0}.eoc-ho-ten{font-size:.8125rem;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .eoc-ho-ten{color:#f1f5f9}.eoc-chuc-vu{font-size:.72rem;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .eoc-chuc-vu{color:#64748b}.eoc-col-delete{display:flex;align-items:flex-start;justify-content:center;padding-top:1px}.eoc-btn-delete{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;background:transparent;border:none;border-radius:4px;cursor:pointer;color:#ef4444;transition:background .15s}.eoc-btn-delete:hover:not(:disabled){background:rgba(239,68,68,.1)}.eoc-btn-delete:disabled{opacity:.4;cursor:not-allowed}.eoc-btn-delete svg{width:15px;height:15px}.eoc-badge-bu-cong{display:inline-block;padding:1px 5px;border-radius:4px;font-size:.65rem;font-weight:600;letter-spacing:.02em;color:#92400e;background:rgba(245,158,11,.18);border:1px solid rgba(245,158,11,.35);cursor:default;white-space:nowrap;font-family:sans-serif}[data-theme=dark] .eoc-badge-bu-cong{color:#fde68a;background:rgba(245,158,11,.2);border-color:#fbbf2459}.eoc-field-label{font-size:.65rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;line-height:1.2;white-space:nowrap}[data-theme=dark] .eoc-field-label{color:#64748b}.eoc-field{display:flex;flex-direction:column;gap:3px;min-width:0}.eoc-row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.eoc-row3{display:grid;grid-template-columns:1fr 1fr 44px 44px 44px;gap:6px;align-items:start}.eoc-check-field{display:flex;flex-direction:column;align-items:center;gap:4px}.eoc-input{width:100%;min-width:0;height:30px;padding:0 6px;border:1px solid #d1d5db;border-radius:5px;font-size:.8rem;color:#374151;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.eoc-input:focus{border-color:var(--color-primary, #667eea);box-shadow:0 0 0 2px #667eea26}.eoc-input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}[data-theme=dark] .eoc-input{background:#0f172a;border-color:#475569;color:#e2e8f0}[data-theme=dark] .eoc-input:focus{border-color:#818cf8;box-shadow:0 0 0 2px #818cf826}[data-theme=dark] .eoc-input:disabled{background:#1e293b;color:#64748b}.eoc-input-time{font-size:.75rem;padding:0 3px}.eoc-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#6366f1;flex-shrink:0}.eoc-checkbox:disabled{opacity:.45;cursor:not-allowed}.eoc-total-hours{font-size:.8125rem;font-weight:700;color:var(--color-primary, #667eea);text-align:center;line-height:30px;min-height:30px;display:flex;align-items:center;justify-content:center}[data-theme=dark] .eoc-total-hours{color:#818cf8}.eoc-row4{display:flex;flex-direction:column;gap:3px}.eoc-spinner{width:14px;height:14px;border:2px solid rgba(102,126,234,.15);border-top-color:var(--color-primary, #667eea);border-radius:50%;animation:eoc-spin .8s linear infinite}@keyframes eoc-spin{to{transform:rotate(360deg)}}.eoc-date-under-time{font-size:.68rem;font-weight:600;color:#d97706;font-style:italic;line-height:1.2;margin-top:1px;white-space:nowrap;letter-spacing:.01em}[data-theme=dark] .eoc-date-under-time{color:#fbbf24}.eoc-input-error{border-color:#ef4444!important;background:rgba(239,68,68,.05)!important}[data-theme=dark] .eoc-input-error{border-color:#f87171!important;background:rgba(239,68,68,.1)!important}.eoc-check-info{display:flex;align-items:center;gap:2px;font-size:.62rem;font-weight:600;line-height:1.2;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eoc-check-icon{flex-shrink:0;width:10px;height:10px}.eoc-check-ok{color:#059669}[data-theme=dark] .eoc-check-ok{color:#34d399}.eoc-check-warning{color:#d97706}[data-theme=dark] .eoc-check-warning{color:#fbbf24}.eoc-check-error{color:#ef4444}[data-theme=dark] .eoc-check-error{color:#f87171}.eoc-row3b{display:flex;align-items:center;gap:6px;padding-left:2px}.eoc-badge-con-nho-row{display:inline-flex;align-items:center;gap:2px;background:#fdf2f8;color:#db2777;border:1px solid #fbcfe8;border-radius:4px;padding:1px 6px;font-size:.68rem;font-weight:600;white-space:nowrap}[data-theme=dark] .eoc-badge-con-nho-row{background:rgba(219,39,119,.15);color:#f472b6;border-color:#f472b64d}.bulk-edit-toolbar-container{margin:6px 10px;background:var(--bg-sidebar, #fcfdfe);border:1px solid var(--border-divider, #e5e7eb);border-radius:8px;padding:6px 10px;box-shadow:0 1px 3px #0000000d}[data-theme=dark] .bulk-edit-toolbar-container{background:#1e293b;border-color:#475569}.bulk-edit-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0!important;padding:0!important;background:transparent!important;border:none!important;color:var(--text-primary, #374151)!important}.bulk-edit-toolbar-left{display:flex;align-items:center;flex-shrink:0}.bulk-edit-toolbar-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.bulk-edit-toolbar-selected-badge{font-size:.75rem;font-weight:600;background:rgba(59,130,246,.1);color:#3b82f6;padding:3px 8px;border-radius:4px;white-space:nowrap}[data-theme=dark] .bulk-edit-toolbar-selected-badge{background:rgba(96,165,250,.15);color:#60a5fa}.bulk-edit-toolbar-form-grid{display:flex;align-items:center;gap:8px;flex:1;min-width:0;margin:0 8px}.bulk-edit-toolbar-form-field{display:flex;flex-direction:column;gap:2px;flex:1;min-width:80px}.bulk-edit-toolbar-form-field label{font-size:.65rem;font-weight:600;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.03em;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .bulk-edit-toolbar-form-field label{color:#94a3b8}.bulk-edit-toolbar-time-input{display:block;width:100%;height:28px!important;padding:2px 6px!important;border-radius:4px!important;border:1px solid var(--border-divider, #d1d5db)!important;background:var(--bg-content, #fff)!important;color:#111827!important;font-size:.775rem!important}[data-theme=dark] .bulk-edit-toolbar-time-input{background:#1e293b!important;border-color:#475569!important;color:#e2e8f0!important;color-scheme:dark}.bulk-edit-toolbar-select{display:block;width:100%;height:28px!important;padding:2px 6px!important;border-radius:4px!important;border:1px solid var(--border-divider, #d1d5db)!important;background:var(--bg-content, #fff)!important;font-size:.775rem!important;color:#111827!important}[data-theme=dark] .bulk-edit-toolbar-select{background:#1e293b!important;border-color:#475569!important;color:#e2e8f0!important;color-scheme:dark}.bulk-edit-toolbar-action-sep{color:var(--border-divider, #e5e7eb);margin:0 4px}[data-theme=dark] .bulk-edit-toolbar-action-sep{color:#475569}.bulk-edit-refresh-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:bulk-edit-spin .8s linear infinite;display:inline-block;margin-right:6px;vertical-align:middle}@keyframes bulk-edit-spin{to{transform:rotate(360deg)}}.bulk-edit-toolbar-btn-apply{height:26px!important;padding:0 12px!important;font-size:.75rem!important;font-weight:500!important;border-radius:4px!important;border:none!important;background:#4f46e5!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transition:all .15s ease!important}.bulk-edit-toolbar-btn-apply:hover:not(:disabled){background:#4338ca!important}.bulk-edit-toolbar-btn-apply:disabled{opacity:.5!important;cursor:not-allowed!important}.bulk-edit-toolbar-btn-clear{height:26px!important;padding:0 10px!important;font-size:.75rem!important;font-weight:500!important;border-radius:4px!important;border:1px solid var(--border-divider, #d1d5db)!important;background:var(--bg-content, #fff)!important;color:var(--text-primary, #374151)!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transition:all .15s ease!important}[data-theme=dark] .bulk-edit-toolbar-btn-clear{background:#1e293b!important;border-color:#475569!important;color:#e2e8f0!important}.bulk-edit-toolbar-btn-clear:hover{background:#f3f4f6!important}[data-theme=dark] .bulk-edit-toolbar-btn-clear:hover{background:#334155!important}.bulk-edit-toolbar-btn-delete{height:26px!important;padding:0 10px!important;font-size:.75rem!important;font-weight:500!important;border-radius:4px!important;border:1px solid #fecaca!important;background:#fee2e2!important;color:#dc2626!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transition:all .15s ease!important}[data-theme=dark] .bulk-edit-toolbar-btn-delete{background:rgba(239,68,68,.15)!important;border-color:#ef44444d!important;color:#f87171!important}.bulk-edit-toolbar-btn-delete:hover:not(:disabled){background:#fcd5d5!important}[data-theme=dark] .bulk-edit-toolbar-btn-delete:hover:not(:disabled){background:rgba(239,68,68,.25)!important}.bulk-edit-toolbar-btn-deselect{height:26px!important;padding:0 8px!important;font-size:.75rem!important;font-weight:500!important;background:transparent!important;border:none!important;color:#4f46e5!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transition:all .15s ease!important}[data-theme=dark] .bulk-edit-toolbar-btn-deselect{color:#818cf8!important}.bulk-edit-toolbar-btn-deselect:hover{text-decoration:underline!important}.rdp-panel{position:fixed!important;top:50px;left:var(--sidebar-width, 240px);right:0;bottom:0;width:auto!important;height:auto!important;max-width:100%!important;background:var(--bg-content, #fff);display:flex;flex-direction:column;z-index:901!important;box-shadow:none!important;animation:rdp-fade-in .2s ease-out}@media (max-width: 1024px){.rdp-panel{left:0}}@keyframes rdp-fade-in{0%{opacity:0;transform:scale(.99)}to{opacity:1;transform:scale(1)}}.rdp-panel-overlay{position:fixed!important;top:50px;left:var(--sidebar-width, 240px);right:0;bottom:0;background:rgba(0,0,0,.3);z-index:900!important}@media (max-width: 1024px){.rdp-panel-overlay{left:0}}.rdp-panel-header{padding:12px 20px;border-bottom:1px solid var(--border-divider, #e5e7eb);display:flex;align-items:center;justify-content:space-between;background:var(--bg-subtle, #f9fafb)}[data-theme=dark] .rdp-panel-header{border-bottom-color:var(--border-divider, #475569);background:#111c2e}.rdp-panel-title-group{display:flex;align-items:center;gap:12px}.rdp-panel-code{font-family:monospace;font-size:1.125rem;font-weight:700;color:var(--text-primary, #111827)}[data-theme=dark] .rdp-panel-code{color:var(--text-primary, #e2e8f0)}.rdp-status-badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.rdp-badge-amber{background:#fef3c7;color:#d97706}.rdp-badge-blue{background:#dbeafe;color:#1e40af}.rdp-badge-purple{background:#f3e8ff;color:#6b21a8}.rdp-badge-green{background:#dcfce7;color:#15803d}.rdp-badge-emerald{background:#d1fae5;color:#047857}.rdp-badge-teal{background:#ccfbf1;color:#0f766e}.rdp-badge-red{background:#fee2e2;color:#b91c1c}.rdp-badge-gray{background:#f3f4f6;color:#4b5563}[data-theme=dark] .rdp-badge-amber{background:#78350f;color:#fde68a}[data-theme=dark] .rdp-badge-blue{background:#1e3a8a;color:#93c5fd}[data-theme=dark] .rdp-badge-purple{background:#581c87;color:#e9d5ff}[data-theme=dark] .rdp-badge-green,[data-theme=dark] .rdp-badge-emerald{background:#064e3b;color:#a7f3d0}[data-theme=dark] .rdp-badge-teal{background:#115e59;color:#99f6e4}[data-theme=dark] .rdp-badge-red{background:#7f1d1d;color:#fca5a5}[data-theme=dark] .rdp-badge-gray{background:#374151;color:#cbd5e1}.rdp-modal-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:#9ca3af;border-radius:4px;transition:background .12s,color .12s}.rdp-modal-close:hover{background:#e5e7eb;color:#374151}[data-theme=dark] .rdp-modal-close:hover{background:rgba(255,255,255,.06);color:var(--text-primary, #e2e8f0)}.rdp-modal-close svg{width:18px;height:18px}.rdp-panel-body{flex:1;padding:0!important;overflow:hidden!important;min-height:0}.rdp-panel-layout-split{display:grid;grid-template-columns:380px 1fr;height:100%;min-height:0}@media (max-width: 1024px){.rdp-panel-body{display:flex;flex-direction:column}.rdp-panel-layout-split{grid-template-columns:1fr;overflow:hidden!important;flex:1;min-height:0;height:auto!important}.rdp-panel-left-col{height:100%!important;overflow-y:auto!important}.rdp-panel-right-col{height:100%!important;overflow:hidden!important;display:flex;flex-direction:column}.rdp-groups-list{flex:1!important;overflow-y:auto!important;min-height:0}}.rdp-panel-left-col{border-right:1px solid var(--border-divider, #e5e7eb);padding:10px;overflow-y:auto;background:var(--bg-sidebar, #fcfdfe);height:100%;display:flex;flex-direction:column;gap:8px}[data-theme=dark] .rdp-panel-left-col{background:#111c2e;border-right-color:var(--border-divider, #475569)}.rdp-card-info-left{background:var(--bg-content, #fff);border:1px solid var(--border-divider, #e5e7eb);border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000000d}[data-theme=dark] .rdp-card-info-left{background:#1e293b;border-color:#475569}.rdp-section-title-left{font-size:.9rem;font-weight:600;color:var(--text-primary, #1f2937);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-divider, #f3f4f6);display:flex;align-items:center;justify-content:space-between}[data-theme=dark] .rdp-section-title-left{color:var(--text-primary, #e2e8f0);border-bottom-color:var(--border-divider, #475569)}.rdp-info-count-badge,.rdp-left-group-count-badge{font-size:.75rem;font-weight:600;background:var(--accent-primary, #3b82f6);color:#fff;border-radius:999px;padding:2px 8px;margin-left:8px}.rdp-info-rows{display:flex;flex-direction:column;gap:10px}.rdp-info-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.rdp-info-label{font-size:.75rem;font-weight:600;color:var(--text-secondary, #9ca3af);white-space:nowrap;flex-shrink:0}.rdp-info-value{font-size:.875rem;color:var(--text-primary, #1f2937);font-weight:500;text-align:right}[data-theme=dark] .rdp-info-value{color:var(--text-primary, #e2e8f0)}.rdp-badge-ca{display:inline-block;padding:1px 6px;border-radius:4px;font-size:.75rem;font-weight:500}.rdp-badge-ca.rdp-ca-ca-ngay{background:#fef9c3;color:#854d0e}.rdp-badge-ca.rdp-ca-ca-dem{background:#e0e7ff;color:#3730a3}[data-theme=dark] .rdp-badge-ca.rdp-ca-ca-ngay{background:#052e16;color:#166534}[data-theme=dark] .rdp-badge-ca.rdp-ca-ca-dem{background:#1e1b4b;color:#818cf8}.rdp-badge-shift{font-size:.75rem;color:#6b7280}[data-theme=dark] .rdp-badge-shift{color:var(--text-secondary, #94a3b8)}.rdp-card-groups{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.rdp-left-group-list{display:flex;flex-direction:column;gap:4px;margin-top:8px;flex:1;min-height:0;overflow-y:auto}.rdp-left-group-item{display:flex;align-items:center;justify-content:space-between;padding:4px 12px;background:var(--bg-content, #fff);border:1px solid var(--border-divider, #e5e7eb);border-radius:6px;font-size:.8125rem;font-weight:500;color:var(--text-primary, #374151);cursor:pointer;transition:all .15s ease}.rdp-left-group-item:hover{background:rgba(102,126,234,.08);border-color:var(--color-primary, #667eea);color:var(--color-primary, #667eea)}[data-theme=dark] .rdp-left-group-item{background:#1e293b;border-color:#475569;color:var(--text-primary, #e2e8f0)}[data-theme=dark] .rdp-left-group-item:hover{background:rgba(147,197,253,.1);border-color:#93c5fd;color:#93c5fd}.rdp-left-group-count{font-size:.75rem;color:var(--text-secondary, #9ca3af);flex-shrink:0;margin-left:8px}.rdp-left-group-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1;min-width:0}.rdp-left-group-name{font-weight:600;font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.rdp-left-group-code{font-size:.725rem;color:var(--text-secondary, #9ca3af);font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}[data-theme=dark] .rdp-left-group-code{color:#94a3b8}.rdp-panel-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.rdp-btn-process-history{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;background:transparent;border:1px solid var(--border-divider, #d1d5db);border-radius:6px;color:var(--text-secondary, #6b7280);font-size:.775rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s ease}.rdp-btn-process-history:hover{background:rgba(59,130,246,.06);border-color:#3b82f6;color:#3b82f6}[data-theme=dark] .rdp-btn-process-history{border-color:#475569;color:#94a3b8;background:transparent}[data-theme=dark] .rdp-btn-process-history:hover{background:rgba(96,165,250,.1);border-color:#60a5fa;color:#60a5fa}@media (max-width: 480px){.rdp-btn-process-history-text{display:none}.rdp-btn-process-history{width:28px;padding:0;justify-content:center}}.rdp-panel-right-col{padding:10px;overflow:hidden;height:100%;display:flex;flex-direction:column;gap:8px;min-height:0}.rdp-section-title{display:flex;align-items:center;gap:12px;font-size:.925rem;font-weight:700;color:var(--text-primary, #1e293b);margin:0;padding:4px 0;flex-shrink:0;overflow:hidden}.rdp-section-title-text{white-space:nowrap;flex-shrink:0}[data-theme=dark] .rdp-section-title{color:var(--text-primary, #e2e8f0)}.rdp-summary-bar{display:flex;align-items:center;gap:6px;flex:1;overflow-x:auto;scrollbar-width:none}.rdp-summary-bar::-webkit-scrollbar{display:none}.rdp-panel-header .rdp-summary-bar{justify-content:center;margin:0 16px}.rdp-summary-chip{display:inline-flex;flex-direction:row;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:var(--bg-card, #f3f4f6);border:1px solid var(--border-divider, #e2e8f0);white-space:nowrap;flex-shrink:0}.rdp-summary-chip-label{font-size:.72rem;font-weight:500;color:var(--text-secondary, #64748b);white-space:nowrap}.rdp-summary-chip-sep{font-size:.72rem;color:var(--text-secondary, #9ca3af)}.rdp-summary-chip-val{font-size:.82rem;font-weight:700;line-height:1;color:var(--text-primary, #111827)}.rdp-chip-nv{border-color:#3b82f666;background:rgba(59,130,246,.07)}.rdp-chip-registered{border-color:#10b98166;background:rgba(16,185,129,.07)}.rdp-chip-tc30p{border-color:#f59e0b66;background:rgba(245,158,11,.07)}.rdp-chip-meal{border-color:#f9731666;background:rgba(249,115,22,.07)}.rdp-chip-ot{border-color:#6366f166;background:rgba(99,102,241,.07)}.rdp-chip-nv .rdp-summary-chip-val{color:#3b82f6}.rdp-chip-registered .rdp-summary-chip-val{color:#10b981}.rdp-chip-tc30p .rdp-summary-chip-val{color:#d97706}.rdp-chip-meal .rdp-summary-chip-val{color:#ea580c}.rdp-chip-ot .rdp-summary-chip-val{color:#6366f1}[data-theme=dark] .rdp-summary-chip{background:rgba(255,255,255,.05);border-color:#475569}[data-theme=dark] .rdp-chip-nv{border-color:#60a5fa59;background:rgba(96,165,250,.08)}[data-theme=dark] .rdp-chip-registered{border-color:#34d39959;background:rgba(52,211,153,.08)}[data-theme=dark] .rdp-chip-tc30p{border-color:#fbbf2459;background:rgba(251,191,36,.08)}[data-theme=dark] .rdp-chip-meal{border-color:#fb923c59;background:rgba(251,146,60,.08)}[data-theme=dark] .rdp-chip-ot{border-color:#818cf859;background:rgba(129,140,248,.08)}[data-theme=dark] .rdp-summary-chip-label{color:#94a3b8}[data-theme=dark] .rdp-summary-chip-sep{color:#64748b}[data-theme=dark] .rdp-chip-nv .rdp-summary-chip-val{color:#60a5fa}[data-theme=dark] .rdp-chip-registered .rdp-summary-chip-val{color:#34d099}[data-theme=dark] .rdp-chip-tc30p .rdp-summary-chip-val{color:#fbbf24}[data-theme=dark] .rdp-chip-meal .rdp-summary-chip-val{color:#fb923c}.rdp-summary-search{margin-left:8px;width:220px;flex-shrink:0}.rdp-summary-search .cpn-searchbar-container{flex:1}.rdp-summary-search .cpn-searchbar-input{height:28px!important;padding:0 28px 0 32px!important;font-size:.75rem!important;border-radius:6px!important;border-color:var(--border-divider, #e5e7eb)!important}.rdp-summary-search .cpn-searchbar-icon{left:10px!important;width:14px!important;height:14px!important}.rdp-summary-search .cpn-searchbar-clear-btn{right:6px!important;width:18px!important;height:18px!important}.rdp-summary-search .cpn-searchbar-clear-btn svg{width:12px!important;height:12px!important}.rdp-search-status{font-size:.72rem;font-weight:500;color:#2563eb;background-color:#2563eb14;border:1px solid rgba(37,99,235,.2);padding:3px 10px;border-radius:999px;white-space:nowrap;display:inline-flex;align-items:center;gap:4px;flex-shrink:0}[data-theme=dark] .rdp-search-status{color:#60a5fa;background-color:#60a5fa14;border-color:#60a5fa33}.rdp-right-col-actions{display:flex;gap:8px;flex-shrink:0;margin-left:auto}.rdp-btn-ghost-small{background:transparent;border:1px solid var(--border-divider, #e5e7eb);color:var(--text-secondary, #6b7280);padding:4px 8px;font-size:.75rem;border-radius:4px;cursor:pointer;transition:all .15s}.rdp-btn-ghost-small:hover{background:var(--bg-hover, #f3f4f6);color:var(--text-primary, #374151);border-color:#9ca3af}[data-theme=dark] .rdp-btn-ghost-small{border-color:var(--border-divider, #475569);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .rdp-btn-ghost-small:hover{background:rgba(255,255,255,.05);color:#fff}.rdp-btn-reload{display:inline-flex;align-items:center}.rdp-btn-reload:disabled{opacity:.55;cursor:not-allowed}@keyframes rdp-icon-spin{to{transform:rotate(360deg)}}.rdp-icon-spinning{animation:rdp-icon-spin .7s linear infinite;display:inline-block}.rdp-groups-list{display:flex;flex-direction:column;gap:12px;margin-top:10px;flex:1;min-height:0;overflow:auto}.rdp-group-card{border:1px solid var(--border-divider, #e5e7eb);border-radius:8px;overflow:clip;background:var(--bg-content, #fff);flex-shrink:0;min-width:1126px}[data-theme=dark] .rdp-group-card{border-color:var(--border-divider, #475569);background:var(--bg-content, #1e293b)}.rdp-group-header{position:sticky;top:-1px;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:var(--bg-subtle, #f9fafb);border-bottom:1px solid var(--border-divider, #e5e7eb);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 2px 4px #0000000f}[data-theme=dark] .rdp-group-header{background:#1e293b;border-bottom-color:var(--border-divider, #475569);box-shadow:0 2px 4px #0003}.rdp-group-chevron{width:16px;height:16px;margin-right:8px;flex-shrink:0;transition:transform .2s ease;color:#9ca3af}.rdp-group-chevron.collapsed{transform:rotate(-90deg)}.rdp-group-header-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.rdp-group-title-row{display:flex;align-items:center;gap:8px;min-width:0}.rdp-group-badges-row{display:flex;align-items:center;gap:8px}.rdp-group-icon{width:16px;height:16px;color:#6b7280;flex-shrink:0}.rdp-group-name{font-weight:600;font-size:.875rem;color:var(--text-primary, #111827)}[data-theme=dark] .rdp-group-name{color:var(--text-primary, #e2e8f0)}.rdp-group-count{font-size:.75rem;color:var(--text-secondary, #9ca3af);margin-left:6px}.rdp-group-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.rdp-group-header-right .rdp-group-btn-icon{display:none}.rdp-xn-badge{font-size:.75rem;font-weight:500;padding:2px 8px;border-radius:4px}.rdp-xn-badge.confirmed{background-color:#10b9811a;color:#10b981}.rdp-xn-badge.pending{background-color:#f59e0b1a;color:#f59e0b}.rdp-group-table-wrapper{width:100%}.rdp-group-table{width:100%;border-collapse:collapse;font-size:.875rem;table-layout:fixed!important;min-width:1124px}.rdp-group-table thead th{position:sticky;top:44px;z-index:9;background:var(--bg-subtle, #f9fafb);padding:8px 10px;text-align:center;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-divider, #e5e7eb);white-space:nowrap;overflow:hidden}[data-theme=dark] .rdp-group-table thead th{background:#0f172a;color:var(--text-secondary, #94a3b8);border-bottom-color:var(--border-divider, #475569);box-shadow:0 1px 0 var(--border-divider, #475569)}.rdp-group-table tbody td{padding:8px 10px;border-bottom:1px solid var(--border-divider, #f3f4f6);color:#374151;vertical-align:middle;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .rdp-group-table tbody td{border-bottom-color:var(--border-divider, #475569);color:var(--text-primary, #e2e8f0)}.rdp-table-row{transition:background .1s}.rdp-table-row:hover{background:var(--bg-hover, #f9fafb)}[data-theme=dark] .rdp-table-row:hover{background:rgba(255,255,255,.04)}.rdp-row-saving{opacity:.6}.rdp-row-selected{background-color:#6366f10f!important}[data-theme=dark] .rdp-row-selected{background-color:#818cf814!important}.rdp-col-check{width:36px}.rdp-col-code{width:70px}.rdp-col-name{width:110px}.rdp-col-dob{width:88px}.rdp-col-role{width:90px}.rdp-col-position{width:110px}.rdp-col-time-in,.rdp-col-time-out{width:75px}.rdp-col-ot30,.rdp-col-meal{width:50px}.rdp-col-hours{width:56px}.rdp-col-reason{width:130px}.rdp-col-model{width:80px}.rdp-col-action{width:68px}.rdp-cell-dob,.rdp-cell-role{font-size:.8rem;color:#6b7280}.rdp-cell-code{font-family:monospace;font-weight:600}.rdp-code-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}.rdp-badge-bu-cong{display:inline-block;margin:2px 0 0;padding:1px 4px;border-radius:4px;font-size:.65rem;font-weight:600;color:#92400e;background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.3);vertical-align:middle}[data-theme=dark] .rdp-badge-bu-cong{color:#fde68a;background:rgba(245,158,11,.2);border-color:#fbbf244d}.rdp-input{height:28px!important;min-height:28px!important;padding:2px 6px!important;font-size:.8rem!important;border-radius:4px;border:1px solid var(--border-divider, #d1d5db);background:var(--bg-content, #fff);color:#111827;width:100%!important;min-width:0!important;transition:border-color .15s,background .15s}[data-theme=dark] .rdp-input{background:#1e293b;border-color:#475569;color:#e2e8f0;color-scheme:dark}.rdp-input:not(:disabled):hover{border-color:#9ca3af}.rdp-input:not(:disabled):focus{border-color:var(--color-primary, #6366f1);box-shadow:0 0 0 2px #6366f11f;outline:none}.rdp-base-input{height:28px!important;min-height:28px!important;padding:2px 6px!important;font-size:.8rem!important;border-radius:4px;background:transparent!important;border:1px solid transparent!important;width:100%!important;min-width:0!important;transition:border-color .15s,background .15s}.rdp-base-input:not(:disabled):hover{border-color:#d1d5db!important;background:#f9fafb!important}.rdp-base-input:not(:disabled):focus{border-color:#6366f1!important;background:#ffffff!important;box-shadow:0 0 0 2px #6366f11f;outline:none}[data-theme=dark] .rdp-base-input{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .rdp-base-input:not(:disabled):hover{border-color:#475569!important;background:#1e293b!important}[data-theme=dark] .rdp-base-input:not(:disabled):focus{border-color:#818cf8!important;background:#1e293b!important}.rdp-time{width:100%!important;min-width:0!important}.rdp-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#6366f1;border-radius:3px}.rdp-checkbox:disabled{opacity:.45;cursor:not-allowed}.rdp-spinner{width:24px;height:24px;border:2px solid rgba(102,126,234,.15);border-top-color:var(--color-primary, #667eea);border-radius:50%;animation:rdp-spin .8s linear infinite}.rdp-spinner-center{margin:0 auto}.rdp-spinner-xs{width:14px;height:14px;border-width:2px}.rdp-spinner-xs-center{margin:0 auto;width:14px;height:14px;border-width:2px}@keyframes rdp-spin{to{transform:rotate(360deg)}}.rdp-panel-loading{display:flex;align-items:center;justify-content:center;height:100%;gap:12px;font-size:.875rem;color:#6b7280}.rdp-bulk-container{margin:6px 10px;background:var(--bg-sidebar, #fcfdfe);border:1px solid var(--border-divider, #e5e7eb);border-radius:8px;padding:6px 10px;box-shadow:0 1px 3px #0000000d}[data-theme=dark] .rdp-bulk-container{background:#1e293b;border-color:#475569}.rdp-bulk-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0!important;padding:0!important;background:transparent!important;border:none!important;color:var(--text-primary, #374151)!important}.rdp-bulk-toolbar-left{display:flex;align-items:center;flex-shrink:0}.rdp-bulk-toolbar-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.rdp-bulk-selected-badge{font-size:.75rem;font-weight:600;background:rgba(59,130,246,.1);color:#3b82f6;padding:3px 8px;border-radius:4px;white-space:nowrap}[data-theme=dark] .rdp-bulk-selected-badge{background:rgba(96,165,250,.15);color:#60a5fa}.rdp-bulk-form-grid{display:flex;align-items:center;gap:8px;flex:1;min-width:0;margin:0 8px}.rdp-bulk-form-field{display:flex;flex-direction:column;gap:2px;flex:1;min-width:80px}.rdp-bulk-form-field label{font-size:.65rem;font-weight:600;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.03em;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .rdp-bulk-form-field label{color:#94a3b8}.rdp-bulk-time-input{height:28px!important;padding:2px 6px!important;border-radius:4px!important;border:1px solid var(--border-divider, #d1d5db)!important;background:var(--bg-content, #fff)!important;color:#111827!important}[data-theme=dark] .rdp-bulk-time-input{background:#1e293b!important;border-color:#475569!important;color:#e2e8f0!important;color-scheme:dark}.rdp-bulk-select{height:28px!important;padding:2px 6px!important;border-radius:4px!important;border:1px solid var(--border-divider, #d1d5db)!important;background:var(--bg-content, #fff)!important;font-size:.775rem!important;color:#111827!important}[data-theme=dark] .rdp-bulk-select{background:#1e293b!important;border-color:#475569!important;color:#e2e8f0!important;color-scheme:dark}.rdp-bulk-action-sep{color:var(--border-divider, #e5e7eb);margin:0 4px}[data-theme=dark] .rdp-bulk-action-sep{color:#475569}.rdp-btn-bulk-apply{height:26px!important;padding:0 12px!important;font-size:.75rem!important}.rdp-btn-bulk-edit-toggle{height:26px!important;font-size:.75rem!important;padding:0 8px!important}.rdp-btn-bulk-edit-toggle.active{background:rgba(99,102,241,.1);color:#6366f1;border-color:#6366f14d}[data-theme=dark] .rdp-btn-bulk-edit-toggle.active{background:rgba(129,140,248,.15);color:#818cf8;border-color:#818cf859}.rdp-btn-danger-sm{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;font-size:.75rem;font-weight:500;border:none;border-radius:5px;cursor:pointer;background:#ef4444;color:#fff;transition:background .15s,opacity .15s}.rdp-btn-danger-sm:hover:not(:disabled){background:#dc2626}.rdp-btn-danger-sm:disabled{opacity:.55;cursor:not-allowed}.rdp-btn-ghost{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;background:transparent;color:#6b7280;border:1px solid #e5e7eb;border-radius:6px;font-size:.8125rem;cursor:pointer;transition:color .15s,background .15s;white-space:nowrap}.rdp-btn-ghost:hover:not(:disabled){color:#374151;background:#f3f4f6}.rdp-btn-ghost:disabled{opacity:.5;cursor:not-allowed}.rdp-btn-bulk-deselect{font-size:.75rem!important;height:26px!important;padding:0 8px!important}.rdp-btn-row-delete{height:26px!important;padding:0 6px!important;color:#ef4444!important;background:transparent;border:none;cursor:pointer}.rdp-btn-row-delete svg{width:14px;height:14px}.rdp-btn-primary{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;background:var(--color-primary, #667eea);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s,opacity .15s;white-space:nowrap}.rdp-btn-primary:hover:not(:disabled){background:var(--color-primary-hover, #5a6fd8)}.rdp-btn-primary:disabled{opacity:.5;cursor:not-allowed}.rdp-btn-danger{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;background:#fff;color:#dc2626;border:1px solid #fca5a5;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.rdp-btn-danger:hover:not(:disabled){background:#fef2f2;border-color:#f87171}.rdp-btn-danger:disabled{opacity:.5;cursor:not-allowed}.rdp-btn-secondary{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;background:var(--bg-content, #fff);color:var(--text-primary, #374151);border:1px solid var(--border-divider, #d1d5db);border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.rdp-btn-secondary:hover:not(:disabled){background:var(--bg-hover, #f9fafb);border-color:#9ca3af}.rdp-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.rdp-panel-footer{padding:7px 20px;border-top:1px solid var(--border-divider, #e5e7eb);display:flex;justify-content:flex-end;gap:12px;background:var(--bg-subtle, #f9fafb)}.rdp-panel-footer .rdp-btn-icon{display:none}[data-theme=dark] .rdp-panel-footer{border-top-color:var(--border-divider, #475569);background:#111c2e}[data-theme=dark] .rdp-btn-primary{background:var(--color-primary, #667eea)}[data-theme=dark] .rdp-btn-secondary{background:#1e293b;border-color:var(--border-divider, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .rdp-btn-secondary:hover:not(:disabled){background:#0f172a}[data-theme=dark] .rdp-btn-ghost{color:var(--text-secondary, #94a3b8);border-color:var(--border-divider, #475569)}[data-theme=dark] .rdp-btn-ghost:hover:not(:disabled){color:var(--text-primary, #e2e8f0);background:rgba(255,255,255,.05)}[data-theme=dark] .rdp-btn-danger{background:#1e293b;border-color:#7f1d1d;color:#fca5a5}[data-theme=dark] .rdp-btn-danger:hover:not(:disabled){background:#450a0a}.rdp-btn-confirm-group-compact{height:28px!important;font-size:.75rem!important;padding:0 10px!important}.rdp-detail-empty{text-align:center;padding:48px 16px;color:#9ca3af}.rdp-col-center{text-align:center}.rdp-panel-mobile-tabs,.rdp-mobile-emp-cards{display:none}@media (max-width: 768px){.rdp-panel-header{padding:10px 12px;flex-wrap:wrap;gap:6px}.rdp-panel-title-group{gap:8px}.rdp-panel-code{font-size:.95rem}.rdp-section-title{flex-wrap:wrap;gap:6px}.rdp-section-title-text{flex:1;min-width:0;white-space:normal}.rdp-summary-bar{order:1;width:100%;flex:none;flex-wrap:nowrap;overflow-x:visible;gap:6px;padding-bottom:2px}.rdp-summary-chip{flex:1;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:5px 6px;text-align:center;flex-shrink:0}.rdp-summary-chip-sep{display:none}.rdp-summary-chip-label{font-size:.67rem}.rdp-summary-chip-val{font-size:.9rem;font-weight:700}.rdp-right-col-actions{flex-shrink:0;flex-wrap:wrap;gap:6px;margin-left:0}.rdp-panel-mobile-tabs{display:flex;border-bottom:2px solid var(--border-divider, #e5e7eb);flex-shrink:0;background:var(--bg-content, #fff)}.rdp-pmtab-btn{flex:1;padding:10px 8px;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:.875rem;font-weight:500;color:var(--text-secondary, #6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:color .15s,border-color .15s}.rdp-pmtab-btn.active{color:var(--color-primary, #667eea);border-bottom-color:var(--color-primary, #667eea)}.rdp-panel-layout-split[data-mobile-tab=info] .rdp-panel-right-col,.rdp-panel-layout-split[data-mobile-tab=staff] .rdp-panel-left-col{display:none!important}.rdp-group-card{min-width:0;overflow:visible!important}.rdp-group-table-wrapper{display:none}.rdp-mobile-emp-cards{display:flex;flex-direction:column;gap:1px}.rdp-mobile-pagination-sticky-bottom{position:sticky;bottom:-2px;background:var(--bg-content, #fff);border-top:1px solid var(--border-divider, #e5e7eb);padding:6px 12px;z-index:10;box-shadow:0 -2px 8px #0000000d}[data-theme=dark] .rdp-mobile-pagination-sticky-bottom{background:var(--bg-content, #1e293b);border-top-color:var(--border-divider, #475569);box-shadow:0 -2px 8px #0003}.rdp-panel-footer{flex-wrap:wrap;gap:8px;padding:10px 12px}.rdp-panel-footer .rdp-btn-primary{flex:1!important;height:40px!important;justify-content:center!important;display:inline-flex!important;align-items:center!important}.rdp-panel-footer .rdp-btn-danger,.rdp-panel-footer .rdp-btn-ghost,.rdp-panel-footer .rdp-btn-secondary{flex:0 0 40px!important;width:40px!important;height:40px!important;padding:0!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.rdp-panel-footer .rdp-btn-danger .rdp-btn-text,.rdp-panel-footer .rdp-btn-ghost .rdp-btn-text,.rdp-panel-footer .rdp-btn-secondary .rdp-btn-text{display:none}.rdp-panel-footer .rdp-btn-icon{display:inline-block;width:16px;height:16px}.rdp-group-header-left{flex-direction:column!important;align-items:flex-start!important;gap:6px!important;min-width:0!important}.rdp-group-title-row{width:100%!important;min-width:0!important;gap:6px!important}.rdp-group-name{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:.8125rem!important;flex:1!important;min-width:0!important}.rdp-group-count{display:none!important}.rdp-group-badges-row{gap:6px!important;width:100%!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important}.rdp-group-badges-row::-webkit-scrollbar{display:none!important}.rdp-group-badges-row .rdp-xn-badge{white-space:nowrap!important;flex-shrink:0!important;font-size:.7rem!important;padding:2px 6px!important}.rdp-group-header-right .rdp-group-btn-text{display:none!important}.rdp-group-header-right .rdp-group-btn-icon{display:inline-block!important;width:14px!important;height:14px!important}.rdp-group-header-right .rdp-btn-delete-group{width:30px!important;height:30px!important;padding:0!important;border-radius:6px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;flex:none!important;background:#ef4444!important;color:#fff!important;border:none!important}}@media (max-width: 480px){.rdp-panel-footer,.rdp-panel-header{padding:8px 10px}.rdp-panel-right-col,.rdp-panel-left-col{padding:8px}}.rdp-pmtab-count{display:inline-flex;align-items:center;justify-content:center;background:var(--color-primary, #667eea);color:#fff;border-radius:999px;font-size:.7rem;font-weight:700;padding:1px 6px;min-width:18px}[data-theme=dark] .rdp-panel-mobile-tabs{background:var(--bg-content, #1e293b);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .rdp-pmtab-btn{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .rdp-pmtab-btn.active{color:#93c5fd;border-bottom-color:#3b82f6}.rdp-emp-card{background:var(--bg-content, #fff);padding:10px 12px;display:flex;flex-direction:column;gap:8px;transition:background .1s}[data-theme=dark] .rdp-emp-card{background:var(--bg-content, #1e293b)}.rdp-emp-card.rdp-row-saving{opacity:.6}.rdp-emp-card.rdp-row-selected{background:rgba(99,102,241,.06)!important}[data-theme=dark] .rdp-emp-card.rdp-row-selected{background:rgba(129,140,248,.08)!important}.rdp-ec-row1{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.rdp-ec-name-block{display:flex;align-items:flex-start;gap:6px;min-width:0;flex:1}.rdp-ec-checkbox{margin-top:3px;flex-shrink:0}.rdp-ec-name-inner{min-width:0;flex:1}.rdp-ec-name{font-size:.875rem;font-weight:600;color:var(--text-primary, #111827);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .rdp-ec-name{color:var(--text-primary, #e2e8f0)}.rdp-ec-sub{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-secondary, #6b7280);margin-top:2px;flex-wrap:wrap}[data-theme=dark] .rdp-ec-sub{color:var(--text-secondary, #94a3b8)}.rdp-ec-sep{color:#d1d5db}.rdp-ec-times{display:flex;align-items:center;gap:3px;flex-shrink:0}.rdp-ec-arrow{font-size:.75rem;color:#9ca3af;flex-shrink:0}.rdp-ec-row2{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.rdp-ec-combos{display:flex;gap:6px;flex:1;min-width:0;flex-wrap:wrap}.rdp-ec-checks{display:flex;align-items:center;gap:8px;flex-shrink:0}.rdp-ec-check-label{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-primary, #374151);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-theme=dark] .rdp-ec-check-label{color:var(--text-primary, #e2e8f0)}.rdp-ec-total-gio{font-size:.8rem;font-weight:700;color:var(--color-primary, #667eea);white-space:nowrap;min-width:28px;text-align:right}.rdp-ec-row3{display:flex;align-items:center;gap:8px}.rdp-ec-row3 .rdp-base-input{flex:1;min-width:0}.rdp-mr-1-5{margin-right:6px!important}.rdp-btn-height-26{height:26px!important}.rdp-icon-15{width:15px!important;height:15px!important}.rdp-mr-1{margin-right:4px!important}.rdp-vam{vertical-align:middle!important}.rdp-group-add-emp-container{display:inline-flex;align-items:center;gap:4px;margin-left:12px}.rdp-group-add-emp-input{height:26px;width:140px;padding:0 8px;font-size:.775rem;border-radius:4px;border:1px solid var(--border-divider, #e5e7eb);background:var(--bg-content, #fff);color:var(--text-primary, #111827);outline:none;transition:all .15s ease}.rdp-group-add-emp-input:focus{border-color:var(--color-primary, #667eea);box-shadow:0 0 0 2px #667eea26}[data-theme=dark] .rdp-group-add-emp-input{border-color:var(--border-divider, #475569);background:#1e293b;color:var(--text-primary, #e2e8f0)}[data-theme=dark] .rdp-group-add-emp-input:focus{border-color:#93c5fd;box-shadow:0 0 0 2px #93c5fd33}.rdp-btn-reject-group{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 8px;background-color:#ef4444;color:#fff;border:none;border-radius:4px;font-size:.775rem;font-weight:500;cursor:pointer;transition:background-color .15s ease}.rdp-btn-reject-group:hover{background-color:#dc2626}.rdp-btn-reject-group:disabled{opacity:.6;cursor:not-allowed}[data-theme=dark] .rdp-btn-reject-group{background-color:#b91c1c}[data-theme=dark] .rdp-btn-reject-group:hover{background-color:#991b1b}.rdp-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:rdp-fade-in .2s ease-out}.rdp-modal-box{background:var(--bg-content, #fff);border-radius:8px;width:450px;max-width:90%;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;overflow:hidden;border:1px solid var(--border-divider, #e5e7eb)}[data-theme=dark] .rdp-modal-box{background:#1e293b;border-color:#475569}.rdp-block-modal .rdp-modal-header{border-bottom:1px solid rgba(239,68,68,.25);background:rgba(239,68,68,.04)}[data-theme=dark] .rdp-block-modal .rdp-modal-header{background:rgba(239,68,68,.08);border-bottom-color:#ef444433}.rdp-block-modal .rdp-modal-header h3{color:#ef4444}[data-theme=dark] .rdp-block-modal .rdp-modal-header h3{color:#f87171}.rdp-bu-cong-modal .rdp-modal-header{border-bottom:1px solid rgba(245,158,11,.25);background:rgba(251,191,36,.06)}[data-theme=dark] .rdp-bu-cong-modal .rdp-modal-header{background:rgba(251,191,36,.08);border-bottom-color:#f59e0b33}.rdp-bu-cong-modal .rdp-modal-header h3{color:#92400e}[data-theme=dark] .rdp-bu-cong-modal .rdp-modal-header h3{color:#fbbf24}.rdp-modal-header{padding:16px 20px;border-bottom:1px solid var(--border-divider, #e5e7eb);display:flex;align-items:center;gap:12px}[data-theme=dark] .rdp-modal-header{border-bottom-color:#475569}.rdp-modal-warning-icon{flex-shrink:0}.rdp-icon-danger{color:#ef4444}[data-theme=dark] .rdp-icon-danger{color:#f87171}.rdp-icon-warning{color:#f59e0b}[data-theme=dark] .rdp-icon-warning{color:#fbbf24}.rdp-modal-header h3{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-primary, #111827)}[data-theme=dark] .rdp-modal-header h3{color:#fff}.rdp-modal-body{padding:20px}.rdp-modal-body p{margin:0 0 16px;font-size:.875rem;color:var(--text-primary, #374151);line-height:1.5}[data-theme=dark] .rdp-modal-body p{color:var(--text-secondary, #cbd5e1)}.rdp-form-group{margin-bottom:14px}.rdp-form-label{display:block;font-size:.775rem;font-weight:600;color:var(--text-secondary, #4b5563);margin-bottom:6px}[data-theme=dark] .rdp-form-label{color:#cbd5e1}.rdp-required{color:#ef4444;margin-left:2px}.rdp-input{width:100%;height:36px;padding:0 12px;font-size:.875rem;border-radius:6px;border:1px solid var(--border-divider, #d1d5db);background:var(--bg-content, #fff);color:var(--text-primary, #111827);outline:none;box-sizing:border-box}.rdp-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}[data-theme=dark] .rdp-input{border-color:#475569;background:#111c2e;color:#fff}.rdp-input-error{border-color:#ef4444!important}.rdp-field-error{font-size:.75rem;color:#ef4444;margin-top:4px;font-weight:500}.rdp-modal-footer{padding:12px 20px;background:var(--bg-subtle, #f9fafb);border-top:1px solid var(--border-divider, #e5e7eb);display:flex;justify-content:flex-end;gap:8px}[data-theme=dark] .rdp-modal-footer{background:#111c2e;border-top-color:#475569}.rdp-btn-warning{background-color:#f59e0b;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.rdp-btn-warning:hover,[data-theme=dark] .rdp-btn-warning{background-color:#d97706}.rdp-badge-con-nho{display:inline-flex;align-items:center;gap:2px;background:#fdf2f8;color:#db2777;border:1px solid #fbcfe8;border-radius:4px;padding:1px 4px;font-size:11px;font-weight:500;margin-left:4px;margin-top:2px;white-space:nowrap}[data-theme=dark] .rdp-badge-con-nho{background:rgba(219,39,119,.15);color:#f472b6;border-color:#f472b64d}.rdp-hours-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.rdp-hours-total{font-weight:600}.rdp-hours-bonus{font-size:10px;color:#db2777;font-weight:500;cursor:help;white-space:nowrap}[data-theme=dark] .rdp-hours-bonus{color:#f472b6}.sam-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:sam-fadeIn .25s ease-out}.sam-container{width:90%;max-width:680px;max-height:85vh;background-color:var(--otv2-bg, #ffffff);color:var(--otv2-text, #1e293b);border-radius:16px;box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000000d;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--otv2-border, #e2e8f0);animation:sam-scaleIn .3s cubic-bezier(.34,1.56,.64,1)}.dark-mode .sam-container,[data-theme=dark] .sam-container,body.dark .sam-container{background-color:#1e293b;color:#f8fafc;border-color:#334155;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.sam-header{padding:20px 24px;border-bottom:1px solid var(--otv2-border, #e2e8f0);display:flex;justify-content:space-between;align-items:center}.dark-mode .sam-header,[data-theme=dark] .sam-header,body.dark .sam-header{border-color:#334155}.sam-header h2{font-size:1.2rem;font-weight:700;margin:0;color:var(--otv2-primary, #3b82f6)}.sam-close{background:none;border:none;font-size:1.75rem;font-weight:300;cursor:pointer;color:#94a3b8;transition:color .15s ease,transform .15s ease;line-height:1}.sam-close:hover{color:#ef4444;transform:scale(1.1)}.sam-body{padding:24px;overflow-y:auto;flex:1}.sam-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.sam-spinner{width:36px;height:36px;border:3.5px solid rgba(59,130,246,.1);border-left-color:#3b82f6;border-radius:50%;animation:sam-spin 1s linear infinite;margin-bottom:16px}@keyframes sam-spin{to{transform:rotate(360deg)}}.sam-error{background-color:#fef2f2;border:1px solid #fee2e2;color:#ef4444;padding:12px 16px;border-radius:8px;font-size:.875rem;margin-bottom:20px;font-weight:500}.dark-mode .sam-error,[data-theme=dark] .sam-error,body.dark .sam-error{background-color:#ef44441a;border-color:#ef444433;color:#fca5a5}.sam-section{margin-bottom:24px;background-color:#f8faff66;padding:16px;border-radius:12px;border:1px solid var(--otv2-border, #e2e8f0)}.dark-mode .sam-section,[data-theme=dark] .sam-section,body.dark .sam-section{background-color:#1e293b4d;border-color:#334155}.sam-section:last-child{margin-bottom:0}.sam-section h3{font-size:.95rem;font-weight:600;margin:0 0 4px;color:var(--otv2-text, #1e293b)}.dark-mode .sam-section h3,[data-theme=dark] .sam-section h3,body.dark .sam-section h3{color:#f1f5f9}.sam-section-desc{font-size:.78rem;color:#64748b;margin:0 0 12px;line-height:1.4}.dark-mode .sam-section-desc,[data-theme=dark] .sam-section-desc,body.dark .sam-section-desc{color:#94a3b8}.sam-select-wrap{position:relative;width:100%}.sam-select{width:100%;padding:10px 40px 10px 16px;font-size:.875rem;font-family:inherit;background-color:var(--otv2-card-bg, #ffffff);border:1px solid var(--otv2-border, #cbd5e1);border-radius:8px;color:var(--otv2-text, #1e293b);cursor:pointer;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 14px center;background-size:14px}.dark-mode .sam-select,[data-theme=dark] .sam-select,body.dark .sam-select{background-color:#1e293b;border-color:#475569;color:#f8fafc;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}.sam-select:focus{border-color:var(--otv2-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61f}.sam-select:disabled{background-color:var(--otv2-bg-disabled, #f1f5f9);color:#94a3b8;cursor:not-allowed;border-color:var(--otv2-border, #e2e8f0)}.dark-mode .sam-select:disabled,[data-theme=dark] .sam-select:disabled,body.dark .sam-select:disabled{background-color:#334155;color:#64748b;border-color:#475569}.sam-chips-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;padding:10px 12px;background-color:#f1f5f980;border:1px dashed var(--otv2-border, #cbd5e1);border-radius:8px}.dark-mode .sam-chips-list,[data-theme=dark] .sam-chips-list,body.dark .sam-chips-list{background-color:#3341554d;border-color:#475569}.sam-chip{display:flex;align-items:center;gap:8px;padding:5px 12px;background-color:#3b82f614;border:1px solid rgba(59,130,246,.18);border-radius:20px;color:var(--otv2-primary, #3b82f6);font-size:.825rem;font-weight:500;animation:sam-fadeIn .2s ease-out}.dark-mode .sam-chip,[data-theme=dark] .sam-chip,body.dark .sam-chip{background-color:#60a5fa1f;border-color:#60a5fa38;color:#60a5fa}.sam-chip-remove{background:none;border:none;color:#94a3b8;font-size:1.15rem;line-height:1;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .15s ease,transform .1s ease}.sam-chip-remove:hover{color:#ef4444;transform:scale(1.15)}.sam-rows-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.sam-row-card{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background-color:var(--otv2-card-bg, #ffffff);border:1px solid var(--otv2-border, #cbd5e1);border-radius:8px;box-shadow:0 1px 2px #00000005;animation:sam-slideInDown .2s ease-out}.dark-mode .sam-row-card,[data-theme=dark] .sam-row-card,body.dark .sam-row-card{background-color:#1e293b;border-color:#475569}.sam-row-info{display:flex;align-items:center;gap:8px}.sam-row-name{font-size:.85rem;font-weight:600;color:var(--otv2-text, #1e293b)}.dark-mode .sam-row-name,[data-theme=dark] .sam-row-name,body.dark .sam-row-name{color:#f1f5f9}.sam-row-username{font-size:.75rem;color:#64748b;font-weight:400}.dark-mode .sam-row-username,[data-theme=dark] .sam-row-username,body.dark .sam-row-username{color:#94a3b8}.sam-row-actions{display:flex;align-items:center;gap:16px}.sam-checkbox-label{display:flex;align-items:center;gap:6px;font-size:.78rem;color:#475569;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:500}.dark-mode .sam-checkbox-label,[data-theme=dark] .sam-checkbox-label,body.dark .sam-checkbox-label{color:#cbd5e1}.sam-checkbox{width:14px;height:14px;cursor:pointer;accent-color:#3b82f6;border-radius:4px;border:1px solid #cbd5e1}.sam-row-remove{background:none;border:none;color:#94a3b8;font-size:1.3rem;line-height:1;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .15s ease,transform .1s ease}.sam-row-remove:hover{color:#ef4444;transform:scale(1.15)}.sam-footer{padding:16px 24px;border-top:1px solid var(--otv2-border, #e2e8f0);display:flex;justify-content:flex-end;gap:12px}.dark-mode .sam-footer,[data-theme=dark] .sam-footer,body.dark .sam-footer{border-color:#334155}.sam-btn-cancel{padding:9px 18px;border:1px solid var(--otv2-border, #cbd5e1);background-color:transparent;color:#64748b;font-weight:600;font-size:.85rem;border-radius:8px;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}.dark-mode .sam-btn-cancel,[data-theme=dark] .sam-btn-cancel,body.dark .sam-btn-cancel{border-color:#475569;color:#cbd5e1}.sam-btn-cancel:hover{background-color:#f1f5f9;color:#1e293b;border-color:#94a3b8}.dark-mode .sam-btn-cancel:hover,[data-theme=dark] .sam-btn-cancel:hover,body.dark .sam-btn-cancel:hover{background-color:#334155;color:#f8fafc;border-color:#64748b}.sam-btn-submit{padding:9px 20px;border:none;background-color:var(--otv2-primary, #3b82f6);color:#fff;font-weight:600;font-size:.85rem;border-radius:8px;cursor:pointer;box-shadow:0 4px 6px -1px #3b82f633;transition:background-color .15s,transform .1s,box-shadow .15s}.sam-btn-submit:hover{background-color:#2563eb;box-shadow:0 4px 8px -1px #3b82f64d}.sam-btn-submit:active{transform:scale(.98)}.sam-btn-submit:disabled,.sam-btn-cancel:disabled{opacity:.6;cursor:not-allowed}@keyframes sam-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes sam-scaleIn{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@keyframes sam-slideInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.apm-overlay{position:fixed;top:50px;left:0;right:0;bottom:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:flex-end;z-index:999;animation:apm-fadeIn .25s ease-out}.apm-container{width:100%;max-width:600px;height:100%;background-color:var(--otv2-bg, #ffffff);color:var(--otv2-text, #1e293b);box-shadow:-10px 0 25px -5px #00000026;display:flex;flex-direction:column;overflow:hidden;border-left:1px solid var(--otv2-border, #e2e8f0);animation:apm-slideInFromRight .35s cubic-bezier(.16,1,.3,1)}.dark-mode .apm-container,[data-theme=dark] .apm-container,body.dark .apm-container{background-color:#0f172a;color:#f8fafc;border-color:#1e293b}.apm-header{padding:20px 24px;border-bottom:1px solid var(--otv2-border, #e2e8f0);display:flex;justify-content:space-between;align-items:center;background-color:var(--otv2-header-bg, #f8fafc)}.dark-mode .apm-header,[data-theme=dark] .apm-header,body.dark .apm-header{border-color:#1e293b;background-color:#1e293b}.apm-header h2{font-size:1.15rem;font-weight:700;margin:0;color:var(--otv2-primary, #3b82f6)}.apm-close{background:none;border:none;font-size:1.75rem;font-weight:300;cursor:pointer;color:#94a3b8;transition:color .15s ease;line-height:1}.apm-close:hover{color:#ef4444}.apm-body{padding:24px;overflow-y:auto;flex:1;background-color:var(--otv2-body-bg, #ffffff)}.dark-mode .apm-body,[data-theme=dark] .apm-body,body.dark .apm-body{background-color:#0f172a}.apm-timeline{display:flex;flex-direction:column;position:relative;padding-left:8px}.apm-item{display:flex;position:relative;min-height:100px}.apm-item-left{display:flex;flex-direction:column;align-items:center;margin-right:20px;flex-shrink:0;position:relative}.apm-node{width:28px;height:28px;border-radius:50%;background-color:#e2e8f0;border:2px solid #cbd5e1;display:flex;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;color:#64748b;z-index:2;transition:all .3s cubic-bezier(.4,0,.2,1)}.dark-mode .apm-node,[data-theme=dark] .apm-node,body.dark .apm-node{background-color:#334155;border-color:#475569;color:#94a3b8}.apm-line{position:absolute;top:28px;bottom:0;width:2px;z-index:1}.apm-line.upcoming{border-left:2px dashed #cbd5e1}.dark-mode .apm-line.upcoming,[data-theme=dark] .apm-line.upcoming,body.dark .apm-line.upcoming{border-left-color:#475569}.apm-line.active{background-color:#3b82f6;border-left:none}.apm-line.completed{background-color:#10b981;border-left:none}.apm-item.completed .apm-node{background-color:#10b981;border-color:#10b981;color:#fff;box-shadow:0 0 10px #10b98133}.apm-item.active .apm-node{width:34px;height:34px;background-color:#3b82f6;border-color:#3b82f6;color:#fff;font-size:.85rem;position:relative;box-shadow:0 0 0 4px #3b82f626;animation:apm-pulseGlow 2s infinite;margin-left:-3px}.apm-item.active .apm-line{top:34px}.apm-item.rejected .apm-node{background-color:#ef4444;border-color:#ef4444;color:#fff}.apm-item-right{flex:1;padding-bottom:24px;opacity:.6;transition:opacity .3s ease}.apm-item.active .apm-item-right{opacity:1}.apm-item.completed .apm-item-right{opacity:.95}.apm-card{padding:16px 20px;background-color:var(--otv2-card-bg, #f8fafc);border:1px solid var(--otv2-border, #e2e8f0);border-radius:12px;transition:all .3s ease}.dark-mode .apm-card,[data-theme=dark] .apm-card,body.dark .apm-card{background-color:#1e293b;border-color:#334155}.apm-item.active .apm-card{border-color:#3b82f666;box-shadow:0 10px 15px -3px #3b82f60d,0 4px 6px -2px #3b82f605}.apm-step-title{margin:0 0 6px;font-size:.9rem;font-weight:600;color:#475569;transition:all .3s ease}.dark-mode .apm-step-title,[data-theme=dark] .apm-step-title,body.dark .apm-step-title{color:#cbd5e1}.apm-item.active .apm-step-title{font-size:1.05rem;font-weight:700;color:#3b82f6}.dark-mode .apm-item.active .apm-step-title,[data-theme=dark] .apm-item.active .apm-step-title,body.dark .apm-item.active .apm-step-title{color:#60a5fa}.apm-step-desc{margin:0;font-size:.8rem;color:#64748b;line-height:1.4}.dark-mode .apm-step-desc,[data-theme=dark] .apm-step-desc,body.dark .apm-step-desc{color:#94a3b8}.apm-approver-details{margin-top:12px;padding-top:10px;border-top:1px solid var(--otv2-border, #e2e8f0)}.dark-mode .apm-approver-details,[data-theme=dark] .apm-approver-details,body.dark .apm-approver-details{border-color:#334155}.apm-approver-list{display:flex;flex-direction:column;gap:8px}.apm-approver-row{display:flex;align-items:center;font-size:.75rem}.apm-approver-dot{width:6px;height:6px;border-radius:50%;margin-right:8px}.apm-approver-row.waiting .apm-approver-dot{background-color:#cbd5e1}.apm-approver-row.signed .apm-approver-dot{background-color:#10b981}.apm-approver-name{font-weight:500;color:#475569;margin-right:auto}.dark-mode .apm-approver-name,[data-theme=dark] .apm-approver-name,body.dark .apm-approver-name{color:#cbd5e1}.apm-approver-type{font-size:.68rem;color:#94a3b8;margin-left:4px}.apm-approver-badge{font-size:.68rem;padding:2px 6px;border-radius:4px}.apm-approver-row.waiting .apm-approver-badge{background-color:#f1f5f9;color:#64748b}.dark-mode .apm-approver-row.waiting .apm-approver-badge,[data-theme=dark] .apm-approver-row.waiting .apm-approver-badge,body.dark .apm-approver-row.waiting .apm-approver-badge{background-color:#334155;color:#cbd5e1}.apm-approver-row.signed .apm-approver-badge{background-color:#10b9811a;color:#10b981}.apm-rejection-box{margin-top:10px;padding:8px 12px;background-color:#ef44440d;border:1px solid rgba(239,68,68,.15);border-radius:6px;font-size:.75rem;color:#ef4444}.dark-mode .apm-rejection-box,[data-theme=dark] .apm-rejection-box,body.dark .apm-rejection-box{background-color:#ef44441a;border-color:#ef444433;color:#fca5a5}.apm-inline-container{padding:4px}.apm-timeline--inline .apm-item{min-height:80px}.apm-timeline--inline .apm-item-left{margin-right:12px}.apm-timeline--inline .apm-node{width:22px;height:22px;font-size:.65rem}.apm-timeline--inline .apm-node-icon,.apm-timeline--inline .apm-node-number{font-size:.65rem}.apm-timeline--inline .apm-line{top:22px}.apm-timeline--inline .apm-item-right{padding-bottom:16px}.apm-timeline--inline .apm-card{padding:8px 12px;border-radius:8px}.apm-timeline--inline .apm-step-title{font-size:.8rem!important;font-weight:600!important;margin-bottom:2px}.apm-timeline--inline .apm-step-desc{font-size:.72rem;line-height:1.3}.apm-timeline--inline .apm-approver-details{margin-top:6px;padding-top:6px}.apm-timeline--inline .apm-approver-list{gap:4px}.apm-timeline--inline .apm-approver-row{font-size:.7rem}.apm-timeline--inline .apm-approver-dot{width:4px;height:4px;margin-right:6px}.apm-timeline--inline .apm-approver-name{font-size:.7rem}.apm-timeline--inline .apm-approver-badge{font-size:.65rem;padding:1px 4px}.apm-timeline--inline .apm-approver-type{font-size:.65rem}.apm-timeline--inline .apm-rejection-box{margin-top:6px;padding:6px 8px;font-size:.7rem}@keyframes apm-slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes apm-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes apm-pulseGlow{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 8px #3b82f600}to{box-shadow:0 0 #3b82f600}}.gd-panel-wrapper{padding:16px;display:flex;flex-direction:column;gap:16px}.gd-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.gd-filters{display:flex;align-items:center;gap:10px}.gd-select{height:34px;padding:0 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#374151;background:#fff;cursor:pointer;outline:none}[data-theme=dark] .gd-select{background:#0f172a;border-color:#475569;color:#e2e8f0}.gd-btn-refresh{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;background:transparent;color:#6b7280;border:1px solid #e5e7eb;border-radius:6px;font-size:.8125rem;cursor:pointer;transition:all .15s}.gd-btn-refresh:hover{background:#f3f4f6;color:#374151}[data-theme=dark] .gd-btn-refresh{border-color:#475569;color:#94a3b8}[data-theme=dark] .gd-btn-refresh:hover{background:rgba(255,255,255,.05);color:#fff}.gd-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}[data-theme=dark] .gd-table-card{background:#1e293b;border-color:#475569}.gd-table-wrapper{overflow-x:auto}.gd-table{width:100%;border-collapse:collapse;font-size:.875rem}.gd-table th{background:#f9fafb;padding:10px 12px;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e5e7eb;text-align:center}[data-theme=dark] .gd-table th{background:#0f172a;color:#94a3b8;border-bottom-color:#475569}.gd-table td{padding:10px 12px;border-bottom:1px solid #f3f4f6;color:#374151;text-align:center}[data-theme=dark] .gd-table td{border-bottom-color:#475569;color:#e2e8f0}.gd-table-row{cursor:pointer;transition:background .15s}.gd-table-row:hover{background:#f9fafb}[data-theme=dark] .gd-table-row:hover{background:rgba(255,255,255,.03)}.gd-cell-code{font-family:monospace;font-weight:600}.gd-modal-overlay{position:fixed!important;top:50px;left:var(--sidebar-width, 240px);right:0;bottom:0;background:rgba(0,0,0,.4);z-index:990!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (max-width: 1024px){.gd-modal-overlay{left:0}}.gd-modal{position:fixed!important;top:50px;left:var(--sidebar-width, 240px);right:0;bottom:0;background:#fff;display:flex;flex-direction:column;z-index:991!important;overflow:hidden;animation:gd-slide-in .25s ease-out}@media (max-width: 1024px){.gd-modal{left:0}}@keyframes gd-slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .gd-modal{background:#0f172a}.gd-modal-header{padding:5px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}[data-theme=dark] .gd-modal-header{background:#1e293b;border-bottom-color:#475569}.gd-modal-title{margin:0;font-size:1.125rem;font-weight:600;color:#111827}[data-theme=dark] .gd-modal-title{color:#f3f4f6}.gd-modal-close-btn{background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s}.gd-modal-close-btn svg{width:20px;height:20px}.gd-modal-close-btn:hover{background:#e5e7eb;color:#374151}[data-theme=dark] .gd-modal-close-btn:hover{background:#334155;color:#fff}.gd-modal-body{flex:1;display:flex;overflow:hidden;min-height:0}.gd-left-panel{width:50%;border-right:1px solid #e5e7eb;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:20px;background:#fcfdfe}[data-theme=dark] .gd-left-panel{background:#0f172a;border-right-color:#334155}.gd-right-panel{width:50%;padding:20px;display:flex;flex-direction:column;gap:16px;overflow:hidden;min-height:0}.gd-right-split{display:flex;flex:1;gap:16px;min-height:0;overflow:hidden}.gd-tree-sidebar{width:200px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:12px;overflow-y:auto;flex-shrink:0}[data-theme=dark] .gd-tree-sidebar{background:#1e293b;border-color:#334155}.gd-tree-title{font-size:.8125rem;font-weight:600;color:#6b7280;margin-bottom:8px;text-transform:uppercase}[data-theme=dark] .gd-tree-title{color:#9ca3af}.gd-tree-node{margin-left:8px;margin-bottom:4px}.gd-tree-node-label{display:flex;align-items:center;gap:6px;padding:4px 8px;font-size:.8125rem;color:#374151;border-radius:4px;cursor:pointer;transition:background .15s}.gd-tree-node-label:hover{background:#f3f4f6}.gd-tree-node-label.active{background:rgba(102,126,234,.08);color:var(--color-primary, #667eea);font-weight:600}[data-theme=dark] .gd-tree-node-label{color:#e2e8f0}[data-theme=dark] .gd-tree-node-label:hover{background:rgba(255,255,255,.04)}[data-theme=dark] .gd-tree-node-label.active{background:rgba(147,197,253,.1);color:#93c5fd}.gd-emp-table-panel{flex:1;border:1px solid #e5e7eb;border-radius:8px;background:#fff;display:flex;flex-direction:column;overflow:hidden;min-height:0}[data-theme=dark] .gd-emp-table-panel{background:#1e293b;border-color:#334155}.gd-emp-table-wrapper{overflow:auto;flex:1}.gd-emp-table{width:100%;border-collapse:collapse;font-size:.75rem}.gd-emp-table th{background:#f9fafb;padding:8px 10px;border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb;position:sticky;top:0;z-index:10;font-weight:600;color:#4b5563;text-transform:uppercase;text-align:center}[data-theme=dark] .gd-emp-table th{background:#0f172a;color:#9ca3af;border-bottom-color:#475569;border-right-color:#334155}.gd-emp-table td{padding:8px 10px;border-bottom:1px solid #f3f4f6;border-right:1px solid #f3f4f6;color:#374151;white-space:nowrap;text-align:center}[data-theme=dark] .gd-emp-table td{border-bottom-color:#334155;border-right-color:#334155;color:#e2e8f0}.gd-emp-table tfoot{position:sticky;bottom:0;z-index:10;background:#f9fafb}[data-theme=dark] .gd-emp-table tfoot{background:#0f172a}.gd-emp-table tfoot td{font-weight:700;border-top:2px solid #e5e7eb;border-right:1px solid #e5e7eb;background:inherit;color:#374151!important}[data-theme=dark] .gd-emp-table tfoot td{border-top-color:#475569;border-right-color:#334155;color:#e2e8f0!important}.gd-modal-footer{padding:5px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-shrink:0}[data-theme=dark] .gd-modal-footer{background:#1e293b;border-top-color:#475569}.gd-btn-reject{height:38px;padding:0 18px;background:#ef4444;border:none;color:#fff;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s}.gd-btn-reject:hover:not(:disabled){background:#dc2626}.gd-btn-approve{height:38px;padding:0 18px;background:#10b981;border:none;color:#fff;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s}.gd-btn-approve:hover:not(:disabled){background:#059669}.gd-btn-reject:disabled,.gd-btn-approve:disabled{background:#cbd5e1!important;color:#94a3b8!important;cursor:not-allowed!important;opacity:.7}[data-theme=dark] .gd-btn-reject:disabled,[data-theme=dark] .gd-btn-approve:disabled{background:#334155!important;color:#64748b!important;cursor:not-allowed!important;opacity:.6}.gd-btn-print{height:38px;padding:0 18px;background:#fff;border:1px solid #d1d5db;color:#374151;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s}.gd-btn-print:hover:not(:disabled){background:#f9fafb}[data-theme=dark] .gd-btn-print{background:#0f172a;border-color:#475569;color:#e2e8f0}[data-theme=dark] .gd-btn-print:hover:not(:disabled){background:#1e293b}.gd-reject-popover{position:absolute;bottom:70px;right:24px;width:320px;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;padding:16px;display:flex;flex-direction:column;gap:12px;z-index:1000}[data-theme=dark] .gd-reject-popover{background:#1e293b;border-color:#475569}.gd-reject-textarea{width:100%;border:1px solid #d1d5db;border-radius:6px;padding:8px;font-size:.8125rem;outline:none;resize:vertical}[data-theme=dark] .gd-reject-textarea{background:#0f172a;border-color:#475569;color:#e2e8f0}.gd-popover-buttons{display:flex;justify-content:flex-end;gap:8px}.gd-popover-cancel{height:28px;padding:0 10px;background:transparent;border:1px solid #d1d5db;border-radius:4px;font-size:.75rem;cursor:pointer}.gd-popover-confirm{height:28px;padding:0 10px;background:#ef4444;border:none;color:#fff;border-radius:4px;font-size:.75rem;cursor:pointer}.gd-detail-modal-overlay{position:fixed!important;top:50px;left:var(--sidebar-width, 240px);right:0;bottom:0;background:rgba(0,0,0,.4);z-index:1010!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (max-width: 1024px){.gd-detail-modal-overlay{left:0}}.gd-detail-modal{position:fixed!important;top:60px;left:calc(var(--sidebar-width, 240px) + 20px);right:20px;bottom:20px;background:#fff;border-radius:8px;display:flex;flex-direction:column;z-index:1011!important;overflow:hidden;box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000000a;animation:gd-scale-up .2s ease-out}@media (max-width: 1024px){.gd-detail-modal{left:20px}}@keyframes gd-scale-up{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}[data-theme=dark] .gd-detail-modal{background:#0f172a;border:1px solid #334155}.gd-detail-modal-header{padding:12px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}[data-theme=dark] .gd-detail-modal-header{background:#1e293b;border-bottom-color:#475569}.gd-detail-modal-title{margin:0;font-size:.95rem;font-weight:600;color:#111827}[data-theme=dark] .gd-detail-modal-title{color:#f3f4f6}.gd-detail-modal-body{flex:1;display:flex;overflow:hidden;min-height:0;padding:16px}@media (max-width: 1024px){.ssm-row-flex{flex-direction:column;gap:28px}}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{position:absolute;left:0;top:0;width:100%}}.gd-badge-bu-cong{display:inline-block;margin-top:4px;padding:1px 5px;border-radius:4px;font-size:.68rem;font-weight:600;letter-spacing:.02em;color:#92400e;background:rgba(245,158,11,.18);border:1px solid rgba(245,158,11,.35);cursor:default;white-space:nowrap;width:-moz-fit-content;width:fit-content}[data-theme=dark] .gd-badge-bu-cong{color:#fde68a;background:rgba(245,158,11,.2);border-color:#fbbf2459}.gd-mr-1{margin-right:4px}.gd-mr-auto{margin-right:auto}.gd-icon-16{width:16px;height:16px}.gd-loading-empty-cell{padding:40px;color:#9ca3af;text-align:center}[data-theme=dark] .gd-loading-empty-cell{color:var(--text-secondary, #94a3b8)}.gd-font-semibold{font-weight:600}.gd-font-medium{font-weight:500}.gd-font-bold{font-weight:700}.gd-text-left{text-align:left}.gd-text-center{text-align:center}.gd-flex-col-gap-2{display:flex;flex-direction:column;gap:2px}.gd-flex-row-gap-12{display:flex;align-items:center;gap:12px}.gd-modal-meta-text{font-size:.85rem;color:#6b7280}[data-theme=dark] .gd-modal-meta-text{color:var(--text-secondary, #94a3b8)}.gd-status-approved{color:#10b981}[data-theme=dark] .gd-status-approved{color:#34d399}.gd-status-pending{color:#f59e0b}[data-theme=dark] .gd-status-pending{color:#fbbf24}.gd-btn-process-history{height:34px;padding:0 14px;background:transparent;color:#4b5563;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s}.gd-btn-process-history:hover{background:#f3f4f6;color:#1f2937;border-color:#cbd5e1}[data-theme=dark] .gd-btn-process-history{color:#cbd5e1;border-color:#475569}[data-theme=dark] .gd-btn-process-history:hover{background:#334155;color:#fff}.gd-btn-detail-list{height:34px;padding:0 14px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s}.gd-btn-detail-list:hover{background:#2563eb}.gd-left-panel-full{width:100%!important;border-right:none!important}.gd-td-bold-center{font-weight:700;vertical-align:middle;text-align:center}.gd-popover-title{font-size:.85rem;font-weight:600;color:#374151}[data-theme=dark] .gd-popover-title{color:var(--text-primary, #e2e8f0)}.gd-search-input-modal{width:220px;height:32px;text-align:left!important;padding:0 10px}.gd-flex-1{flex:1}.gd-ml-3{margin-left:12px}.gd-flex-col-start{display:flex;flex-direction:column;gap:2px;align-items:flex-start}.gd-check-mark{color:#10b981;font-weight:700;font-size:1.1rem}[data-theme=dark] .gd-check-mark{color:#34d399}.ssm-overlay{position:fixed;top:50px;left:0;right:0;bottom:0;z-index:1000;background:rgba(0,0,0,.55);display:flex;align-items:stretch;justify-content:stretch;padding:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (min-width: 769px){.ssm-overlay{left:50px}}.ssm-modal{width:100%;height:100%;max-width:none;max-height:none;background:#fff;border-radius:0;box-shadow:none;display:flex;flex-direction:column;overflow:hidden;animation:ssm-fade-in .2s ease-out}[data-theme=dark] .ssm-modal{background:#1e293b;border:none}@keyframes ssm-fade-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.ssm-header{display:flex;align-items:center;justify-content:space-between;padding:6px 24px;border-bottom:1px solid #e5e7eb}[data-theme=dark] .ssm-header{border-bottom-color:#475569}.ssm-title-area{display:flex;flex-direction:column;gap:4px}.ssm-title{margin:0;font-size:1.25rem;font-weight:600;color:#111827}[data-theme=dark] .ssm-title{color:#f3f4f6}.ssm-subtitle{font-size:.8125rem;color:#6b7280}[data-theme=dark] .ssm-subtitle{color:#9ca3af}.ssm-close-btn{background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.ssm-close-btn:hover{background:#f3f4f6;color:#374151}[data-theme=dark] .ssm-close-btn:hover{background:#334155;color:#f3f4f6}.ssm-close-btn svg{width:20px;height:20px}.ssm-body{padding:24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:28px}.ssm-section{display:flex;flex-direction:column;gap:12px}.ssm-section-title{font-size:.9375rem;font-weight:600;color:#374151;margin:0;padding-left:8px;border-left:4px solid var(--color-primary, #667eea)}[data-theme=dark] .ssm-section-title{color:#e5e7eb}.ssm-table-container{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff;overflow-x:auto}[data-theme=dark] .ssm-table-container{border-color:#475569;background:#0f172a}.ssm-table{width:100%;border-collapse:collapse;font-size:.8125rem}.ssm-table th,.ssm-table td{padding:8px 12px;border:1px solid #e5e7eb;text-align:center;vertical-align:middle}[data-theme=dark] .ssm-table th,[data-theme=dark] .ssm-table td{border-color:#334155}.ssm-table th{background:#f9fafb;font-weight:600;color:#4b5563;text-transform:uppercase;font-size:.72rem;letter-spacing:.02em}[data-theme=dark] .ssm-table th{background:#1e293b;color:#9ca3af}.ssm-table tbody tr:hover{background:#f9fafb}[data-theme=dark] .ssm-table tbody tr:hover{background:rgba(255,255,255,.02)}.ssm-total-row,.ssm-total-row td{background:#fef3c7!important;color:#1e293b!important;font-weight:700}[data-theme=dark] .ssm-total-row,[data-theme=dark] .ssm-total-row td{background:#334155!important;color:#f8fafc!important;font-weight:700}.ssm-dept-col{font-weight:500;color:#111827;text-align:left!important;padding-left:16px!important}[data-theme=dark] .ssm-dept-col{color:#f3f4f6}.ssm-shift-badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:500}.ssm-shift-badge.day{background:#fef9c3;color:#854d0e}.ssm-shift-badge.night{background:#e0e7ff;color:#3730a3}[data-theme=dark] .ssm-shift-badge.day{background:#78350f;color:#fde68a}[data-theme=dark] .ssm-shift-badge.night{background:#1e1b4b;color:#c7d2fe}.ssm-number-input{width:80px;height:28px;text-align:center;border:1px solid #d1d5db;border-radius:4px;font-size:.8125rem;color:#111827;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.ssm-number-input:focus{border-color:var(--color-primary, #667eea);box-shadow:0 0 0 2px #667eea26}[data-theme=dark] .ssm-number-input{background:#0f172a;border-color:#475569;color:#f3f4f6}.ssm-number-input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}[data-theme=dark] .ssm-number-input:disabled{background:#1e293b;color:#64748b;border-color:#334155}.ssm-warning-cell{background:#fffbeb}[data-theme=dark] .ssm-warning-cell{background:rgba(245,158,11,.08)}.ssm-meal-cell-content{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px}.ssm-warning-text{font-size:.65rem;line-height:1.15;color:#d97706;font-weight:500;display:block;text-align:left;max-width:75px;white-space:normal}.ssm-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:6px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}[data-theme=dark] .ssm-footer{border-top-color:#475569;background:#1e293b}.ssm-btn-cancel{height:36px;padding:0 16px;background:#fff;border:1px solid #d1d5db;color:#374151;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s}.ssm-btn-cancel:hover:not(:disabled){background:#f9fafb}[data-theme=dark] .ssm-btn-cancel{background:#1e293b;border-color:#475569;color:#e2e8f0}[data-theme=dark] .ssm-btn-cancel:hover:not(:disabled){background:#0f172a}.ssm-btn-submit{height:36px;padding:0 20px;background:var(--color-primary, #667eea);border:none;color:#fff;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s}.ssm-btn-submit:hover:not(:disabled){background:var(--color-primary-hover, #5a6fd8)}.ssm-btn-submit:disabled,.ssm-btn-cancel:disabled{opacity:.55;cursor:not-allowed}.ssm-loading-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:#6b7280}[data-theme=dark] .ssm-loading-area{color:#9ca3af}.ssm-spinner{width:32px;height:32px;border:3px solid rgba(102,126,234,.15);border-top-color:var(--color-primary, #667eea);border-radius:50%;animation:ssm-spin .8s linear infinite}@keyframes ssm-spin{to{transform:rotate(360deg)}}.ssm-row-flex{display:flex;flex-direction:row;gap:20px;width:100%}.ssm-flex-table-1{flex:7;min-width:0}.ssm-flex-table-2{flex:4;min-width:0}@media (max-width: 1024px){.ssm-body{padding:12px}.ssm-row-flex{flex-direction:column;gap:28px}}@media (min-width: 1025px){.ssm-row-flex .ssm-table th{height:46px;padding:4px!important;box-sizing:border-box;vertical-align:middle}.ssm-row-flex .ssm-table tbody td{padding:4px 8px!important}.ssm-row-flex .ssm-table tbody tr{height:44px}}.ssm-status-approved{color:#16a34a;font-weight:700}.ssm-status-pending{color:#d97706;font-weight:700}[data-theme=dark] .ssm-status-approved{color:#4ade80}[data-theme=dark] .ssm-status-pending{color:#fbbf24}.ssm-td-bold-upper{font-weight:700!important;text-transform:uppercase!important}.ssm-td-bold{font-weight:700!important}.ssm-table-1,.ssm-table-3{table-layout:fixed!important;width:100%!important}.ssm-table-2{table-layout:auto!important;width:100%!important;border-collapse:separate!important;border-spacing:0!important}.ssm-table-2 thead th:nth-child(1){min-width:80px!important;width:80px!important}.ssm-table-2 thead th:nth-child(2){min-width:70px!important;width:70px!important}.ssm-table-2 thead th:not(:first-child):not(:nth-child(2)):not(:last-child){min-width:60px!important}.ssm-table-2 thead th:last-child{min-width:75px!important;width:75px!important}.ssm-table-2 thead th.ssm-shift-col{position:sticky!important;left:0!important;z-index:12!important;background:#f9fafb!important}.ssm-table-2 thead th:nth-child(2){position:sticky!important;left:80px!important;z-index:12!important;background:#f9fafb!important;box-shadow:4px 0 8px -4px #00000026!important}.ssm-table-2 thead th.ssm-total-col{position:sticky!important;right:0!important;z-index:12!important;background:#f9fafb!important;border-left:2px solid #e5e7eb!important;box-shadow:-4px 0 8px -4px #00000026!important}.ssm-table-2 tbody td.ssm-shift-col{position:sticky!important;left:0!important;z-index:10!important;background:#fff!important}.ssm-table-2 tbody td.ssm-dept-col{position:sticky!important;left:80px!important;z-index:10!important;background:#fff!important;box-shadow:4px 0 8px -4px #00000026!important}.ssm-table-2 tbody td.ssm-total-col{position:sticky!important;right:0!important;z-index:10!important;background:#fff!important;border-left:2px solid #e5e7eb!important;box-shadow:-4px 0 8px -4px #00000026!important}.ssm-table-2 tbody tr.ssm-total-row td.ssm-dept-col,.ssm-table-2 tbody tr.ssm-total-row td.ssm-total-col{background:#fef3c7!important}.ssm-table-2 tbody tr:hover td.ssm-shift-col,.ssm-table-2 tbody tr:hover td.ssm-dept-col,.ssm-table-2 tbody tr:hover td.ssm-total-col{background:#f9fafb!important}.ssm-table-2 tbody tr.ssm-total-row:hover td.ssm-dept-col,.ssm-table-2 tbody tr.ssm-total-row:hover td.ssm-total-col{background:#fef3c7!important}[data-theme=dark] .ssm-table-2 thead th.ssm-shift-col{background:#1e293b!important}[data-theme=dark] .ssm-table-2 thead th:nth-child(2){background:#1e293b!important}[data-theme=dark] .ssm-table-2 thead th.ssm-total-col{background:#1e293b!important;border-left-color:#334155!important}[data-theme=dark] .ssm-table-2 tbody td.ssm-shift-col,[data-theme=dark] .ssm-table-2 tbody td.ssm-dept-col{background:#0f172a!important}[data-theme=dark] .ssm-table-2 tbody td.ssm-total-col{background:#0f172a!important;border-left-color:#334155!important}[data-theme=dark] .ssm-table-2 tbody tr.ssm-total-row td.ssm-dept-col,[data-theme=dark] .ssm-table-2 tbody tr.ssm-total-row td.ssm-total-col{background:#334155!important}[data-theme=dark] .ssm-table-2 tbody tr:hover td.ssm-shift-col,[data-theme=dark] .ssm-table-2 tbody tr:hover td.ssm-dept-col,[data-theme=dark] .ssm-table-2 tbody tr:hover td.ssm-total-col{background:rgba(255,255,255,.02)!important}[data-theme=dark] .ssm-table-2 tbody tr.ssm-total-row:hover td.ssm-dept-col,[data-theme=dark] .ssm-table-2 tbody tr.ssm-total-row:hover td.ssm-total-col{background:#334155!important}.t1rl-tab1{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.t1rl-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0}[data-theme=dark] .t1rl-card{background:var(--bg-content, #1e293b);border-color:var(--border-divider, #475569)}.t1rl-card-info{display:flex;align-items:center;padding:10px 16px;border-bottom:1px solid #f3f4f6;gap:8px}[data-theme=dark] .t1rl-card-info{border-bottom-color:var(--border-divider, #475569)}.t1rl-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.t1rl-toolbar-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.t1rl-filter-group{display:flex;align-items:center;gap:6px}.t1rl-filter-label{font-size:.8125rem;font-weight:500;color:#6b7280;white-space:nowrap}[data-theme=dark] .t1rl-filter-label{color:var(--text-secondary, #94a3b8)}.t1rl-input,.t1rl-select{height:34px;padding:0 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#374151;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.t1rl-input:focus,.t1rl-select:focus{border-color:var(--color-primary, #667eea);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 102, 126, 234),.15)}.t1rl-input{min-width:140px}.t1rl-select{min-width:160px;cursor:pointer}[data-theme=dark] .t1rl-input,[data-theme=dark] .t1rl-select{background:#0f172a;border-color:var(--border-divider, #475569);color:var(--text-primary, #e2e8f0)}.t1rl-btn-primary{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;background:var(--color-primary, #667eea);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s,opacity .15s;white-space:nowrap}.t1rl-btn-primary:hover:not(:disabled){background:var(--color-primary-hover, #5a6fd8)}.t1rl-btn-primary:disabled{opacity:.5;cursor:not-allowed}.t1rl-btn-secondary{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.t1rl-btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.t1rl-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.t1rl-btn-ghost{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;background:transparent;color:#6b7280;border:1px solid #e5e7eb;border-radius:6px;font-size:.8125rem;cursor:pointer;transition:color .15s,background .15s;white-space:nowrap}.t1rl-btn-ghost:hover:not(:disabled){color:#374151;background:#f3f4f6}.t1rl-btn-ghost:disabled{opacity:.5;cursor:not-allowed}.t1rl-btn-danger{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;background:#fff;color:#dc2626;border:1px solid #fca5a5;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.t1rl-btn-danger:hover:not(:disabled){background:#fef2f2;border-color:#f87171}.t1rl-btn-danger:disabled{opacity:.5;cursor:not-allowed}.t1rl-btn-link{background:none;border:none;color:var(--color-primary, #667eea);font-size:.8125rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .12s}.t1rl-btn-link:hover{background:rgba(var(--color-primary-rgb, 102, 126, 234),.08)}.t1rl-btn-icon{width:15px;height:15px;flex-shrink:0}[data-theme=dark] .t1rl-btn-primary{background:var(--color-primary, #667eea)}[data-theme=dark] .t1rl-btn-secondary{background:#1e293b;border-color:var(--border-divider, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .t1rl-btn-secondary:hover:not(:disabled){background:#0f172a}[data-theme=dark] .t1rl-btn-ghost{color:var(--text-secondary, #94a3b8);border-color:var(--border-divider, #475569)}[data-theme=dark] .t1rl-btn-ghost:hover:not(:disabled){color:var(--text-primary, #e2e8f0);background:rgba(255,255,255,.05)}[data-theme=dark] .t1rl-btn-danger{background:#1e293b;border-color:#7f1d1d;color:#fca5a5}[data-theme=dark] .t1rl-btn-danger:hover:not(:disabled){background:#450a0a}[data-theme=dark] .t1rl-btn-link{color:#93c5fd}.t1rl-table-wrapper{overflow:auto;flex:1;min-height:0}.t1rl-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.875rem}.t1rl-table thead th{position:sticky;top:0;z-index:20;background:#f9fafb;padding:10px 12px;text-align:center;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e5e7eb;white-space:nowrap;height:38px;box-sizing:border-box}.t1rl-table thead th:last-child{border-right:none}[data-theme=dark] .t1rl-table thead th{background:#0f172a;color:var(--text-secondary, #94a3b8);border-bottom-color:var(--border-divider, #475569)}.t1rl-table tbody td{padding:10px 12px;border-bottom:1px solid #f3f4f6;border-right:1px solid #f3f4f617;color:#374151;vertical-align:middle;text-align:center}.t1rl-table tbody td:last-child{border-right:none}[data-theme=dark] .t1rl-table tbody td{border-bottom-color:var(--border-divider, #475569);color:var(--text-primary, #e2e8f0)}.t1rl-table-row{cursor:pointer;transition:background .1s}.t1rl-table-row:hover{background:#f9fafb}[data-theme=dark] .t1rl-table-row:hover{background:rgba(255,255,255,.04)}.t1rl-table-row.selected{background:rgba(102,126,234,.06)}[data-theme=dark] .t1rl-table-row.selected{background:rgba(147,197,253,.08)}.t1rl-table-loading,.t1rl-table-empty{text-align:center;padding:48px 16px;color:#9ca3af}.t1rl-table-loading{display:flex;align-items:center;justify-content:center;gap:10px}[data-theme=dark] .t1rl-table-loading,[data-theme=dark] .t1rl-table-empty{color:var(--text-secondary, #94a3b8)}.t1rl-empty-icon{width:40px;height:40px;margin:0 auto 8px;color:#d1d5db;display:block}[data-theme=dark] .t1rl-empty-icon{color:#475569}.t1rl-cell-code{font-family:monospace;font-weight:600;color:#374151}[data-theme=dark] .t1rl-table tbody td.t1rl-cell-code{color:var(--text-secondary, #94a3b8)}.t1rl-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;border-top:1px solid #e5e7eb}[data-theme=dark] .t1rl-pagination{border-top-color:var(--border-divider, #475569)}.t1rl-page-btn{height:28px;padding:0 10px;font-size:.75rem;background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;color:#374151;transition:all .15s}.t1rl-page-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.t1rl-page-btn:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .t1rl-page-btn{background:#1e293b;border-color:var(--border-divider, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .t1rl-page-btn:hover:not(:disabled){background:#0f172a}.t1rl-page-info{font-size:.75rem;color:#6b7280}[data-theme=dark] .t1rl-page-info{color:var(--text-secondary, #94a3b8)}.t1rl-spinner{width:24px;height:24px;border:2px solid rgba(102,126,234,.15);border-top-color:var(--color-primary, #667eea);border-radius:50%;animation:t1rl-spin .8s linear infinite}[data-theme=dark] .t1rl-spinner{border-color:var(--border-divider, #475569);border-top-color:#93c5fd}@keyframes t1rl-spin{to{transform:rotate(360deg)}}.t1rl-badge-ca{display:inline-block;padding:1px 6px;border-radius:4px;font-size:.75rem;font-weight:500}.t1rl-badge-ca.t1rl-ca-ca-ngay{background:#fef9c3;color:#854d0e}.t1rl-badge-ca.t1rl-ca-ca-dem{background:#e0e7ff;color:#3730a3}[data-theme=dark] .t1rl-badge-ca.t1rl-ca-ca-ngay{background:#052e16;color:#166534}[data-theme=dark] .t1rl-badge-ca.t1rl-ca-ca-dem{background:#1e1b4b;color:#818cf8}.t1rl-badge-shift{font-size:.75rem;color:#6b7280}[data-theme=dark] .t1rl-badge-shift{color:var(--text-secondary, #94a3b8)}.t1rl-status-badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.t1rl-badge-amber{background:#fef3c7;color:#d97706}.t1rl-badge-blue{background:#dbeafe;color:#1e40af}.t1rl-badge-purple{background:#f3e8ff;color:#6b21a8}.t1rl-badge-green{background:#dcfce7;color:#15803d}.t1rl-badge-emerald{background:#d1fae5;color:#047857}.t1rl-badge-teal{background:#ccfbf1;color:#0f766e}.t1rl-badge-red{background:#fee2e2;color:#b91c1c}.t1rl-badge-gray{background:#f3f4f6;color:#4b5563}[data-theme=dark] .t1rl-badge-amber{background:#78350f;color:#fde68a}[data-theme=dark] .t1rl-badge-blue{background:#1e3a8a;color:#93c5fd}[data-theme=dark] .t1rl-badge-purple{background:#581c87;color:#e9d5ff}[data-theme=dark] .t1rl-badge-green,[data-theme=dark] .t1rl-badge-emerald{background:#064e3b;color:#a7f3d0}[data-theme=dark] .t1rl-badge-teal{background:#115e59;color:#99f6e4}[data-theme=dark] .t1rl-badge-red{background:#7f1d1d;color:#fca5a5}[data-theme=dark] .t1rl-badge-gray{background:#374151;color:#cbd5e1}.t1rl-count-badge{font-size:.875rem;font-weight:500;color:#4b5563}[data-theme=dark] .t1rl-count-badge{color:var(--text-secondary, #94a3b8)}.t1rl-col-center{text-align:center}.t1rl-col-action{width:140px}.t1rl-action-cell{display:flex;align-items:center;justify-content:center;gap:8px}.t1rl-btn-row-delete{height:26px!important;padding:0 6px!important;color:#ef4444!important;background:transparent;border:none;cursor:pointer}.t1rl-btn-row-delete svg{width:14px;height:14px}.t1rl-mobile-cards{display:none}.t1rl-mobile-card{padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;display:flex;flex-direction:column;gap:6px;transition:background .1s,border-color .15s}.t1rl-mobile-card:hover{background:#f9fafb;border-color:#d1d5db}.t1rl-mobile-card.selected{background:rgba(102,126,234,.06);border-color:var(--color-primary, #667eea)}[data-theme=dark] .t1rl-mobile-card{background:var(--bg-content, #1e293b);border-color:var(--border-divider, #475569)}[data-theme=dark] .t1rl-mobile-card:hover{background:rgba(255,255,255,.04)}[data-theme=dark] .t1rl-mobile-card.selected{background:rgba(147,197,253,.08);border-color:var(--color-primary, #667eea)}.t1rl-mc-row3{display:flex;align-items:center;justify-content:space-between;gap:8px}.t1rl-mc-row1{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.t1rl-mc-row2{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.t1rl-mc-date{font-size:.875rem;font-weight:500;color:#374151;flex-shrink:0;white-space:nowrap}[data-theme=dark] .t1rl-mc-date{color:var(--text-primary, #e2e8f0)}.t1rl-mc-meta{display:flex;align-items:center;gap:4px;font-size:.78rem;color:#6b7280;flex-shrink:1;min-width:0;flex-wrap:wrap;justify-content:flex-end}[data-theme=dark] .t1rl-mc-meta{color:var(--text-secondary, #94a3b8)}.t1rl-mc-sep{color:#d1d5db;font-size:.7rem}[data-theme=dark] .t1rl-mc-sep{color:#475569}.t1rl-mc-created{font-size:.72rem;font-style:italic;color:#9ca3af}[data-theme=dark] .t1rl-mc-created{color:var(--text-secondary, #64748b)}@media (max-width: 768px){.t1rl-toolbar{flex-direction:column;align-items:stretch;gap:8px}.t1rl-toolbar-filters{flex-wrap:wrap;gap:6px}.t1rl-filter-group{flex:1 1 120px;min-width:0}.t1rl-filter-label{display:none}.t1rl-input,.t1rl-select{width:100%;min-width:0}.t1rl-btn-primary{width:100%;justify-content:center}.t1rl-table-wrapper{display:none}.t1rl-mobile-cards{display:flex;flex-direction:column;gap:8px}}.t1rl-group-header-row{background:#f3f4f6!important;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-theme=dark] .t1rl-group-header-row{background:#1e293b!important}.t1rl-group-header-cell{padding:8px 16px!important;text-align:left!important;border-bottom:2px solid #e5e7eb!important}[data-theme=dark] .t1rl-group-header-cell{border-bottom-color:#475569!important}.t1rl-group-header-content{display:flex;align-items:center;gap:12px;width:100%}.t1rl-group-toggle-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:#6b7280;transition:transform .2s ease}.t1rl-group-toggle-icon svg{width:14px;height:14px}.t1rl-group-toggle-icon.expanded{transform:rotate(90deg)}.t1rl-group-title{font-weight:600;color:#111827;font-size:.875rem}[data-theme=dark] .t1rl-group-title{color:#f3f4f6}.t1rl-group-count{font-size:.75rem;color:#6b7280}[data-theme=dark] .t1rl-group-count{color:#9ca3af}.t1rl-btn-summary-action{margin-left:auto;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:.75rem;font-weight:500;color:#374151;cursor:pointer;transition:background .15s,border-color .15s}.t1rl-btn-summary-action:hover{background:#f9fafb;border-color:#9ca3af}[data-theme=dark] .t1rl-btn-summary-action{background:#0f172a;border-color:#475569;color:#e2e8f0}[data-theme=dark] .t1rl-btn-summary-action:hover{background:#1e293b}.t1rl-child-row{background:#ffffff}[data-theme=dark] .t1rl-child-row{background:#0f172a}.t1rl-child-row td:first-child{padding-left:28px!important;text-align:left;position:relative}.t1rl-child-row td:first-child:before{content:"";position:absolute;left:16px;top:0;bottom:50%;width:6px;border-left:2px solid #d1d5db;border-bottom:2px solid #d1d5db}.t1rl-mobile-group{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#f9fafb;display:flex;flex-direction:column;gap:4px}[data-theme=dark] .t1rl-mobile-group{border-color:#475569;background:#1e293b}.t1rl-mobile-group-header{padding:10px 12px;display:flex;align-items:center;justify-content:space-between;background:#f3f4f6;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-theme=dark] .t1rl-mobile-group-header{background:rgba(255,255,255,.05)}.t1rl-mgh-left{display:flex;align-items:center;gap:8px}.t1rl-group-arrow{display:inline-block;font-size:.65rem;color:#6b7280;transition:transform .2s ease}.t1rl-group-arrow.expanded{transform:rotate(90deg)}.t1rl-mgh-title{font-size:.8125rem;color:#111827}[data-theme=dark] .t1rl-mgh-title{color:#f3f4f6}.t1rl-mgh-meal-btn{height:24px;padding:0 8px;background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:.7rem;font-weight:500;color:#374151;cursor:pointer}[data-theme=dark] .t1rl-mgh-meal-btn{background:#0f172a;border-color:#475569;color:#e2e8f0}.t1rl-mobile-group-children{padding:6px;display:flex;flex-direction:column;gap:6px;background:#ffffff}[data-theme=dark] .t1rl-mobile-group-children{background:#0f172a}.t1rl-group-year-row{background:#e2e8f0!important;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-theme=dark] .t1rl-group-year-row{background:#1e293b!important}.t1rl-group-year-cell{position:sticky;top:38px;z-index:18;height:40px;box-sizing:border-box;vertical-align:middle;background-color:#e2e8f0!important;padding:0 16px!important;text-align:left!important;border-bottom:2px solid #cbd5e1!important}.t1rl-group-month-row{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-theme=dark] .t1rl-group-month-row{background:#151c2c!important}.t1rl-group-month-cell{position:sticky;top:78px;z-index:16;height:36px;box-sizing:border-box;vertical-align:middle;background-color:#f1f5f9!important;padding:0 16px 0 32px!important;text-align:left!important;border-bottom:1px solid #e2e8f0!important}[data-theme=dark] .t1rl-group-month-cell{border-bottom-color:#334155!important}.t1rl-group-day-row{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-theme=dark] .t1rl-group-day-row{background:#0f1422!important}.t1rl-group-day-cell{position:sticky;top:114px;z-index:14;height:36px;box-sizing:border-box;vertical-align:middle;background-color:#f8fafc!important;padding:0 16px 0 48px!important;text-align:left!important;border-bottom:1px solid #f1f5f9!important}[data-theme=dark] .t1rl-group-day-cell{border-bottom-color:#1e293b!important}.t1rl-group-summary-row{background:#ffffff!important;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-theme=dark] .t1rl-group-summary-row{background:#0b0d16!important}.t1rl-group-summary-cell{padding:8px 16px 8px 64px!important;text-align:left!important;border-bottom:1px solid #f3f4f6!important}[data-theme=dark] .t1rl-group-summary-cell{border-bottom-color:#1e293b!important}.t1rl-child-row td:first-child{padding-left:82px!important;text-align:left;position:relative}.t1rl-child-row td:first-child:before{content:"";position:absolute;left:68px;top:0;bottom:50%;width:10px;border-left:2px solid #d1d5db;border-bottom:2px solid #d1d5db}[data-theme=dark] .t1rl-child-row td:first-child:before{border-color:#475569}.t1rl-mobile-year-group{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#f9fafb;display:flex;flex-direction:column;gap:6px;margin-bottom:8px}[data-theme=dark] .t1rl-mobile-year-group{border-color:#334155;background:#1e293b}.t1rl-mobile-year-header{padding:10px 12px;display:flex;align-items:center;gap:8px;background:#e2e8f0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-theme=dark] .t1rl-mobile-year-header{background:#334155;color:#f3f4f6}.t1rl-mobile-year-content{padding:6px;display:flex;flex-direction:column;gap:6px}.t1rl-mobile-month-group{border:1px solid #e2e8f0;border-radius:6px;overflow:hidden;background:#f8fafc;display:flex;flex-direction:column;gap:4px}[data-theme=dark] .t1rl-mobile-month-group{border-color:#334155;background:#1e293b}.t1rl-mobile-month-header{padding:8px 10px;display:flex;align-items:center;gap:8px;background:#f1f5f9;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-theme=dark] .t1rl-mobile-month-header{background:#1e293b;color:#cbd5e1}.t1rl-mobile-month-content{padding:6px;display:flex;flex-direction:column;gap:6px}.t1rl-mobile-day-group{border:1px solid #f1f5f9;border-radius:6px;overflow:hidden;background:#ffffff;display:flex;flex-direction:column;gap:4px}[data-theme=dark] .t1rl-mobile-day-group{border-color:#1e293b;background:#0f172a}.t1rl-mobile-day-header{padding:8px 10px;display:flex;align-items:center;gap:8px;background:#f8fafc;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-theme=dark] .t1rl-mobile-day-header{background:#0f172a;color:#94a3b8}.t1rl-mobile-day-content{padding:6px;display:flex;flex-direction:column;gap:6px}[data-theme=dark] .t1rl-group-year-cell{background-color:#1e293b!important;border-bottom-color:#334155!important}[data-theme=dark] .t1rl-group-month-cell{background-color:#151c2c!important;border-bottom-color:#334155!important}[data-theme=dark] .t1rl-group-day-cell{background-color:#0f1422!important;border-bottom-color:#1e293b!important}.s1sr-content{display:flex;flex-direction:column;gap:14px}.s1sr-header{padding:4px 0}.s1sr-title{margin:0 0 4px;font-size:1rem;font-weight:600;color:#1f2937}[data-theme=dark] .s1sr-title{color:var(--text-primary, #e2e8f0)}.s1sr-desc{margin:0;font-size:.875rem;color:#6b7280}[data-theme=dark] .s1sr-desc{color:var(--text-secondary, #94a3b8)}.s1sr-filters,.s1sr-filter-group{display:flex;flex-direction:column;gap:8px}.s1sr-filter-row{display:flex;align-items:center;gap:10px}.s1sr-filter-label{width:90px;min-width:90px;font-size:.8125rem;font-weight:500;color:#6b7280;white-space:nowrap;flex-shrink:0}[data-theme=dark] .s1sr-filter-label{color:var(--text-secondary, #94a3b8)}.s1sr-filter-input{flex:1;min-width:0;width:auto}.s1sr-refresh-btn{flex:1}.s1sr-card-list{display:flex;flex-direction:column;gap:8px}.s1sr-state-box{display:flex;flex-direction:column;align-items:center;gap:10px;padding:36px 16px;color:#9ca3af;font-size:.875rem;text-align:center;border:1px solid #e5e7eb;border-radius:8px;background:#fafafa}[data-theme=dark] .s1sr-state-box{border-color:var(--border-divider, #475569);background:rgba(255,255,255,.02);color:var(--text-secondary, #94a3b8)}.s1sr-state-box p{margin:0}.s1sr-req-card{padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;flex-direction:column;gap:5px}.s1sr-req-card:hover{border-color:var(--color-primary, #667eea);background:#f8f9ff;box-shadow:0 2px 8px #667eea1f}[data-theme=dark] .s1sr-req-card{background:var(--bg-content, #1e293b);border-color:var(--border-divider, #475569)}[data-theme=dark] .s1sr-req-card:hover{border-color:var(--color-primary, #667eea);background:rgba(102,126,234,.08)}.s1sr-req-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.s1sr-req-code{font-family:monospace;font-size:.8125rem;font-weight:600;color:#374151;word-break:break-all}[data-theme=dark] .s1sr-req-code{color:var(--text-primary, #e2e8f0)}.s1sr-req-badges{display:flex;align-items:center;gap:4px;flex-shrink:0}.s1sr-req-card-meta{display:flex;align-items:center;gap:4px;font-size:.8rem;color:#6b7280;flex-wrap:wrap}[data-theme=dark] .s1sr-req-card-meta{color:var(--text-secondary, #94a3b8)}.s1sr-req-sep{color:#d1d5db;font-size:.75rem}[data-theme=dark] .s1sr-req-sep{color:var(--border-divider, #475569)}.s1sr-req-card-creator{font-size:.75rem;color:#9ca3af}[data-theme=dark] .s1sr-req-card-creator{color:#64748b}.s1sr-badge-ca{display:inline-block;padding:1px 6px;border-radius:4px;font-size:.75rem;font-weight:500}.s1sr-badge-ca.s1sr-ca-ca-ngay{background:#fef9c3;color:#854d0e}.s1sr-badge-ca.s1sr-ca-ca-dem{background:#e0e7ff;color:#3730a3}[data-theme=dark] .s1sr-badge-ca.s1sr-ca-ca-ngay{background:#052e16;color:#166534}[data-theme=dark] .s1sr-badge-ca.s1sr-ca-ca-dem{background:#1e1b4b;color:#818cf8}.s1sr-badge-shift{font-size:.75rem;color:#6b7280}[data-theme=dark] .s1sr-badge-shift{color:var(--text-secondary, #94a3b8)}.s1sr-input,.s1sr-select{height:34px;padding:0 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#374151;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.s1sr-input:focus,.s1sr-select:focus{border-color:var(--color-primary, #667eea);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 102, 126, 234),.15)}[data-theme=dark] .s1sr-input,[data-theme=dark] .s1sr-select{background:#0f172a;border-color:var(--border-divider, #475569);color:var(--text-primary, #e2e8f0)}.s1sr-btn-ghost{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;background:transparent;color:#6b7280;border:1px solid #e5e7eb;border-radius:6px;font-size:.8125rem;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.s1sr-btn-ghost:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}[data-theme=dark] .s1sr-btn-ghost{color:var(--text-secondary, #94a3b8);border-color:var(--border-divider, #475569)}[data-theme=dark] .s1sr-btn-ghost:hover:not(:disabled){background:#0f172a}.s1sr-btn-icon{width:14px;height:14px}.s1sr-spinner{width:28px;height:28px;border:3px solid rgba(102,126,234,.15);border-top-color:var(--color-primary, #667eea);border-radius:50%;animation:s1sr-spin .8s linear infinite}@keyframes s1sr-spin{to{transform:rotate(360deg)}}.s1sr-empty-icon{width:48px;height:48px;color:#d1d5db}[data-theme=dark] .s1sr-empty-icon{color:#475569}@media (max-width: 768px){.s1sr-filter-group{flex-direction:row;gap:10px}.s1sr-filter-group .s1sr-filter-row{flex:1;min-width:0}.s1sr-filter-row{flex-direction:column;align-items:stretch;gap:6px}.s1sr-filter-label{width:auto;min-width:0;font-size:.75rem;margin-bottom:2px}.s1sr-input,.s1sr-select{width:100%}.s1sr-refresh-btn{flex:none;width:100%;justify-content:center}.s1sr-req-card{padding:8px 10px}.s1sr-req-code{font-size:.75rem}}.s2sd-content{display:flex;flex-direction:column;gap:14px}.s2sd-header{padding:4px 0}.s2sd-title{margin:0 0 4px;font-size:1rem;font-weight:600;color:#1f2937}[data-theme=dark] .s2sd-title{color:var(--text-primary, #e2e8f0)}.s2sd-desc{margin:0;font-size:.875rem;color:#6b7280}[data-theme=dark] .s2sd-desc{color:var(--text-secondary, #94a3b8)}.s2sd-footer{display:flex;justify-content:flex-end;gap:10px;padding:4px 0}.s2sd-request-info{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:8px 12px;background:#f8faff;border:1px solid #e0e7ff;border-radius:8px;font-size:.875rem}[data-theme=dark] .s2sd-request-info{background:#0f172a;border-color:#334155}.s2sd-reqinfo-row1{display:flex;align-items:center;justify-content:space-between;gap:8px}.s2sd-cell-code{font-family:monospace;font-weight:600}.s2sd-reqinfo-date{font-size:.8125rem;color:#6b7280;flex-shrink:0}[data-theme=dark] .s2sd-reqinfo-date{color:var(--text-secondary, #94a3b8)}.s2sd-reqinfo-row2{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.8rem;color:#6b7280}[data-theme=dark] .s2sd-reqinfo-row2{color:var(--text-secondary, #94a3b8)}.s2sd-req-sep{color:#d1d5db;font-size:.75rem}.s2sd-badge-ca{display:inline-block;padding:1px 6px;border-radius:4px;font-size:.75rem;font-weight:500}.s2sd-badge-ca.s2sd-ca-ca-ngay{background:#fef9c3;color:#854d0e}.s2sd-badge-ca.s2sd-ca-ca-dem{background:#e0e7ff;color:#3730a3}[data-theme=dark] .s2sd-badge-ca.s2sd-ca-ca-ngay{background:#052e16;color:#166534}[data-theme=dark] .s2sd-badge-ca.s2sd-ca-ca-dem{background:#1e1b4b;color:#818cf8}.s2sd-badge-shift{font-size:.75rem;color:#6b7280}[data-theme=dark] .s2sd-badge-shift{color:var(--text-secondary, #94a3b8)}.s2sd-form{display:flex;flex-direction:column;gap:10px}.s2sd-field-row{display:flex;align-items:center;gap:10px}.s2sd-field-label{width:80px;min-width:80px;font-size:.8rem;font-weight:500;color:#6b7280;white-space:nowrap;flex-shrink:0;line-height:1.4}[data-theme=dark] .s2sd-field-label{color:var(--text-secondary, #94a3b8)}.s2sd-field-control{flex:1;min-width:0;width:auto!important}.s2sd-readonly{padding:6px 10px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;color:#6b7280}[data-theme=dark] .s2sd-readonly{background:#0f172a;border-color:#334155;color:var(--text-secondary, #94a3b8)}.s2sd-time-pair{display:flex;align-items:center;gap:6px;flex:1}.s2sd-time-pair .s2sd-input{flex:1;min-width:0}.s2sd-time-arrow{color:#9ca3af;font-size:.875rem;flex-shrink:0}[data-theme=dark] .s2sd-time-arrow{color:#475569}.s2sd-mobile-only{display:none!important}.s2sd-desktop-only{display:flex!important}.s2sd-mobile-layout{display:flex;align-items:flex-start;gap:8px;width:100%}.s2sd-checkbox-row{display:flex;gap:16px;flex-wrap:wrap}.s2sd-checkbox-label{display:flex;align-items:center;gap:6px;font-size:.875rem;color:#374151;cursor:pointer}[data-theme=dark] .s2sd-checkbox-label{color:var(--text-primary, #e2e8f0)}.s2sd-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary, #667eea);cursor:pointer}.s2sd-input{height:34px;padding:0 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#374151;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.s2sd-input:focus{border-color:var(--color-primary, #667eea);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 102, 126, 234),.15)}[data-theme=dark] .s2sd-input{background:#0f172a;border-color:var(--border-divider, #475569);color:var(--text-primary, #e2e8f0)}.s2sd-btn-submit{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;background:var(--color-primary, #667eea);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s,opacity .15s;white-space:nowrap}.s2sd-btn-submit:hover:not(:disabled){background:var(--color-primary-hover, #5a6fd8)}.s2sd-btn-submit:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .s2sd-btn-submit{background:var(--color-primary-hover, #5a6fd8)}.s2sd-btn-cancel{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.s2sd-btn-cancel:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.s2sd-btn-cancel:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .s2sd-btn-cancel{background:#1e293b;border-color:var(--border-divider, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .s2sd-btn-cancel:hover:not(:disabled){background:#0f172a}@media (max-width: 768px){.s2sd-field-row{flex-direction:column;align-items:stretch;gap:4px}.s2sd-field-label{width:auto;min-width:0;font-size:.75rem}.s2sd-input,.s2sd-field-control{width:100%!important}.s2sd-time-pair{gap:4px}.s2sd-btn-submit,.s2sd-btn-cancel{flex:1;justify-content:center}.s2sd-checkbox-row{gap:10px}.s2sd-mobile-only{display:flex!important}.s2sd-desktop-only{display:none!important}.s2sd-mobile-layout{display:flex!important;align-items:flex-start;gap:8px;width:100%}.s2sd-mobile-col{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.s2sd-mobile-center-col{align-items:center;flex:0 0 auto}.s2sd-mobile-label{font-size:.75rem;font-weight:500;color:#6b7280;white-space:nowrap;height:18px;display:flex;align-items:center}[data-theme=dark] .s2sd-mobile-label{color:var(--text-secondary, #94a3b8)}.s2sd-mobile-arrow{margin-top:26px;color:#9ca3af;font-size:.875rem;flex-shrink:0}[data-theme=dark] .s2sd-mobile-arrow{color:#475569}.s2sd-mobile-checkbox-wrapper{height:34px;display:flex;align-items:center;justify-content:center}.s2sd-mobile-checkbox{width:18px;height:18px;accent-color:var(--color-primary, #667eea);cursor:pointer;margin:0}}.s3el-content{display:flex;flex-direction:column;gap:14px}.s3el-header{padding:4px 0}.s3el-title{margin:0 0 4px;font-size:1rem;font-weight:600;color:#1f2937}[data-theme=dark] .s3el-title{color:var(--text-primary, #e2e8f0)}.s3el-desc{margin:0;font-size:.875rem;color:#6b7280}[data-theme=dark] .s3el-desc{color:var(--text-secondary, #94a3b8)}.s3el-footer{display:flex;justify-content:flex-end;gap:10px;padding:4px 0}.s3el-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;color:#9ca3af}.s3el-loading-text{margin-top:8px;font-size:.875rem}.s3el-spinner{width:28px;height:28px;border:3px solid rgba(102,126,234,.15);border-top-color:var(--color-primary, #667eea);border-radius:50%;animation:s3el-spin .8s linear infinite}.s3el-spinner-center{margin:0 auto}.s3el-spinner-xs{width:14px;height:14px;border-width:2px}@keyframes s3el-spin{to{transform:rotate(360deg)}}.s3el-table-wrapper{overflow-x:auto}.s3el-bulk-toolbar{display:flex;align-items:center;gap:8px;padding:6px 10px;margin-bottom:4px;background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.2);border-radius:6px;font-size:.8125rem;color:#ef4444;animation:s3el-fade-in .15s ease}[data-theme=dark] .s3el-bulk-toolbar{background:rgba(239,68,68,.08);border-color:#ef444440}@keyframes s3el-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.s3el-btn-danger-sm{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;font-size:.75rem;font-weight:500;border:none;border-radius:5px;cursor:pointer;background:#ef4444;color:#fff;transition:background .15s,opacity .15s}.s3el-btn-danger-sm:hover:not(:disabled){background:#dc2626}.s3el-btn-danger-sm:disabled{opacity:.55;cursor:not-allowed}.s3el-btn-bulk-deselect{font-size:.75rem!important;height:26px!important;padding:0 8px!important}.s3el-btn-ghost{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;background:transparent;color:#6b7280;border:1px solid #e5e7eb;border-radius:6px;font-size:.8125rem;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.s3el-btn-ghost:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}[data-theme=dark] .s3el-btn-ghost{color:var(--text-secondary, #94a3b8);border-color:var(--border-divider, #475569)}[data-theme=dark] .s3el-btn-ghost:hover:not(:disabled){background:#0f172a}.s3el-table{width:100%;border-collapse:collapse;font-size:.875rem}.s3el-table thead th{position:sticky;top:0;z-index:2;background:#f9fafb;padding:10px 12px;text-align:center;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e5e7eb;white-space:nowrap}.s3el-table thead th:last-child{border-right:none}[data-theme=dark] .s3el-table thead th{background:#0f172a;color:var(--text-secondary, #94a3b8);border-bottom-color:var(--border-divider, #475569)}.s3el-table tbody td{padding:10px 12px;border-bottom:1px solid #f3f4f6;border-right:1px solid #f3f4f617;color:#374151;vertical-align:middle;text-align:center}.s3el-table tbody td:last-child{border-right:none}[data-theme=dark] .s3el-table tbody td{border-bottom-color:var(--border-divider, #475569);color:var(--text-primary, #e2e8f0)}.s3el-table-row{cursor:pointer;transition:background .1s}.s3el-table-row:hover{background:#f9fafb}[data-theme=dark] .s3el-table-row:hover{background:rgba(255,255,255,.04)}.s3el-col-center{text-align:center}.s3el-table-row.s3el-row-saving{opacity:.75;transition:opacity .2s}.s3el-table-row.s3el-row-selected{background:rgba(99,102,241,.07)}[data-theme=dark] .s3el-table-row.s3el-row-selected{background:rgba(129,140,248,.1)}.s3el-table-row.s3el-row-bu-cong{background:rgba(251,191,36,.06)}.s3el-table-row.s3el-row-bu-cong:hover{background:rgba(251,191,36,.11)}[data-theme=dark] .s3el-table-row.s3el-row-bu-cong{background:rgba(245,158,11,.08)}[data-theme=dark] .s3el-table-row.s3el-row-bu-cong:hover{background:rgba(245,158,11,.13)}.s3el-table-empty{text-align:center!important;padding:48px 16px!important;color:#9ca3af}[data-theme=dark] .s3el-table-empty{color:var(--text-secondary, #94a3b8)}.s3el-empty-icon{width:40px;height:40px;margin:0 auto 8px;color:#d1d5db;display:block}[data-theme=dark] .s3el-empty-icon{color:#475569}.s3el-table-empty p{margin:0;font-size:.875rem}.s3el-col-check{width:32px;min-width:32px;padding:4px 6px!important;text-align:center}.s3el-col-code{width:100px;min-width:100px}.s3el-col-name{width:180px;min-width:180px}.s3el-col-dob{width:90px;min-width:90px}.s3el-col-role,.s3el-col-position{width:100px;min-width:100px}.s3el-col-time-in,.s3el-col-time-out,.s3el-col-ot30,.s3el-col-meal,.s3el-col-hours{width:60px;min-width:60px}.s3el-col-reason{width:120px;min-width:120px}.s3el-col-model{width:100px;min-width:100px}.s3el-col-action{width:40px;min-width:40px}.s3el-cell-dob{white-space:nowrap;font-size:.8rem}.s3el-cell-role{font-size:.8rem}.s3el-cell-code{font-family:monospace;font-size:.8125rem;font-weight:600;color:#374151}[data-theme=dark] .s3el-cell-code{color:var(--text-secondary, #94a3b8)}.s3el-badge-ca{display:inline-block;padding:1px 6px;border-radius:4px;font-size:.75rem;font-weight:500}.s3el-badge-ca.s3el-ca-ca-ngay{background:#fef9c3;color:#854d0e}.s3el-badge-ca.s3el-ca-ca-dem{background:#e0e7ff;color:#3730a3}[data-theme=dark] .s3el-badge-ca.s3el-ca-ca-ngay{background:#052e16;color:#166534}[data-theme=dark] .s3el-badge-ca.s3el-ca-ca-dem{background:#1e1b4b;color:#818cf8}.s3el-badge-shift{font-size:.75rem;color:#6b7280}[data-theme=dark] .s3el-badge-shift{color:var(--text-secondary, #94a3b8)}.s3el-table-section-divider td{padding:0;background:rgba(245,158,11,.08);border-top:2px dashed rgba(245,158,11,.4);border-bottom:1px solid rgba(245,158,11,.25)}.s3el-section-divider-cell{display:flex;align-items:center;gap:6px;padding:5px 10px;font-size:.78rem;font-weight:600;color:#d97706;letter-spacing:.01em;text-transform:uppercase;white-space:nowrap}[data-theme=dark] .s3el-table-section-divider td{background:rgba(245,158,11,.12);border-top-color:#fbbf2459;border-bottom-color:#fbbf2433}[data-theme=dark] .s3el-section-divider-cell{color:#fbbf24}.s3el-bu-cong-icon{width:13px;height:13px;opacity:.8;flex-shrink:0}.s3el-code-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}.s3el-badge-bu-cong{display:inline-block;margin:2px 0 0;padding:1px 5px;border-radius:4px;font-size:.68rem;font-weight:600;letter-spacing:.02em;color:#92400e;background:rgba(245,158,11,.18);border:1px solid rgba(245,158,11,.35);vertical-align:middle;cursor:default;white-space:nowrap}[data-theme=dark] .s3el-badge-bu-cong{color:#fde68a;background:rgba(245,158,11,.2);border-color:#fbbf2459}.s3el-inline-input{height:28px!important;min-height:28px!important;padding:2px 6px!important;font-size:.8rem!important;border-radius:4px;background:transparent;border-color:transparent;transition:border-color .15s,background .15s;width:100%;min-width:0}.s3el-inline-input:not(:disabled):hover{border-color:#d1d5db;background:#f9fafb}.s3el-inline-input:not(:disabled):focus{border-color:#6366f1;background:#ffffff;box-shadow:0 0 0 2px #6366f11f}[data-theme=dark] .s3el-inline-input{background:transparent;border-color:transparent;color:#e2e8f0}[data-theme=dark] .s3el-inline-input:not(:disabled):hover{border-color:#475569;background:#1e293b}[data-theme=dark] .s3el-inline-input:not(:disabled):focus{border-color:#818cf8;background:#1e293b;box-shadow:0 0 0 2px #818cf826}.s3el-inline-time{width:74px!important;min-width:65px!important}.s3el-inline-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#6366f1;border-radius:3px}.s3el-inline-checkbox:disabled{opacity:.45;cursor:not-allowed}.s3el-btn-row-delete{height:26px!important;padding:0 6px!important;color:#ef4444!important}.s3el-btn-row-delete svg{width:15px;height:15px;flex-shrink:0}.s3el-card{background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;padding:12px 14px}[data-theme=dark] .s3el-card{background:#111c2e;border-color:var(--border-divider, #475569)}.s3el-card-compact{padding:10px 12px}.s3el-tab2-table-card{background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;padding:0;overflow:hidden!important;display:flex;flex-direction:column;height:100%}[data-theme=dark] .s3el-tab2-table-card{background:#111c2e;border-color:var(--border-divider, #475569)}.s3el-table-body-container{flex:1;overflow:auto;min-height:0;-webkit-overflow-scrolling:touch}.s3el-pagination-sticky-bottom{flex-shrink:0;padding:0 14px;background:#ffffff;border-top:1px solid #e5e7eb;z-index:10}[data-theme=dark] .s3el-pagination-sticky-bottom{background:#111c2e;border-top-color:var(--border-divider, #475569)}.s3el-card-header-flex{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.s3el-card-title{font-size:.875rem;font-weight:600;color:#374151;display:flex;align-items:center;gap:4px}[data-theme=dark] .s3el-card-title{color:var(--text-primary, #e2e8f0)}.s3el-card-info-col{display:flex;flex-direction:row;align-items:center;gap:4px;min-width:0}.s3el-card-subtitle{font-size:.8rem;font-weight:400;color:#9ca3af}[data-theme=dark] .s3el-card-subtitle{color:var(--text-secondary, #94a3b8)}.s3el-add-emp-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.s3el-input{flex:1;height:34px;padding:0 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#374151;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s;min-width:0}.s3el-input:focus{border-color:var(--color-primary, #667eea);box-shadow:0 0 0 3px #667eea26}[data-theme=dark] .s3el-input{background:#0f172a;border-color:var(--border-divider, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .s3el-input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf826}.s3el-input-hint{font-size:.78rem;color:#9ca3af;line-height:1.4;margin-top:2px}[data-theme=dark] .s3el-input-hint{color:#64748b}.s3el-add-emp-error{font-size:.8125rem;color:#ef4444;margin-top:6px}.s3el-emp-preview{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 10px;background:rgba(99,102,241,.06);border:1px solid rgba(99,102,241,.2);border-radius:6px;font-size:.875rem;flex-wrap:wrap}[data-theme=dark] .s3el-emp-preview{background:rgba(129,140,248,.08);border-color:#818cf840}.s3el-btn-submit{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;background:var(--color-primary, #667eea);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s,opacity .15s;white-space:nowrap;flex-shrink:0}.s3el-btn-submit:hover:not(:disabled){background:var(--color-primary-hover, #5a6fd8)}.s3el-btn-submit:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .s3el-btn-submit{background:var(--color-primary-hover, #5a6fd8)}.s3el-btn-cancel{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;background:transparent;color:#6b7280;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.s3el-btn-cancel:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}[data-theme=dark] .s3el-btn-cancel{color:var(--text-secondary, #94a3b8);border-color:var(--border-divider, #475569)}[data-theme=dark] .s3el-btn-cancel:hover:not(:disabled){background:#0f172a}.s3el-btn-preview-add{margin-left:auto;height:28px!important;padding:0 10px!important;font-size:.8125rem!important}.s3el-btn-add-all{font-size:.8rem!important;height:28px!important;padding:0 10px!important;flex-shrink:0}.s3el-member-list{display:flex;flex-direction:column;gap:2px;max-height:280px;overflow-y:auto;margin-top:2px}.s3el-member-item{display:flex;align-items:center;gap:6px;padding:5px 4px;border-radius:5px;font-size:.8125rem;transition:background .1s}.s3el-member-item:hover{background:#f9fafb}[data-theme=dark] .s3el-member-item:hover{background:rgba(255,255,255,.04)}.s3el-member-item.added{opacity:.5}.s3el-member-code{font-family:monospace;font-size:.8rem;font-weight:600;color:#6b7280;flex-shrink:0}[data-theme=dark] .s3el-member-code{color:var(--text-secondary, #94a3b8)}.s3el-member-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#374151;font-size:.8125rem}[data-theme=dark] .s3el-member-name{color:var(--text-primary, #e2e8f0)}.s3el-detail-label{display:inline-block;padding:1px 6px;background:#f3f4f6;border-radius:4px;font-size:.72rem;color:#9ca3af;white-space:nowrap;flex-shrink:0}[data-theme=dark] .s3el-detail-label{background:#1e293b;color:#64748b}.s3el-member-added-check{font-size:.8rem;color:#22c55e;flex-shrink:0;margin-left:auto}.s3el-btn-member-add{margin-left:auto;font-size:.75rem!important;height:24px!important;padding:0 8px!important;flex-shrink:0}.s3el-spinner-container-compact{display:flex;justify-content:center;padding:12px 0}.s3el-spinner-compact{width:20px;height:20px;border-width:2px}.s3el-text-empty-small{font-size:.8125rem;color:#9ca3af;padding:8px 0}[data-theme=dark] .s3el-text-empty-small{color:#64748b}.s3el-bu-cong-count{font-size:.8rem;color:#d97706;font-weight:500}[data-theme=dark] .s3el-bu-cong-count{color:#fbbf24}.s3el-spinner-sm{width:16px;height:16px;border-width:2px}.s3el-spinner-xs-center{width:14px;height:14px;border-width:2px;margin:0 auto}.s3el-spinner-member-add{width:12px;height:12px;border-width:2px}@media (max-width: 768px){.s3el-header,.s3el-content .s3el-card-compact{display:none}.s3el-card{padding:6px;border-radius:8px}.s3el-add-emp-card{position:relative;flex-shrink:0;background:#ffffff;box-shadow:0 2px 8px #00000014}[data-theme=dark] .s3el-add-emp-card{background:#111c2e;box-shadow:0 2px 8px #0000004d}.s3el-footer{flex-shrink:0}.s3el-tab2-table-card{flex:1;min-height:0;overflow:hidden!important;display:flex;flex-direction:column}.s3el-add-emp-row{gap:6px}.s3el-input{width:100%;min-width:0}.s3el-btn-preview-add{width:100%;justify-content:center}.s3el-card-header-flex{align-items:flex-start}.s3el-card-info-col{flex-direction:column;align-items:flex-start;gap:1px;flex:1;min-width:0}.s3el-card-title,.s3el-card-subtitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.s3el-btn-add-all{flex-shrink:0;width:20%;min-width:60px;max-width:90px;height:auto!important;min-height:28px;padding:4px 6px!important;white-space:normal;word-break:break-word;text-align:center;line-height:1.3;justify-content:center}.s3el-btn-submit,.s3el-btn-cancel{flex:1;justify-content:center}.s3el-mobile-card-list{display:flex;flex-direction:column;gap:8px;padding:8px 0}.s3el-mobile-section-divider{display:flex;align-items:center;gap:6px;padding:6px 2px;font-size:.75rem;font-weight:600;color:#92400e;background:rgba(251,191,36,.1);border:1px solid rgba(245,158,11,.3);border-radius:6px;margin:2px 0 4px}[data-theme=dark] .s3el-mobile-section-divider{color:#fbbf24;background:rgba(251,191,36,.08);border-color:#f59e0b40}.s3el-mobile-section-divider .s3el-bu-cong-icon{width:14px;height:14px;flex-shrink:0}}@media (max-width: 480px){.s3el-card-title{font-size:.875rem}.s3el-card-subtitle{font-size:.75rem}}.s3el-date-under-time{font-size:.7rem;font-weight:600;color:#d97706;font-style:italic;line-height:1.2;margin-top:2px;white-space:nowrap;letter-spacing:.01em}.s3el-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:16px;animation:s3el-fade-in .15s ease}[data-theme=dark] .s3el-modal-overlay{background:rgba(0,0,0,.65)}.s3el-modal-box{background:#ffffff;border-radius:12px;box-shadow:0 20px 60px #0003;width:100%;max-width:440px;animation:s3el-slide-up .2s ease;overflow:hidden}[data-theme=dark] .s3el-modal-box{background:#1e293b;box-shadow:0 20px 60px #00000080}@keyframes s3el-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.s3el-modal-header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid #e5e7eb}[data-theme=dark] .s3el-modal-header{border-bottom-color:var(--border-divider, #475569)}.s3el-modal-header h3{margin:0;font-size:.9375rem;font-weight:600;color:#1f2937}[data-theme=dark] .s3el-modal-header h3{color:#fff}.s3el-bu-cong-modal .s3el-modal-header{border-bottom:1px solid rgba(245,158,11,.25);background:rgba(251,191,36,.06)}[data-theme=dark] .s3el-bu-cong-modal .s3el-modal-header{background:rgba(251,191,36,.08);border-bottom-color:#fbbf2433}.s3el-bu-cong-modal .s3el-modal-header h3{color:#92400e}[data-theme=dark] .s3el-bu-cong-modal .s3el-modal-header h3{color:#fbbf24}.s3el-block-modal .s3el-modal-header{border-bottom:1px solid rgba(239,68,68,.25);background:rgba(239,68,68,.04)}[data-theme=dark] .s3el-block-modal .s3el-modal-header{background:rgba(239,68,68,.08);border-bottom-color:#ef444433}.s3el-block-modal .s3el-modal-header h3{color:#ef4444}[data-theme=dark] .s3el-block-modal .s3el-modal-header h3{color:#f87171}.s3el-modal-warning-icon{flex-shrink:0}.s3el-icon-danger{color:#ef4444}[data-theme=dark] .s3el-icon-danger{color:#f87171}.s3el-icon-warning{color:#f59e0b}[data-theme=dark] .s3el-icon-warning{color:#fbbf24}.s3el-modal-body{padding:16px 20px;display:flex;flex-direction:column;gap:12px}.s3el-bu-cong-modal-info,.s3el-block-modal-info{margin:0;font-size:.875rem;color:#374151;line-height:1.5}[data-theme=dark] .s3el-bu-cong-modal-info,[data-theme=dark] .s3el-block-modal-info{color:var(--text-primary, #e2e8f0)}.s3el-form-group{display:flex;flex-direction:column;gap:5px}.s3el-form-label{font-size:.8125rem;font-weight:500;color:#374151;display:flex;align-items:center;gap:3px}[data-theme=dark] .s3el-form-label{color:var(--text-secondary, #94a3b8)}.s3el-required{color:#ef4444;font-weight:600}.s3el-input-error{border-color:#ef4444!important;box-shadow:0 0 0 2px #ef44441f!important}.s3el-field-error{font-size:.78rem;color:#ef4444}.s3el-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 20px 16px;border-top:1px solid #f3f4f6}[data-theme=dark] .s3el-modal-footer{border-top-color:var(--border-divider, #475569)}.s3el-btn-warning{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 16px;background:#d97706;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s,opacity .15s;white-space:nowrap}.s3el-btn-warning:hover:not(:disabled){background:#b45309}.s3el-btn-warning:disabled{opacity:.55;cursor:not-allowed}[data-theme=dark] .s3el-btn-warning{background:#d97706}[data-theme=dark] .s3el-btn-warning:hover:not(:disabled){background:#b45309}.s3el-p-32-16-center{padding:32px 16px!important;text-align:center!important}.rdp-text-error-bold{color:#ef4444!important;font-weight:700!important}.rdp-text-error-bold-help{color:#ef4444!important;font-weight:700!important;cursor:help!important}.rdp-text-info-help{color:#3b82f6!important;cursor:help!important}.rdp-inline-icon{display:inline!important;vertical-align:middle!important;margin-right:2px!important}.rdp-cell-error-bg{background-color:#ef44440f!important}.rdp-input-error{border-color:#f87171!important}[data-theme=dark] .rdp-text-error-bold,[data-theme=dark] .rdp-text-error-bold-help{color:#f87171!important}[data-theme=dark] .rdp-text-info-help{color:#60a5fa!important}[data-theme=dark] .rdp-cell-error-bg{background-color:#ef444426!important}.s3el-badge-con-nho,.eoc-badge-con-nho{display:inline-flex;align-items:center;gap:2px;background:#fdf2f8;color:#db2777;border:1px solid #fbcfe8;border-radius:4px;padding:1px 4px;font-size:11px;font-weight:500;margin-left:4px;margin-top:2px;white-space:nowrap}[data-theme=dark] .s3el-badge-con-nho,[data-theme=dark] .eoc-badge-con-nho{background:rgba(219,39,119,.15);color:#f472b6;border-color:#f472b64d}.s3el-btn-scan-camera{display:inline-flex;align-items:center;justify-content:center;height:34px;width:34px;min-width:34px;padding:0;background:var(--color-primary, #667eea);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .15s,opacity .15s;flex-shrink:0}.s3el-btn-scan-camera:hover:not(:disabled){background:var(--color-primary-hover, #5a6fd8)}.s3el-btn-scan-camera:active:not(:disabled){transform:scale(.96)}[data-theme=dark] .s3el-btn-scan-camera{background:var(--color-primary-hover, #5a6fd8)}.s3el-control-bar-wrapper{flex-shrink:0;display:flex;flex-direction:column;background:#ffffff;border-bottom:1px solid #e5e7eb;padding:8px 12px;gap:8px}[data-theme=dark] .s3el-control-bar-wrapper{background:#111c2e;border-bottom-color:var(--border-divider, #475569)}.s3el-control-bar-main{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.s3el-search-box-container{position:relative;display:flex;align-items:center;flex:1}.s3el-search-icon{position:absolute;left:10px;width:16px;height:16px;color:#9cb2cd;pointer-events:none}[data-theme=dark] .s3el-search-icon{color:#64748b}.s3el-search-input{width:100%;height:32px;padding:0 32px;font-size:.8125rem;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;color:#1f2937;outline:none;transition:border-color .15s,box-shadow .15s}.s3el-search-input:hover{border-color:#9ca3af}.s3el-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11f}[data-theme=dark] .s3el-search-input{background-color:#0f172a;border-color:#475569;color:#e2e8f0}[data-theme=dark] .s3el-search-input:hover{border-color:#64748b}[data-theme=dark] .s3el-search-input:focus{border-color:#818cf8;box-shadow:0 0 0 2px #818cf826}.s3el-search-clear{position:absolute;right:8px;background:transparent;border:none;padding:4px;color:#9cb2cd;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;transition:color .1s,background-color .1s}.s3el-search-clear:hover{color:#ef4444;background:#f3f4f6}[data-theme=dark] .s3el-search-clear{color:#64748b}[data-theme=dark] .s3el-search-clear:hover{color:#f87171;background:rgba(255,255,255,.05)}.s3el-btn-clear-sort{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:.8125rem;font-weight:500;color:#ef4444;background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.18);border-radius:6px;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.s3el-btn-clear-sort:hover{background:rgba(239,68,68,.1);border-color:#ef44444d}[data-theme=dark] .s3el-btn-clear-sort{color:#f87171;background:rgba(248,113,113,.08);border-color:#f8717133}[data-theme=dark] .s3el-btn-clear-sort:hover{background:rgba(248,113,113,.14);border-color:#f8717159}.s3el-clear-sort-icon{font-size:.75rem;font-weight:700}.s3el-sortable-header{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .15s}.s3el-sortable-header:hover{background-color:#f3f4f6!important}[data-theme=dark] .s3el-sortable-header:hover{background-color:#ffffff0a!important}.s3el-sortable-header-content{display:flex;align-items:center;justify-content:space-between;gap:4px}.s3el-sort-indicator{font-size:.72rem;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;color:#9ca3af;transition:color .15s}.s3el-sortable-header:hover .s3el-sort-indicator{color:#4b5563}[data-theme=dark] .s3el-sortable-header:hover .s3el-sort-indicator{color:#cbd5e1}.s3el-sort-indicator.active{color:#6366f1}[data-theme=dark] .s3el-sort-indicator.active{color:#818cf8}.t2tu-tab2-layout{display:grid;grid-template-columns:380px 1fr;grid-template-rows:1fr;height:100%;min-height:0;gap:12px}@media (max-width: 1024px){.t2tu-tab2-layout{grid-template-columns:1fr;overflow-y:auto}.t2tu-tab2-left,.t2tu-tab2-right{height:auto!important;overflow-y:visible!important}}@media (max-width: 768px){.t2tu-tab2-right{display:none!important}}.t2tu-tab2-left{border-right:1px solid var(--border-divider, #e5e7eb);padding:10px;overflow-y:auto;background:var(--bg-sidebar, #fcfdfe);height:100%;display:flex;flex-direction:column;gap:8px}[data-theme=dark] .t2tu-tab2-left{background:#111c2e;border-right-color:var(--border-divider, #475569)}.t2tu-steps-indicator{display:flex;align-items:center;justify-content:center;gap:0;position:relative;padding:8px 0 4px}.t2tu-steps-line{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:2px;background:#e5e7eb;z-index:0}[data-theme=dark] .t2tu-steps-line{background:var(--border-divider, #475569)}.t2tu-step-dot{width:32px;height:32px;border-radius:50%;background:#e5e7eb;color:#9ca3af;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;z-index:1;margin:0 32px;transition:background .2s,color .2s}[data-theme=dark] .t2tu-step-dot{background:#334155;color:#64748b}.t2tu-step-dot.active{background:var(--color-primary, #667eea);color:#fff}.t2tu-step-dot.done{background:#16a34a;color:#fff}.t2tu-step-dot svg{width:14px;height:14px}.t2tu-step-dot.clickable{cursor:pointer}.t2tu-step-dot.clickable:hover{background:#15803d;transform:scale(1.1)}.t2tu-step-dot.clickable:focus-visible{outline:2px solid var(--color-primary, #667eea);outline-offset:2px}.t2tu-step-summary{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.t2tu-summary-card{background:var(--bg-content, #fff);border:1px solid var(--border-divider, #e5e7eb);border-radius:8px;padding:10px 12px;display:flex;gap:10px;align-items:flex-start;box-shadow:0 1px 2px #0000000d}[data-theme=dark] .t2tu-summary-card{background:#1e293b;border-color:#475569}.t2tu-summary-step-badge{width:18px;height:18px;border-radius:50%;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}[data-theme=dark] .t2tu-summary-step-badge{background:#334155;color:#cbd5e1}.t2tu-summary-body{flex:1;display:flex;flex-direction:column;gap:4px;font-size:.8125rem}.t2tu-summary-body--rows{gap:6px}.t2tu-summary-row1{display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--text-primary, #1f2937)}[data-theme=dark] .t2tu-summary-row1{color:var(--text-primary, #e2e8f0)}.t2tu-summary-date{color:var(--text-secondary, #6b7280);font-weight:400}[data-theme=dark] .t2tu-summary-date{color:var(--text-secondary, #94a3b8)}.t2tu-summary-row2{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.t2tu-summary-sep{color:#d1d5db}[data-theme=dark] .t2tu-summary-sep{color:#475569}.t2tu-summary-value{color:var(--text-primary, #374151);font-weight:500}[data-theme=dark] .t2tu-summary-value{color:var(--text-primary, #e2e8f0)}.t2tu-summary-row{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}.t2tu-summary-label{color:var(--text-secondary, #9ca3af);font-weight:500}.t2tu-summary-tag{background:#f3f4f6;color:#4b5563;padding:1px 6px;border-radius:4px;font-size:.7rem;font-weight:500}[data-theme=dark] .t2tu-summary-tag{background:#334155;color:#cbd5e1}.t2tu-tab2-right{padding:0;overflow-y:auto;height:100%;min-height:0;display:flex;flex-direction:column;gap:2px}.t2tu-tab2-right>.s3el-tab2-table-card{flex:1;min-height:0;overflow:auto}.t2tu-tab2-table-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#9ca3af;text-align:center;padding:24px}.t2tu-tab2-table-placeholder svg{width:48px;height:48px;margin-bottom:12px;color:#d1d5db}[data-theme=dark] .t2tu-tab2-table-placeholder svg{color:#475569}.t2tu-tab2-table-placeholder p{margin:0;font-size:.875rem}.t2tu-badge-ca{display:inline-block;padding:1px 6px;border-radius:4px;font-size:.75rem;font-weight:500}.t2tu-badge-ca.t2tu-ca-ca-ngay{background:#fef9c3;color:#854d0e}.t2tu-badge-ca.t2tu-ca-ca-dem{background:#e0e7ff;color:#3730a3}[data-theme=dark] .t2tu-badge-ca.t2tu-ca-ca-ngay{background:#052e16;color:#166534}[data-theme=dark] .t2tu-badge-ca.t2tu-ca-ca-dem{background:#1e1b4b;color:#818cf8}.t2tu-badge-shift{font-size:.75rem;color:#6b7280}[data-theme=dark] .t2tu-badge-shift{color:var(--text-secondary, #94a3b8)}.t2tu-cell-code{font-family:monospace;font-weight:600}@media (max-width: 768px){.t2tu-tab2-left,.t2tu-tab2-right{padding:8px}.t2tu-steps-indicator{position:sticky;top:0;z-index:20;background:var(--bg-sidebar, #fcfdfe);padding:6px 0;box-shadow:0 2px 4px #0000000f}[data-theme=dark] .t2tu-steps-indicator{background:#111c2e;box-shadow:0 2px 4px #00000040}.t2tu-step-dot{width:26px;height:26px;font-size:.75rem;margin:0 20px}.t2tu-steps-line{width:80px}.t2tu-summary-card{padding:8px 10px;gap:8px}.t2tu-summary-body{font-size:.75rem}.t2tu-tab2-layout[data-step="3"] .t2tu-step-summary,.t2tu-tab2-layout[data-step="3"] .t2tu-tab2-right{display:none}.t2tu-tab2-layout[data-step="3"]{display:flex!important;flex-direction:column!important;overflow-y:hidden!important;flex:1!important;min-height:0!important;height:auto!important}.t2tu-tab2-layout[data-step="3"] .t2tu-tab2-left{flex:1!important;min-height:0!important;height:auto!important;overflow-y:hidden!important;display:flex!important;flex-direction:column!important;gap:0!important}.t2tu-tab2-layout[data-step="3"] .t2tu-steps-indicator{position:relative;flex-shrink:0;box-shadow:none;border-bottom:1px solid var(--border-divider, #e5e7eb);margin-bottom:0}[data-theme=dark] .t2tu-tab2-layout[data-step="3"] .t2tu-steps-indicator{border-bottom-color:var(--border-divider, #475569)}.t2tu-tab2-layout[data-step="3"] .t2tu-tab2-left>.s3el-content{flex:1;min-height:0;overflow:hidden}}@media (max-width: 480px){.t2tu-tab2-layout{gap:8px}.t2tu-step-dot{width:24px;height:24px;font-size:.7rem;margin:0 16px}.t2tu-steps-line{width:64px}}.otv2-page{display:flex;flex-direction:column;gap:0;flex:1;min-height:0;position:relative}.otv2-page-header{display:flex;align-items:flex-end;justify-content:space-between;padding:0 12px;border-bottom:2px solid #e5e7eb;gap:16px;flex-shrink:0}.otv2-page-header-title{display:flex;align-items:center;gap:10px;padding:10px}.otv2-title-icon{width:24px;height:24px;color:var(--color-primary, #667eea);flex-shrink:0}.otv2-page-header h1{font-size:1.4rem;font-weight:700;color:#111827;margin:0}.otv2-tabs{display:flex;gap:4px;align-items:flex-end}.otv2-tab-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:none;border:none;border-bottom:3px solid transparent;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:color .15s,border-color .15s,background .15s;border-radius:4px 4px 0 0;white-space:nowrap}.otv2-tab-btn:hover{color:#374151;background:#f3f4f6}.otv2-tab-btn.active{color:#2563eb;border-bottom-color:#2563eb;font-weight:600}.otv2-tab-icon{width:16px;height:16px;flex-shrink:0}.otv2-tab-content{flex:1;min-height:0;overflow:auto;padding:4px 8px;display:flex;flex-direction:column}.otv2-no-perm-card{margin:40px auto;max-width:480px;text-align:center;padding:40px 32px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:12px}.otv2-no-perm-icon{width:48px;height:48px;color:#9ca3af}.otv2-no-perm-card h3{font-size:1.1rem;font-weight:600;color:#374151;margin:0}.otv2-no-perm-card p{font-size:.875rem;color:#6b7280;margin:0;line-height:1.6}[data-theme=dark] .otv2-page-header{border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .otv2-page-header h1{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .otv2-title-icon{color:#93c5fd}[data-theme=dark] .otv2-tab-btn{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .otv2-tab-btn:hover{color:var(--text-primary, #e2e8f0);background:rgba(255,255,255,.05)}[data-theme=dark] .otv2-tab-btn.active{color:#93c5fd;border-bottom-color:#3b82f6}[data-theme=dark] .otv2-no-perm-card{background:var(--bg-content, #1e293b);border-color:var(--border-divider, #475569)}[data-theme=dark] .otv2-no-perm-card h3{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .otv2-no-perm-card p{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .otv2-no-perm-icon{color:#64748b}@media (max-width: 768px){.otv2-page-header{flex-direction:column;align-items:stretch;padding:0;gap:0;border-bottom:none}.otv2-page-header-title{padding:10px 12px 6px}.otv2-page-header h1{font-size:1.1rem}.otv2-tabs{width:100%;gap:0;border-bottom:2px solid #e5e7eb}.otv2-tab-btn{flex:1;justify-content:center;padding:10px 4px;font-size:.8rem;border-radius:0;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.otv2-tab-content{padding:10px 8px}}@media (max-width: 480px){.otv2-page-header h1{font-size:1rem}.otv2-tab-btn{padding:9px 4px;gap:4px;font-size:.75rem}.otv2-tab-icon{width:14px;height:14px}.otv2-tab-content{padding:8px 6px}.otv2-no-perm-card{margin:20px auto;padding:24px 16px}}.cb-page{padding:20px 24px;display:flex;flex-direction:column;gap:16px;min-height:100%}.cb-page-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px}.cb-page-title{display:flex;align-items:center;gap:12px}.cb-page-title-icon{color:#db2777}.cb-page-title h1{margin:0;font-size:20px;font-weight:700;color:#111827}.cb-page-desc{margin:2px 0 0;font-size:13px;color:#6b7280}.cb-page-btn-add{display:flex;align-items:center;gap:6px;background:#db2777;color:#fff;border:none;border-radius:8px;padding:9px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.cb-page-btn-add:hover{background:#be185d}.cb-page-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cb-page-search-group{display:flex;flex:1;min-width:220px;max-width:360px}.cb-page-search-input{flex:1;border:1px solid #e5e7eb;border-right:none;border-radius:7px 0 0 7px;padding:8px 12px;font-size:13px;outline:none;background:#fff}.cb-page-search-input:focus{border-color:#db2777}.cb-page-btn-search{border:1px solid #e5e7eb;border-radius:0 7px 7px 0;padding:8px 12px;background:#f9fafb;cursor:pointer;display:flex;align-items:center;color:#6b7280;transition:background .15s}.cb-page-btn-search:hover{background:#f3f4f6}.cb-page-filter-select{border:1px solid #e5e7eb;border-radius:7px;padding:8px 10px;font-size:13px;color:#374151;outline:none;cursor:pointer;background:#fff}.cb-page-filter-select:focus{border-color:#db2777}.cb-page-btn-refresh{border:1px solid #e5e7eb;border-radius:7px;padding:8px;background:#f9fafb;cursor:pointer;display:flex;align-items:center;color:#6b7280;transition:background .15s}.cb-page-btn-refresh:hover{background:#f3f4f6}.cb-spin{animation:cb-spin-anim .8s linear infinite}@keyframes cb-spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cb-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:auto;box-shadow:0 1px 3px #0000000d}.cb-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.cb-table th{background:#f9fafb;padding:12px 16px;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap}.cb-th-filter{display:flex;align-items:center;gap:4px;white-space:nowrap}.cb-th-stt{width:60px}.cb-th-gio-bonus,.cb-th-thao-tac{width:100px}.cb-table td{padding:12px 16px;border-bottom:1px solid #e5e7eb;color:#4b5563}.cb-table tr:hover{background:#f9fafb}.cb-table tr:last-child td{border-bottom:none}.cb-table-empty{padding:48px;text-align:center;color:#9ca3af;display:flex;flex-direction:column;align-items:center;gap:8px}.cb-table-loading{padding:48px;display:flex;justify-content:center;align-items:center}.cb-spinner{width:28px;height:28px;border:3px solid #f3f3f3;border-top:3px solid #db2777;border-radius:50%;animation:cb-spin-anim .8s linear infinite}.cb-text-sub{color:#9ca3af;font-size:11px}.cb-emp-code{color:#2563eb}.cb-badge-bonus{background:#fdf2f8;color:#db2777;font-weight:600;padding:2px 8px;border-radius:99px;border:1px solid #fbcfe8;font-size:12px}.cb-status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:500}.cb-status-badge.active{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.cb-status-badge.expired{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.cb-td-note{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cb-actions{display:flex;align-items:center;gap:6px}.cb-btn-icon{background:none;border:1px solid #e5e7eb;border-radius:6px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.cb-btn-icon.edit{color:#2563eb}.cb-btn-icon.edit:hover{background:#eff6ff;border-color:#bfdbfe}.cb-btn-icon.delete{color:#dc2626}.cb-btn-icon.delete:hover{background:#fef2f2;border-color:#fecaca}.cb-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.cb-modal-content{background:#fff;border-radius:12px;width:100%;max-width:540px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;overflow:hidden;animation:cb-fade-in .2s cubic-bezier(.16,1,.3,1)}@keyframes cb-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.cb-modal-header{padding:16px 20px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.cb-modal-header h2{margin:0;font-size:16px;font-weight:600;color:#111827}.cb-modal-close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#9ca3af;line-height:1}.cb-modal-close-btn:hover{color:#4b5563}.cb-modal-body{padding:20px;display:flex;flex-direction:column;gap:16px;max-height:75vh;overflow-y:auto}.cb-modal-footer{border-top:1px solid #e5e7eb;padding:14px 20px;display:flex;align-items:center;justify-content:flex-end;gap:10px}.cb-form-label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.cb-required{color:#ef4444}.cb-form-input{width:100%;border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;font-size:13px;outline:none;background:#fff;color:#1f2937;transition:border-color .15s}.cb-form-input:focus{border-color:#db2777}.cb-form-textarea{width:100%;border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;font-size:13px;outline:none;resize:vertical;background:#fff;color:#1f2937;font-family:inherit;transition:border-color .15s}.cb-form-textarea:focus{border-color:#db2777}.cb-form-row{display:flex;gap:12px}.cb-form-col{flex:1;display:flex;flex-direction:column}.cb-form-col.full-width{flex:none;width:100%}.cb-form-fields.disabled{opacity:.5;pointer-events:none}.cb-help-text{margin:4px 0 0;font-size:11px;color:#9ca3af}.cb-emp-search-section{background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;padding:12px 14px}.cb-search-input-wrapper{display:flex;gap:8px}.cb-btn-search-emp{display:flex;align-items:center;gap:4px;background:#4b5563;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}.cb-btn-search-emp:hover{background:#374151}.cb-emp-found-card{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.cb-emp-found-card.no-border{background:#f8fafc;border:1px solid #e2e8f0}.cb-found-info{display:flex;flex-direction:column;gap:4px}.cb-found-info div{font-size:13px;color:#374151}.cb-found-label{color:#6b7280;display:inline-block;width:100px}.cb-found-val{font-weight:500}.cb-found-val.text-primary{color:#2563eb}.cb-btn-change-emp{background:none;border:1px solid #bbf7d0;border-radius:6px;color:#16a34a;padding:6px 12px;font-size:12px;font-weight:500;cursor:pointer;background:#fff;transition:all .15s}.cb-btn-change-emp:hover{background:#f0fdf4;color:#15803d}.cb-btn-primary{background:#db2777;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.cb-btn-primary:hover{background:#be185d}.cb-btn-primary:disabled{opacity:.6;cursor:not-allowed}.cb-btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.cb-btn-secondary:hover{background:#f9fafb}[data-theme=dark] .cb-page-title h1{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .cb-page-desc{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .cb-page-title-icon{color:#f472b6}[data-theme=dark] .cb-page-search-input{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .cb-page-search-input:focus{border-color:#f472b6}[data-theme=dark] .cb-page-btn-search{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .cb-page-btn-search:hover{background:var(--bg-surface-hover, #475569)}[data-theme=dark] .cb-page-filter-select{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .cb-page-filter-select:focus{border-color:#f472b6}[data-theme=dark] .cb-page-btn-refresh{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .cb-page-btn-refresh:hover{background:var(--bg-surface-hover, #475569)}[data-theme=dark] .cb-table-container{background:var(--bg-card, #1e293b);border-color:var(--border-card, #334155)}[data-theme=dark] .cb-table th{background:var(--bg-surface-hover, #334155);color:var(--text-primary, #e2e8f0);border-bottom-color:var(--border-card, #334155)}[data-theme=dark] .cb-table td{color:var(--text-primary, #e2e8f0);border-bottom-color:var(--border-card, #334155)}[data-theme=dark] .cb-table tr:hover{background:var(--bg-surface-hover, #334155)}[data-theme=dark] .cb-modal-content{background:var(--bg-modal, #1e293b);border:1px solid var(--border-card, #334155)}[data-theme=dark] .cb-modal-header{border-bottom-color:var(--border-card, #334155)}[data-theme=dark] .cb-modal-header h2{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .cb-modal-body{background:var(--bg-modal, #1e293b)}[data-theme=dark] .cb-modal-footer{border-top-color:var(--border-card, #334155);background:var(--bg-modal, #1e293b)}[data-theme=dark] .cb-form-label{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .cb-form-input{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .cb-form-input:focus{border-color:#f472b6}[data-theme=dark] .cb-form-textarea{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .cb-form-textarea:focus{border-color:#f472b6}[data-theme=dark] .cb-emp-search-section{background:var(--bg-card, #0f172a);border-color:var(--border-card, #334155)}[data-theme=dark] .cb-btn-search-emp{background:var(--bg-surface-hover, #475569)}[data-theme=dark] .cb-btn-search-emp:hover{background:#334155}[data-theme=dark] .cb-emp-found-card{background:rgba(22,163,74,.1);border-color:#22c55e4d}[data-theme=dark] .cb-emp-found-card.no-border{background:var(--bg-card, #0f172a);border-color:var(--border-card, #334155)}[data-theme=dark] .cb-found-info div{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .cb-found-label{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .cb-btn-change-emp{border-color:#22c55e4d;color:#4ade80;background:var(--bg-card, #1e293b)}[data-theme=dark] .cb-btn-change-emp:hover{background:rgba(22,163,74,.2)}[data-theme=dark] .cb-btn-secondary{background:var(--bg-card, #1e293b);color:var(--text-primary, #e2e8f0);border-color:var(--border-input, #475569)}[data-theme=dark] .cb-btn-secondary:hover{background:var(--bg-surface-hover, #334155)}[data-theme=dark] .cb-badge-bonus{background:rgba(219,39,119,.1);color:#f472b6;border-color:#f472b64d}[data-theme=dark] .cb-status-badge.active{background:rgba(4,120,87,.15);color:#34d399;border-color:#34d3994d}[data-theme=dark] .cb-status-badge.expired{background:rgba(185,28,28,.15);color:#f87171;border-color:#f871714d}[data-theme=dark] .cb-btn-icon{border-color:var(--border-input, #475569)}[data-theme=dark] .cb-btn-icon.edit:hover{background:rgba(37,99,235,.15);border-color:#2563eb4d}[data-theme=dark] .cb-btn-icon.delete:hover{background:rgba(220,38,38,.15);border-color:#dc26264d}.cb-approval-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:500}.cb-approval-badge.pending{background:#fef3c7;color:#d97706;border:1px solid #fde68a}.cb-approval-badge.approved{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.cb-approval-badge.rejected{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca}.cb-reject-info-icon{margin-left:4px;color:#ef4444;cursor:help;display:inline-flex;align-items:center;vertical-align:middle}.cb-btn-icon.approve{color:#16a34a}.cb-btn-icon.approve:hover{background:#f0fdf4;border-color:#bbf7d0}.cb-btn-icon.reject{color:#dc2626}.cb-btn-icon.reject:hover{background:#fef2f2;border-color:#fecaca}.cb-btn-primary.danger{background:#dc2626}.cb-btn-primary.danger:hover{background:#b91c1c}.cb-audit-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px;margin-bottom:8px}.cb-audit-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.cb-audit-label{font-size:12px;color:#64748b;margin-right:6px}.cb-audit-value{font-size:12px;font-weight:500;color:#334155}.cb-audit-reason-row{grid-column:span 2;border-top:1px dashed #e2e8f0;padding-top:6px;margin-top:2px}.text-danger-label{color:#ef4444!important}[data-theme=dark] .cb-approval-badge.pending{background:rgba(217,119,6,.15);color:#fbbf24;border-color:#fbbf244d}[data-theme=dark] .cb-approval-badge.approved{background:rgba(21,128,61,.15);color:#4ade80;border-color:#4ade804d}[data-theme=dark] .cb-approval-badge.rejected{background:rgba(185,28,28,.15);color:#f87171;border-color:#f871714d}[data-theme=dark] .cb-btn-icon.approve:hover{background:rgba(22,163,74,.15);border-color:#22c55e4d}[data-theme=dark] .cb-btn-icon.reject:hover{background:rgba(220,38,38,.15);border-color:#dc26264d}[data-theme=dark] .cb-audit-section{background:var(--bg-card, #0f172a);border-color:var(--border-card, #334155)}[data-theme=dark] .cb-audit-label{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .cb-audit-value{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .cb-audit-reason-row{border-top-color:var(--border-card, #334155)}.cb-desktop-view{display:block}.cb-mobile-view{display:none}@media (max-width: 768px){.cb-desktop-view{display:none}.cb-mobile-view{display:flex;flex-direction:column;gap:16px;padding:4px 0}.cb-mobile-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000006;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden}.cb-mobile-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #00000014}.cb-card-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #f3f4f6;background:#fafafa}.cb-card-stt{font-size:12px;font-weight:600;color:#9ca3af}.cb-card-emp-info{display:flex;align-items:center;gap:8px}.cb-card-divider{color:#d1d5db}.cb-emp-name{color:#111827}.cb-card-body{padding:16px;display:flex;flex-direction:column;gap:10px}.cb-card-row{display:flex;align-items:center;justify-content:space-between;font-size:13px}.cb-card-row.block{flex-direction:column;align-items:flex-start;gap:6px}.cb-card-label{color:#6b7280;font-weight:500}.cb-card-value{color:#374151;font-weight:600;text-align:right}.cb-card-value.note{font-style:italic;font-weight:400;color:#4b5563;background:#f9fafb;padding:8px 12px;border-radius:6px;width:100%;text-align:left;border:1px solid #f3f4f6}.cb-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px 16px;border-top:1px solid #f3f4f6;background:#fafafa}.cb-card-actions .cb-btn-icon{width:auto;height:auto;padding:6px 12px;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;border-radius:6px}.cb-card-actions .cb-btn-text{display:inline}}[data-theme=dark] .cb-mobile-card{background:var(--bg-card, #1e293b);border-color:var(--border-card, #334155);box-shadow:0 4px 6px -1px #0003,0 2px 4px -1px #0000001a}[data-theme=dark] .cb-mobile-card:hover{box-shadow:0 10px 15px -3px #0000004d}[data-theme=dark] .cb-card-header{background:rgba(255,255,255,.02);border-bottom-color:var(--border-card, #334155)}[data-theme=dark] .cb-emp-name,[data-theme=dark] .cb-card-row{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .cb-card-label{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .cb-card-value{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .cb-card-value.note{background:rgba(255,255,255,.03);color:var(--text-secondary, #94a3b8);border-color:var(--border-card, #334155)}[data-theme=dark] .cb-card-actions{background:rgba(255,255,255,.02);border-top-color:var(--border-card, #334155)}[data-theme=dark] .cb-card-actions .cb-btn-icon.approve{background:rgba(22,163,74,.15);border-color:#22c55e4d;color:#4ade80}[data-theme=dark] .cb-card-actions .cb-btn-icon.approve:hover{background:rgba(22,163,74,.25)}[data-theme=dark] .cb-card-actions .cb-btn-icon.reject{background:rgba(220,38,38,.15);border-color:#f871714d;color:#f87171}[data-theme=dark] .cb-card-actions .cb-btn-icon.reject:hover{background:rgba(220,38,38,.25)}[data-theme=dark] .cb-card-actions .cb-btn-icon.edit{background:rgba(37,99,235,.15);border-color:#60a5fa4d;color:#60a5fa}[data-theme=dark] .cb-card-actions .cb-btn-icon.edit:hover{background:rgba(37,99,235,.25)}[data-theme=dark] .cb-card-actions .cb-btn-icon.delete{background:rgba(220,38,38,.15);border-color:#f871714d;color:#f87171}[data-theme=dark] .cb-card-actions .cb-btn-icon.delete:hover{background:rgba(220,38,38,.25)}:root{--sap-bg-main: #f8fafc;--sap-bg-card: #ffffff;--sap-border-color: #e2e8f0;--sap-text-primary: #0f172a;--sap-text-secondary: #475569;--sap-text-muted: #94a3b8;--sap-sticky-bg: #ffffff;--sap-table-hdr-bg: #f8fafc;--sap-table-stt-hdr-bg: #f1f5f9;--sap-cell-empty-color: #cbd5e1;--sap-cell-warning-bg: #ef4444;--sap-cell-late-bg: #fef2f2;--sap-cell-forgot-bg: #fefce8;--sap-summary-probation-bg: #f8fafc;--sap-summary-probation-fg: #0369a1;--sap-summary-official-bg: #f8fafc;--sap-summary-official-fg: #047857;--sap-summary-late-bg: #fef2f2;--sap-summary-late-fg: #b91c1c;--sap-summary-forgot-bg: #fffbeb;--sap-summary-forgot-fg: #b45309;--sap-date-group-hdr-bg: #e0f2fe;--sap-date-group-hdr-fg: #0369a1;--sap-day-hdr-bg: #f8fafc;--sap-day-hdr-fg: #334155;--sap-hover-cell-bg: #f0fdf4;--sap-time-badge-fg: #0f172a;--sap-coeff-lbl-fg: #64748b;--sap-modal-overlay-bg: rgba(15, 23, 42, .4);--sap-modal-bg: #ffffff;--sap-modal-border: #e2e8f0;--sap-modal-hdr-bg: #f8fafc;--sap-modal-body-bg: #ffffff;--sap-modal-close-fg: #94a3b8;--sap-modal-close-hover-bg: #cbd5e1;--sap-modal-close-hover-fg: #475569;--sap-detail-section-title-fg: #64748b;--sap-detail-grid-bg: #f8fafc;--sap-detail-grid-border: #f1f5f9;--sap-detail-lbl-fg: #64748b;--sap-detail-val-fg: #0f172a;--sap-warning-item-bg: #fffbeb;--sap-warning-item-border: #fde68a;--sap-warning-item-fg: #b45309;--sap-btn-secondary-bg: #f1f5f9;--sap-btn-secondary-border: #cbd5e1;--sap-btn-secondary-fg: #334155;--sap-btn-secondary-hover-bg: #e2e8f0;--sap-status-draft-bg: #eff6ff;--sap-status-draft-fg: #1d4ed8;--sap-status-draft-border: #bfdbfe;--sap-status-locked-bg: #f0fdf4;--sap-status-locked-fg: #15803d;--sap-status-locked-border: #bbf7d0;--sap-skeleton-border: #e2e8f0;--sap-raw-check-bg: #f1f5f9;--sap-raw-check-fg: #475569;--sap-raw-check-border: #e2e8f0;--sap-boundary-check-bg: #e0f2fe;--sap-boundary-check-fg: #0369a1;--sap-boundary-check-border: #bae6fd}[data-theme=dark]{--sap-bg-main: #13141f;--sap-bg-card: rgba(30, 32, 50, .97);--sap-border-color: rgba(255, 255, 255, .1);--sap-text-primary: #e5e7eb;--sap-text-secondary: #9ca3af;--sap-text-muted: #64748b;--sap-sticky-bg: #1e2234;--sap-table-hdr-bg: #111c44;--sap-table-stt-hdr-bg: #1e293b;--sap-cell-empty-color: #4b5563;--sap-cell-warning-bg: #ef4444;--sap-cell-late-bg: rgba(153, 27, 27, .25);--sap-cell-forgot-bg: rgba(146, 64, 14, .25);--sap-summary-probation-bg: rgba(14, 165, 233, .1);--sap-summary-probation-fg: #38bdf8;--sap-summary-official-bg: rgba(16, 185, 129, .1);--sap-summary-official-fg: #34d399;--sap-summary-late-bg: rgba(239, 68, 68, .15);--sap-summary-late-fg: #fca5a5;--sap-summary-forgot-bg: rgba(245, 158, 11, .15);--sap-summary-forgot-fg: #fde047;--sap-date-group-hdr-bg: #0c4a6e;--sap-date-group-hdr-fg: #cbd5e1;--sap-day-hdr-bg: #1e293b;--sap-day-hdr-fg: #e2e8f0;--sap-hover-cell-bg: rgba(16, 185, 129, .15);--sap-time-badge-fg: #e5e7eb;--sap-coeff-lbl-fg: #9ca3af;--sap-modal-overlay-bg: rgba(0, 0, 0, .7);--sap-modal-bg: rgba(30, 32, 50, .97);--sap-modal-border: rgba(255, 255, 255, .1);--sap-modal-hdr-bg: #111c44;--sap-modal-body-bg: rgba(30, 32, 50, .97);--sap-modal-close-fg: #64748b;--sap-modal-close-hover-bg: #334155;--sap-modal-close-hover-fg: #cbd5e1;--sap-detail-section-title-fg: #9ca3af;--sap-detail-grid-bg: #111c44;--sap-detail-grid-border: rgba(255, 255, 255, .05);--sap-detail-lbl-fg: #9ca3af;--sap-detail-val-fg: #f8fafc;--sap-warning-item-bg: rgba(146, 64, 14, .2);--sap-warning-item-border: rgba(245, 158, 11, .3);--sap-warning-item-fg: #fde047;--sap-btn-secondary-bg: #1e293b;--sap-btn-secondary-border: rgba(255, 255, 255, .1);--sap-btn-secondary-fg: #cbd5e1;--sap-btn-secondary-hover-bg: #334155;--sap-status-draft-bg: rgba(29, 78, 216, .2);--sap-status-draft-fg: #60a5fa;--sap-status-draft-border: rgba(96, 165, 250, .3);--sap-status-locked-bg: rgba(21, 128, 61, .2);--sap-status-locked-fg: #4ade80;--sap-status-locked-border: rgba(74, 222, 128, .3);--sap-skeleton-border: rgba(255, 255, 255, .1);--sap-raw-check-bg: #1e293b;--sap-raw-check-fg: #94a3b8;--sap-raw-check-border: rgba(255, 255, 255, .05);--sap-boundary-check-bg: rgba(14, 165, 233, .15);--sap-boundary-check-fg: #38bdf8;--sap-boundary-check-border: rgba(56, 189, 248, .3)}.sap-page{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--sap-bg-main);overflow:hidden}.sap-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 24px;background:var(--sap-bg-card);border-bottom:1px solid var(--sap-border-color);flex-shrink:0}.sap-header-left{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.sap-header-title{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:var(--sap-text-primary);margin:0}.sap-header-icon{color:#0ea5e9}.sap-header-status{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500}.sap-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:9999px;font-weight:600;font-size:12px}.sap-status-badge.draft{background:var(--sap-status-draft-bg);color:var(--sap-status-draft-fg);border:1px solid var(--sap-status-draft-border)}.sap-status-badge.locked{background:var(--sap-status-locked-bg);color:var(--sap-status-locked-fg);border:1px solid var(--sap-status-locked-border)}.sap-body{display:flex;flex:1;min-height:0;overflow:hidden;position:relative}.sap-sidebar{width:280px;min-width:250px;max-width:345px;flex-shrink:0;background:var(--sap-bg-card);border-right:1px solid var(--sap-border-color);display:flex;flex-direction:column;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1),min-width .3s cubic-bezier(.4,0,.2,1),max-width .3s cubic-bezier(.4,0,.2,1),border-right .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.sap-sidebar.collapsed{width:0!important;min-width:0!important;max-width:0!important;border-right:none!important}.sap-sidebar .org-tree-panel{height:100%!important;width:100%!important;max-width:100%!important;min-width:100%!important;border-right:none!important;background:transparent!important}.sap-sidebar-toggle-btn{position:absolute;left:280px;top:50%;transform:translate(-50%,-50%);z-index:50;width:30px;height:50px;background:var(--sap-bg-card);border:1px solid var(--sap-border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--sap-text-secondary);box-shadow:0 2px 8px #0000001f;transition:left .3s cubic-bezier(.4,0,.2,1),background-color .2s,color .15s}.sap-sidebar-toggle-btn:hover{color:#0ea5e9;background:var(--sap-btn-secondary-bg)}.sap-sidebar-toggle-btn.collapsed{left:0}.sap-content{flex:1;display:flex;flex-direction:column;min-width:0;height:100%;padding:2px}.sap-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:14px;background:transparent;padding:0;border:none!important;flex-shrink:0}.sap-search-wrapper{position:relative;display:inline-flex;align-items:center}.sap-search-icon{position:absolute;right:12px;pointer-events:none;color:var(--sap-text-secondary, #9ca3af)}.sap-control-group{display:flex;align-items:center;gap:8px}.sap-control-label{font-size:13.5px;font-weight:600;color:var(--sap-text-secondary);white-space:nowrap}.sap-input{height:38px;padding:8px 12px;border-radius:6px;border:1px solid var(--sap-border-color);font-size:13.5px;color:var(--sap-text-primary);outline:none;background:var(--sap-bg-card);transition:border-color .15s ease}.sap-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 1px #0ea5e933}.sap-input-month{width:145px;font-weight:600}.sap-input-search{width:240px;padding-right:36px}.sap-btn{height:38px;padding:0 16px;border-radius:6px;font-size:13.5px;font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:1px solid transparent;transition:all .2s ease;white-space:nowrap}.sap-btn-secondary{background:var(--sap-btn-secondary-bg);color:var(--sap-btn-secondary-fg);border-color:var(--sap-btn-secondary-border)}.sap-btn-secondary:hover{background:var(--sap-btn-secondary-hover-bg)}.sap-btn-primary{background:#0ea5e9;color:#fff}.sap-btn-primary:hover{background:#0284c7}.sap-btn-success{background:#10b981;color:#fff}.sap-btn-success:hover{background:#059669}.sap-btn-danger{background:#ef4444;color:#fff}.sap-btn-danger:hover{background:#dc2626}.sap-btn:disabled{opacity:.5;cursor:not-allowed}.sap-grid-container{flex:1;background:var(--sap-bg-card);border:1px solid var(--sap-border-color);border-radius:8px;overflow:auto;position:relative;min-height:0}.sap-table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px;color:var(--sap-text-secondary)}.sap-table thead{position:static}.sap-table th,.sap-table td{padding:10px 12px;border-right:1px solid var(--sap-border-color);border-bottom:1px solid var(--sap-border-color);white-space:nowrap;vertical-align:middle}.sap-table th{background:var(--sap-table-hdr-bg);color:var(--sap-text-secondary);font-weight:700;text-align:center}.sap-table thead tr:nth-child(1) th{position:sticky;top:0;z-index:21;height:52px;box-sizing:border-box}.sap-table thead tr:nth-child(2) th{position:sticky;top:52px;z-index:20;height:38px;box-sizing:border-box}.sap-sticky-col-stt{position:sticky;left:0;background:var(--sap-sticky-bg)!important;z-index:10;box-shadow:2px 0 5px -2px #0000001a;min-width:45px;text-align:center}.sap-sticky-col-code{position:sticky;left:45px;background:var(--sap-sticky-bg)!important;z-index:10;box-shadow:2px 0 5px -2px #0000001a;min-width:90px}.sap-sticky-col-name{position:sticky;left:135px;background:var(--sap-sticky-bg)!important;z-index:10;box-shadow:4px 0 6px -2px #00000026;min-width:160px;font-weight:600}.sap-table th.sap-sticky-col-stt,.sap-table th.sap-sticky-col-code,.sap-table th.sap-sticky-col-name{z-index:24!important;background:var(--sap-table-stt-hdr-bg)!important;top:0;position:sticky}.sap-date-cell{width:44px;min-width:44px;text-align:center;cursor:pointer;transition:background .15s ease;position:relative;font-size:11px}.sap-date-cell:hover{background:var(--sap-hover-cell-bg)!important}.sap-time-badge{display:block;font-weight:700;color:#4f46e5}[data-theme=dark] .sap-time-badge{color:#818cf8}.sap-cell-hyphen{color:var(--sap-text-muted);opacity:.4}.sap-cell-active-val{background:#eff6ff!important}[data-theme=dark] .sap-cell-active-val{background:rgba(99,102,241,.15)!important}.sap-coeff-lbl{font-size:9px;color:var(--sap-coeff-lbl-fg);display:block}.sap-cell-late{background:var(--sap-cell-late-bg)!important}.sap-cell-forgot{background:var(--sap-cell-forgot-bg)!important}.sap-cell-empty{color:var(--sap-cell-empty-color)}.sap-summary-col{font-weight:600;text-align:right;min-width:70px}.sap-summary-probation-col{background:var(--sap-summary-probation-bg)!important;color:var(--sap-summary-probation-fg)}.sap-summary-official-col{background:var(--sap-summary-official-bg)!important;color:var(--sap-summary-official-fg)}.sap-late-summary-col{background:var(--sap-summary-late-bg)!important;color:var(--sap-summary-late-fg);font-weight:700;text-align:center}.sap-forgot-summary-col{background:var(--sap-summary-forgot-bg)!important;color:var(--sap-summary-forgot-fg);font-weight:700;text-align:center}.sap-summary-header{background:var(--sap-table-stt-hdr-bg)!important}.sap-date-group-header{position:relative;background:var(--sap-date-group-hdr-bg)!important;color:var(--sap-date-group-hdr-fg)!important;border-bottom:1px solid var(--sap-border-color);font-weight:700;text-align:center}.sap-day-header{width:11px;min-width:44px;background:var(--sap-day-hdr-bg)!important;color:var(--sap-day-hdr-fg)!important;font-weight:700}.sap-footer{margin-top:4px;flex-shrink:0}.sap-pagination-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:4px;border:1px solid var(--sap-border-color);background:var(--sap-bg-card);color:var(--sap-text-primary);transition:all .15s ease;cursor:pointer}.sap-pagination-btn:hover:not(:disabled){background:var(--sap-btn-secondary-hover-bg)}.sap-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.sap-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--sap-modal-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1000;animation:sap-fade-in .18s ease}.sap-modal{background:var(--sap-modal-bg);border-radius:12px;width:100%;max-width:500px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid var(--sap-modal-border);overflow:hidden;animation:sap-slide-up .22s ease-out}.sap-modal-header{padding:16px 20px;background:var(--sap-modal-hdr-bg);border-bottom:1px solid var(--sap-modal-border);display:flex;align-items:center;justify-content:space-between}.sap-modal-title{font-size:16px;font-weight:700;color:var(--sap-text-primary);margin:0}.sap-modal-close-btn{background:none;border:none;color:var(--sap-modal-close-fg);cursor:pointer;padding:4px;border-radius:4px}.sap-modal-close-btn:hover{background:var(--sap-modal-close-hover-bg);color:var(--sap-modal-close-hover-fg)}.sap-modal-body{padding:20px;font-size:13.5px;background:var(--sap-modal-body-bg)}.sap-detail-section{margin-bottom:16px}.sap-detail-section-title{font-size:12px;text-transform:uppercase;font-weight:700;color:var(--sap-detail-section-title-fg);letter-spacing:.05em;margin-bottom:8px}.sap-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;background:var(--sap-detail-grid-bg);padding:12px;border-radius:6px;border:1px solid var(--sap-detail-grid-border)}.sap-detail-lbl{color:var(--sap-detail-lbl-fg);font-size:13px}.sap-detail-val{color:var(--sap-detail-val-fg);font-weight:600;font-size:13px}.sap-warning-item{color:var(--sap-warning-item-fg);background:var(--sap-warning-item-bg);border:1px solid var(--sap-warning-item-border);padding:8px 12px;border-radius:6px;margin-bottom:6px;display:flex;align-items:center;gap:8px;font-size:13px}.sap-warning-dot{width:6px;height:6px;background:var(--sap-cell-warning-bg);border-radius:9999px;flex-shrink:0}.sap-config-container{display:flex;flex-direction:column;gap:16px}.sap-config-row{display:flex;align-items:flex-start;gap:12px;background:var(--sap-bg-main);padding:14px 16px;border-radius:8px;border:1px solid var(--sap-border-color);transition:all .2s ease}.sap-config-row:hover{border-color:#38bdf8;box-shadow:0 4px 6px -1px #0000000d}.sap-config-checkbox{margin-top:3px;width:16px;height:16px;accent-color:#0284c7;cursor:pointer;border-radius:4px}.sap-config-label{display:flex;flex-direction:column;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sap-config-title{font-weight:700;font-size:14px;color:var(--sap-text-primary)}.sap-config-desc{font-size:12px;color:var(--sap-text-secondary);line-height:1.5;margin-top:4px}.sap-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:12px 20px;border-top:1px solid var(--sap-modal-border);background:var(--sap-modal-hdr-bg);border-bottom-left-radius:12px;border-bottom-right-radius:12px}.sap-btn-cancel{padding:8px 16px;font-size:13px;font-weight:600;border-radius:6px;border:1px solid var(--sap-btn-secondary-border);background:var(--sap-btn-secondary-bg);color:var(--sap-btn-secondary-fg);cursor:pointer;transition:all .15s ease}.sap-btn-cancel:hover{background:var(--sap-btn-secondary-hover-bg)}.sap-btn-save{padding:8px 18px;font-size:13px;font-weight:600;border-radius:6px;border:none;background:#0284c7;color:#fff;cursor:pointer;transition:all .15s ease}.sap-btn-save:hover{background:#0369a1}.sap-btn-save:disabled,.sap-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.sap-no-data{text-align:center;color:var(--sap-text-muted);padding:40px 0}.sap-intervals-list{display:flex;flex-direction:column;gap:8px;margin-top:4px}.sap-interval-item{display:flex;align-items:center;justify-content:space-between;background:var(--sap-detail-grid-bg);border:1px solid var(--sap-detail-grid-border);padding:8px 12px;border-radius:8px;font-size:13px;transition:transform .15s ease,border-color .15s ease}.sap-interval-item:hover{border-color:#cbd5e1;transform:translateY(-1px)}.sap-interval-info{display:flex;align-items:center;gap:10px}.sap-interval-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:12px;text-transform:uppercase;min-width:48px;text-align:center}.sap-interval-badge.hs-1,.sap-interval-badge.hs-1_0{background:#e0f2fe;color:#0369a1}.sap-interval-badge.hs-1_5{background:#ecfdf5;color:#047857}.sap-interval-badge.hs-2,.sap-interval-badge.hs-2_0{background:#fffbeb;color:#b45309}.sap-interval-badge.hs-3,.sap-interval-badge.hs-3_0{background:#fef2f2;color:#b91c1c}.sap-interval-time{font-weight:500;color:var(--sap-text-secondary)}.sap-interval-duration{font-weight:700;color:#0d9488;font-size:13px}.sap-date-config-btn{position:absolute!important;top:4px;right:4px;width:16px!important;height:16px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border:none!important;background:transparent!important;color:var(--sap-text-muted)!important;border-radius:3px!important;transition:all .2s ease!important;cursor:pointer;z-index:10}.sap-date-config-btn:hover{background-color:#fff6!important;color:var(--sap-date-group-hdr-fg)!important}.sap-date-config-btn svg{width:11px!important;height:11px!important}[data-theme=dark] .sap-interval-badge.hs-1,[data-theme=dark] .sap-interval-badge.hs-1_0{background:rgba(14,165,233,.2);color:#38bdf8}[data-theme=dark] .sap-interval-badge.hs-1_5{background:rgba(16,185,129,.2);color:#34d399}[data-theme=dark] .sap-interval-badge.hs-2,[data-theme=dark] .sap-interval-badge.hs-2_0{background:rgba(245,158,11,.2);color:#fbbf24}[data-theme=dark] .sap-interval-badge.hs-3,[data-theme=dark] .sap-interval-badge.hs-3_0{background:rgba(239,68,68,.2);color:#fca5a5}@keyframes sap-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sap-slide-up{0%{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}[data-theme=dark] .sap-page{background:var(--sap-bg-main)}[data-theme=dark] .sap-header{background:var(--sap-bg-card);border-bottom:1px solid var(--sap-border-color)}[data-theme=dark] .sap-sidebar{background:var(--sap-bg-card);border-right:1px solid var(--sap-border-color)}[data-theme=dark] .sap-toolbar,[data-theme=dark] .sap-grid-container{background:var(--sap-bg-card);border:1px solid var(--sap-border-color)}[data-theme=dark] .sap-sticky-col-stt,[data-theme=dark] .sap-sticky-col-code,[data-theme=dark] .sap-sticky-col-name{background:var(--sap-sticky-bg)!important}.sap-raw-check-badge{background-color:var(--sap-raw-check-bg);color:var(--sap-raw-check-fg);border:1px solid var(--sap-raw-check-border);display:inline-flex;align-items:center;justify-content:center;padding:4px 8px!important;border-radius:6px!important;font-family:monospace;font-size:12px;font-weight:500;margin-right:8px;margin-bottom:8px}.sap-boundary-check-badge{background-color:var(--sap-boundary-check-bg);color:var(--sap-boundary-check-fg);border:1px solid var(--sap-boundary-check-border);display:inline-flex;align-items:center;justify-content:center;padding:4px 8px!important;border-radius:6px!important;font-family:monospace;font-size:12px;font-weight:600;margin-right:8px;margin-bottom:8px}.sap-day-doc-header{width:44px!important;min-width:44px!important;background-color:#f1f5f9!important;border-right:1px dashed var(--sap-border-color)!important;border-left:none!important}[data-theme=dark] .sap-day-doc-header{background-color:#1e293b!important}.sap-doc-cell{width:44px!important;min-width:44px!important;text-align:center;font-weight:600;font-size:11px;border-right:1px dashed var(--sap-border-color)!important;border-left:none!important}.sap-cell-doc-leave{background-color:#f0fdf4!important}[data-theme=dark] .sap-cell-doc-leave{background-color:#16653426!important}.sap-cell-doc-confirm{background-color:#eff6ff!important}[data-theme=dark] .sap-cell-doc-confirm{background-color:#1e40af26!important}.sap-doc-abbr{display:inline-block;font-weight:700;font-size:10px}.sap-cell-doc-leave .sap-doc-abbr{color:#15803d}[data-theme=dark] .sap-cell-doc-leave .sap-doc-abbr{color:#4ade80}.sap-cell-doc-confirm .sap-doc-abbr{color:#1d4ed8}[data-theme=dark] .sap-cell-doc-confirm .sap-doc-abbr{color:#60a5fa}.sap-no-permission{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:calc(100vh - 120px);background:var(--sap-bg-main);color:var(--sap-text-primary);text-align:center;padding:24px}.sap-no-permission-card{background:var(--sap-bg-card);border:1px solid var(--sap-border-color);padding:40px;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;max-width:480px;width:100%;display:flex;flex-direction:column;align-items:center}.sap-no-permission h2{font-size:22px;font-weight:700;margin-top:16px;margin-bottom:12px;color:#ef4444}.sap-no-permission p{font-size:14.5px;color:var(--sap-text-secondary);line-height:1.6}.sap-no-permission-icon{color:#ef4444;margin-bottom:8px}.lr-container{padding:4px;background-color:var(--bg-primary, #f8fafc);color:var(--text-primary);min-height:calc(100vh - 80px)}.lr-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.lr-tabs{display:flex;gap:24px;margin-bottom:20px;border-bottom:1px solid var(--border-color, #e2e8f0)}.lr-header .lr-tabs{display:flex;background-color:var(--bg-tertiary, #f1f5f9);padding:4px;border-radius:8px;gap:4px;border-bottom:none;margin-bottom:0;align-self:center}[data-theme=dark] .lr-header .lr-tabs{background-color:#ffffff0f}.lr-tab-item{position:relative;background:none;border:none;padding:12px 4px;font-size:15px;font-weight:500;color:var(--text-secondary, #64748b);cursor:pointer;transition:color .2s ease,font-weight .2s ease}.lr-header .lr-tab-item{padding:6px 16px;font-size:13.5px;font-weight:500;border-radius:6px;color:var(--text-secondary, #64748b);transition:all .2s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .lr-header .lr-tab-item{color:#94a3b8}.lr-tab-item:hover{color:var(--text-primary, #1e293b)}.lr-header .lr-tab-item:hover{color:var(--text-primary, #1e293b);background-color:#00000005}[data-theme=dark] .lr-header .lr-tab-item:hover{color:#f8fafc;background-color:#ffffff0a}.lr-tab-item.active{color:var(--accent-color, #6f5fbe);font-weight:600}.lr-header .lr-tab-item.active{background-color:var(--bg-primary, #ffffff);color:var(--accent-color, #6f5fbe);box-shadow:0 1px 3px #0000001a;font-weight:600}[data-theme=dark] .lr-header .lr-tab-item.active{background-color:#1e293b;color:#fff;box-shadow:0 1px 3px #0000004d}.lr-tab-item:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:transparent;transition:background-color .2s ease}.lr-header .lr-tab-item:after{display:none}.lr-tab-item.active:after{background-color:var(--accent-color, #6f5fbe)}.lr-title-section h1{font-size:24px;font-weight:600;margin:0 0 4px;color:var(--text-primary)}.lr-title-section p{font-size:14px;margin:0;color:var(--text-secondary)}.lr-btn-create{display:flex;align-items:center;gap:8px;background-color:var(--accent-color, #6f5fbe);color:#fff;border:none;padding:10px 18px;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s}.lr-btn-create:hover{background-color:var(--accent-hover-color, #5e4faa);transform:translateY(-1px)}.lr-filter-bar{display:flex;justify-content:flex-start;align-items:center;gap:16px;background-color:var(--bg-secondary);padding:12px 16px;border-radius:8px;border:1px solid var(--border-color)}.lr-filter-bar .lr-btn-create{margin-left:auto}.lr-search-form{display:flex;gap:8px;flex:1;max-width:500px}.lr-search-form input{flex:1;background-color:var(--bg-primary, #ffffff);color:var(--text-primary);border:1px solid var(--border-input, #cbd5e1);padding:8px 12px;border-radius:6px;outline:none}.lr-search-form button{background-color:var(--accent-color, #6f5fbe);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer}.lr-filter-selects select{background-color:var(--bg-primary, #ffffff);color:var(--text-primary);border:1px solid var(--border-input, #cbd5e1);padding:8px 12px;border-radius:6px;outline:none}.lr-table-wrapper{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.lr-loading-state,.lr-empty-state{padding:40px;text-align:center;color:var(--text-secondary)}.lr-table{width:100%;border-collapse:collapse;text-align:left}.lr-table th{background-color:var(--bg-tertiary, #f1f3f9);color:var(--text-secondary);font-weight:600;font-size:13px;padding:14px 16px;border-bottom:1px solid var(--border-color)}.lr-table td{padding:14px 16px;border-bottom:1px solid var(--border-color);font-size:14px}.lr-td-code{font-family:monospace;font-weight:700;color:var(--accent-color, #6f5fbe)}.lr-td-emp{display:flex;flex-direction:column}.lr-emp-name{font-weight:500;color:var(--text-primary)}.lr-emp-code{font-size:12px;color:var(--text-secondary)}.lr-type-tag{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.lr-type-phep-nam{background-color:#3b82f626;color:#3b82f6}.lr-type-ket-hon{background-color:#ec489926;color:#ec4899}.lr-type-tang-ma{background-color:#6b728026;color:#6b7280}.lr-type-khong-luong{background-color:#ef444426;color:#ef4444}.lr-type-bao-hiem{background-color:#10b98126;color:#10b981}.lr-td-days{font-weight:700}.lr-td-time{font-size:13px;color:var(--text-secondary)}.lr-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:9999px;font-size:12px;font-weight:500}.lr-badge-pending{background-color:#f59e0b26;color:#f59e0b}.lr-badge-approved{background-color:#10b98126;color:#10b981}.lr-badge-rejected{background-color:#ef444426;color:#ef4444}.lr-td-actions{display:flex;gap:8px}.lr-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all .2s}.lr-action-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.lr-action-btn.view:hover{border-color:#3b82f6;color:#3b82f6}.lr-action-btn.delete:hover{border-color:#ef4444;color:#ef4444}.lr-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px}.lr-pagination button{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:6px 12px;border-radius:4px;cursor:pointer}.lr-pagination button:disabled{opacity:.5;cursor:not-allowed}.lr-create-form{display:flex;flex-direction:column;height:100%;overflow:hidden}.lr-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px;overflow-y:auto;flex:1}.lr-form-column h3{font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid var(--border-color);color:var(--accent-color, #6f5fbe)}.lr-form-row{margin-bottom:16px;display:flex;flex-direction:column;gap:6px}.lr-form-row label{font-size:13px;font-weight:500;color:var(--text-secondary)}.lr-required-label:after{content:" *";color:#ef4444}.lr-form-select,.lr-form-input,.lr-form-textarea{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:10px 12px;border-radius:6px;font-size:14px;outline:none}.lr-form-select:focus,.lr-form-input:focus,.lr-form-textarea:focus{border-color:var(--accent-color, #6f5fbe)}.lr-select-error{border-color:#ef4444;background-color:#ef44440d}.lr-checkbox-row{flex-direction:row;align-items:center}.lr-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--text-primary)}.lr-workflow-desc{font-size:13px;color:var(--text-secondary);margin-bottom:16px;line-height:1.4}.lr-rules-box{background-color:#f59e0b14;border:1px dashed #f59e0b;padding:12px;border-radius:6px;margin-bottom:16px}.lr-rule-item{font-size:12px;color:#d97706;margin-bottom:6px;line-height:1.4}.lr-rule-item:last-child{margin-bottom:0}.lr-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:8px 24px;border-top:1px solid var(--border-color);background-color:var(--bg-secondary)}.lr-btn-cancel{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color);padding:10px 20px;border-radius:6px;cursor:pointer}.lr-btn-submit{background-color:var(--accent-color, #6f5fbe);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer}.lr-print-template{background-color:#fff;color:#000;padding:40px;border:1px solid #d1d5db;border-radius:4px;font-family:Times New Roman,Times,serif;box-shadow:0 1px 3px #0000000d}.lr-print-header-table{width:100%;border-collapse:collapse;margin-bottom:30px}.lr-print-logo-col{width:40%;border:none!important;text-align:left}.lr-print-comp-name{font-weight:700;font-size:14px;text-transform:uppercase}.lr-print-comp-addr{font-size:11px;color:#374151;margin-top:4px;line-height:1.3}.lr-print-title-col{width:60%;border:none!important;text-align:center}.lr-print-title-main{font-weight:700;font-size:22px;letter-spacing:.5px}.lr-print-date-sub{font-style:italic;font-size:13px;color:#374151;margin-top:6px}.lr-print-table{width:100%;border-collapse:collapse;margin-bottom:20px;font-family:Times New Roman,Times,serif}.lr-print-table td{border:1px solid #000000!important;padding:10px 12px;font-size:14px;vertical-align:middle}.lr-print-label-cell{font-weight:700;background-color:#f3f4f6;width:130px}.lr-print-value-cell{background-color:#fff}.lr-print-no-left-border{border-left:none!important}.lr-print-checkbox-group{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}.lr-print-checkbox-item{display:flex;align-items:center;gap:6px;font-size:14px}.lr-print-sig-table{width:100%;border-collapse:collapse;margin-top:20px;margin-bottom:25px;font-family:Times New Roman,Times,serif}.lr-print-sig-table td{border:1px solid #000000!important;text-align:center;padding:8px;width:16.66%;font-size:13px}.lr-print-sig-title-cell{font-weight:700;background-color:#f3f4f6;height:45px;vertical-align:middle}.lr-print-sig-space-cell{height:85px;position:relative;vertical-align:middle;background-color:#fff}.lr-sig-signed{display:inline-block;border:2px solid #10b981!important;color:#10b981!important;padding:4px 8px;font-weight:700;border-radius:4px;transform:rotate(-10deg);font-size:11px;margin-bottom:6px}.lr-sig-rejected{display:inline-block;border:2px solid #ef4444!important;color:#ef4444!important;padding:4px 8px;font-weight:700;border-radius:4px;transform:rotate(-10deg);font-size:11px;margin-bottom:6px}.lr-print-notes{margin-top:20px;font-family:Times New Roman,Times,serif;font-size:12px;line-height:1.5;border-top:1px solid #000000;padding-top:12px;text-align:left}.lr-print-notes p{margin:0 0 6px;color:#000}@media (max-width: 768px){.lr-form-grid{grid-template-columns:1fr}.lr-header{flex-direction:column;align-items:flex-start;gap:12px}.lr-filter-bar{flex-direction:column;align-items:stretch}.lr-info-field{grid-column:span 2}}.lr-select-error .cpn-searchableselect-input{border-color:#ef4444;background-color:#ef44440d}[data-theme=dark] .lr-container{background-color:var(--bg-primary, #0f172a)}[data-theme=dark] .lr-rules-box{background-color:#f59e0b1a;border-color:#d97706}[data-theme=dark] .lr-rule-item{color:#fbbf24}.lr-modal-card.lr-modal-paper-type{max-width:1000px!important;background-color:var(--bg-secondary, #f1f5f9);max-height:calc(100vh - 80px)!important}.lr-modal-header .lr-paper-options{display:flex;align-items:center;gap:24px;background:none;border:none;padding:0;margin:0}.lr-paper-options{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-primary, #ffffff);padding:12px 24px;border-radius:8px;margin-bottom:16px;border:1px solid var(--border-color, #e2e8f0)}.lr-paper-option-field{display:flex;align-items:center;gap:8px}.lr-paper-option-field label{font-size:14px;font-weight:500;color:var(--text-secondary)}.lr-paper-option-select{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:6px 12px;border-radius:6px;outline:none;font-size:14px}.lr-checkbox-label-option{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-primary)}.lr-paper-logo-col{width:45%;display:flex;align-items:center;gap:12px}.lr-paper-comp-name{font-weight:700;font-size:14px;text-transform:uppercase}.lr-paper-title-col{width:55%;text-align:center}.lr-paper-title-main{font-weight:700;font-size:20px;letter-spacing:.5px}.lr-paper-table td{border:1px solid #000000;padding:6px 10px;font-size:14px;vertical-align:middle}.lr-col-label{width:15%}.lr-col-value{width:18.33%}.lr-paper-table tr:nth-child(1) td.lr-paper-value-cell,.lr-paper-table tr:nth-child(2) td.lr-paper-value-cell{text-align:center}.lr-paper-table tr:nth-child(1) td.lr-paper-value-cell span,.lr-paper-table tr:nth-child(2) td.lr-paper-value-cell span{display:inline-block;text-align:center;width:100%}.lr-paper-table tr:nth-child(1) .lr-paper-input-flat,.lr-paper-table tr:nth-child(2) .lr-paper-input-flat{text-align:center}.lr-paper-table tr:nth-child(1) .sd-trigger-label,.lr-paper-table tr:nth-child(2) .sd-trigger-label{text-align:center}.lr-paper-table tr:nth-child(1) .sd-combo-input,.lr-paper-table tr:nth-child(2) .sd-combo-input{text-align:center;padding-left:32px!important}.lr-paper-input-flat{width:100%;border:none;background:transparent;padding:4px 6px;font-family:inherit;font-size:14px;color:#000;outline:none}.lr-paper-input-flat.readonly{color:#4b5563;font-weight:500;cursor:not-allowed}.lr-paper-select-flat{width:100%;border:none;background:transparent;padding:4px 6px;font-family:inherit;font-size:14px;color:#000;outline:none;cursor:pointer}.lr-paper-textarea-flat{width:100%;border:none;background:transparent;padding:4px 6px;font-family:inherit;font-size:14px;color:#000;outline:none;resize:vertical}.lr-paper-select-searchable .sd-combo-input,.lr-paper-select-searchable .sd-trigger{border:none!important;background:transparent!important;padding:4px 6px!important;font-family:inherit!important;font-size:14px!important;color:#000!important;box-shadow:none!important;height:auto!important}.lr-paper-datetime-row{display:flex;flex-direction:column;gap:8px}.lr-vi-sub{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:14px}.lr-paper-datetime-input,.lr-paper-time-input,.lr-paper-date-input{border:1px solid #cbd5e1;background:#ffffff;padding:3px 6px;font-family:inherit;font-size:13px;border-radius:4px;color:#000;outline:none}.lr-paper-datetime-input:focus,.lr-paper-time-input:focus,.lr-paper-date-input:focus{border-color:#3b82f6}.lr-total-days-row{display:flex;align-items:center;gap:6px;font-size:14px;margin-top:4px}.lr-paper-days-input{width:60px;border:1px solid #cbd5e1;background:#ffffff;padding:3px 6px;text-align:center;font-family:inherit;font-size:13px;border-radius:4px;color:#000;outline:none}.lr-paper-days-input:focus{border-color:#3b82f6}.lr-paper-type-col{border-right:1px solid #000000;padding:4px 8px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;cursor:pointer;min-height:50px;transition:background-color .2s;background-color:#fff}.lr-paper-type-col:hover{background-color:#f8fafc}.lr-type-checkbox input[type=radio]{position:absolute;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;z-index:2}.lr-paper-sig-table td{border:1px solid #000000;padding:6px;text-align:center;font-size:13px}.lr-paper-sig-table td[colspan="2"]{width:33.33%}.lr-paper-sig-table td[colspan="3"]{width:50%}.lr-paper-sig-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.lr-sig-draft-badge{border:1.5px solid #3b82f6;color:#3b82f6;padding:2px 6px;font-weight:700;border-radius:4px;font-size:10px;text-transform:uppercase}.lr-sig-name-flat{font-weight:700;font-size:13px;color:#000}.lr-paper-select-sig{width:100%}.lr-paper-select-sig .sd-combo-input,.lr-paper-select-sig .sd-trigger{border:1px dashed #94a3b8!important;background:#f8fafc!important;text-align:center!important;font-family:inherit!important;font-size:12px!important;padding:4px!important;color:#000!important;border-radius:4px!important;height:28px!important}.lr-paper-select-sig .sd-combo-input:hover,.lr-paper-select-sig .sd-trigger:hover{border-color:#3b82f6!important}.lr-paper-sig-double-select{display:flex;flex-direction:column;gap:6px;text-align:left}.lr-sig-select-half{display:flex;flex-direction:column;gap:2px}.lr-sig-select-sublabel{font-size:11px;font-weight:500;color:#4b5563}.lr-paper-notes{border-top:1px solid #000000;padding-top:12px;text-align:left;font-family:Times New Roman,Times,serif}.lr-note-title{font-weight:700;font-size:13px;color:#000;margin-bottom:4px}.lr-paper-notes p{margin:0 0 4px;font-size:12px;color:#000;line-height:1.4}[data-theme=dark] .lr-modal-card.lr-modal-paper-type{background-color:#0f172a!important}[data-theme=dark] .lr-paper-options{background-color:#1e293b;border-color:#334155}[data-theme=dark] .lr-paper-sheet{background-color:#1e293b;color:#f8fafc;border-color:#475569}[data-theme=dark] .lr-paper-header-table td,[data-theme=dark] .lr-paper-header-table th{border-color:transparent!important}[data-theme=dark] .lr-vi-sub-text,[data-theme=dark] .lr-total-days-text{color:#f8fafc}[data-theme=dark] .lr-paper-table,[data-theme=dark] .lr-paper-sig-table,[data-theme=dark] .lr-paper-table td,[data-theme=dark] .lr-paper-sig-table td{border-color:#475569}[data-theme=dark] .lr-paper-label-cell,[data-theme=dark] .lr-paper-sig-title-cell{background-color:#334155;color:#f8fafc}[data-theme=dark] .lr-paper-value-cell,[data-theme=dark] .lr-paper-sig-value-cell{background-color:#1e293b}[data-theme=dark] .lr-paper-type-col{background-color:#1e293b;border-right-color:#475569}[data-theme=dark] .lr-paper-type-col:hover{background-color:#334155}[data-theme=dark] .lr-paper-type-col.active{background-color:#1e3a8a}[data-theme=dark] .lr-custom-checkbox{background-color:#1e293b;border-color:#f8fafc}[data-theme=dark] .lr-paper-type-col.active .lr-custom-checkbox:after{border-color:#f8fafc}[data-theme=dark] .lr-paper-input-flat,[data-theme=dark] .lr-paper-select-flat,[data-theme=dark] .lr-paper-textarea-flat{color:#f8fafc}[data-theme=dark] .lr-paper-input-flat.readonly{color:#94a3b8}[data-theme=dark] .lr-paper-select-searchable .sd-combo-input,[data-theme=dark] .lr-paper-select-searchable .sd-trigger{color:#f8fafc!important}[data-theme=dark] .lr-paper-datetime-input,[data-theme=dark] .lr-paper-time-input,[data-theme=dark] .lr-paper-date-input,[data-theme=dark] .lr-paper-days-input{background:#334155;border-color:#475569;color:#f8fafc}[data-theme=dark] .lr-paper-select-sig .sd-combo-input,[data-theme=dark] .lr-paper-select-sig .sd-trigger{background:#334155!important;border-color:#475569!important;color:#f8fafc!important}[data-theme=dark] .lr-paper-notes{border-top-color:#475569}[data-theme=dark] .lr-paper-comp-addr{color:#94a3b8}[data-theme=dark] .lr-note-title,[data-theme=dark] .lr-paper-notes p,[data-theme=dark] .lr-sig-name-flat{color:#f8fafc}[data-theme=dark] .lr-ko-sub,[data-theme=dark] .lr-type-title-ko{color:#94a3b8}[data-theme=dark] .lr-type-title-vi{color:#f8fafc}[data-theme=dark] .lr-paper-date-row{color:#94a3b8}[data-theme=dark] input[type=date].lr-paper-input-flat,[data-theme=dark] input[type=date].lr-paper-date-input{color-scheme:dark}[data-theme=dark] .lr-paper-input-flat:disabled,[data-theme=dark] .lr-paper-input-flat[disabled],[data-theme=dark] .lr-paper-input-flat.readonly{color:#94a3b8!important;-webkit-text-fill-color:#94a3b8!important;background:transparent!important}[data-theme=dark] .lr-paper-select-searchable .sd-combo-chevron,[data-theme=dark] .lr-paper-select-sig .sd-combo-chevron{color:#f8fafc!important}[data-theme=dark] .lr-label-vi{color:#f8fafc}[data-theme=dark] .lr-label-ko{color:#94a3b8}[data-theme=dark] .lr-filter-selects select,[data-theme=dark] .lr-search-form input{background-color:#1e293b;color:#f8fafc;border-color:#475569}[data-theme=dark] .lr-filter-selects select option{background-color:#1e293b;color:#f8fafc}.lr-no-permission{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 80px);background-color:var(--bg-primary, #f8fafc);padding:2rem}.lr-no-permission-card{background-color:var(--bg-secondary, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:3rem 2rem;text-align:center;max-width:500px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.lr-no-permission-card h2{color:#ef4444;font-size:1.5rem;margin-top:0;margin-bottom:1rem}.lr-no-permission-card p{color:var(--text-secondary, #64748b);font-size:.95rem;line-height:1.5;margin:0}[data-theme=dark] .lr-no-permission{background-color:#0f172a}[data-theme=dark] .lr-no-permission-card{background-color:#1e293b;border-color:#334155}[data-theme=dark] .lr-no-permission-card p{color:#94a3b8}.lr-mobile-list,.lr-paper-sheet-mobile{display:none}@media (min-width: 769px){.lr-table-wrapper{display:block}.lr-mobile-list{display:none}.lr-paper-sheet-desktop{display:block}.lr-paper-sheet-mobile{display:none}}@media (max-width: 768px){.lr-header{flex-direction:column;align-items:stretch;gap:16px}.lr-header .lr-tabs{align-self:flex-start;width:100%}.lr-header .lr-tab-item{flex:1;text-align:center}.lr-filter-bar{display:grid!important;grid-template-columns:1fr 1fr;gap:12px;align-items:center}.lr-btn-create{grid-column:span 2;grid-row:1;width:100%;justify-content:center}.lr-search-form{grid-column:1;grid-row:2;width:100%;max-width:none}.lr-filter-selects{grid-column:2;grid-row:2;width:100%}.lr-filter-selects select{width:100%;box-sizing:border-box}.lr-table-wrapper{display:none}.lr-mobile-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.lr-mobile-card{background-color:var(--bg-secondary, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000a;transition:transform .2s ease,box-shadow .2s ease}.lr-mobile-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.lr-mobile-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed var(--border-color, #cbd5e1);padding-bottom:12px;margin-bottom:12px}.lr-mobile-card-code{font-weight:700;color:var(--accent-color, #6f5fbe);font-family:monospace;font-size:15px}.lr-mobile-card-body{display:flex;flex-direction:column;gap:8px}.lr-mobile-card-row{display:flex;align-items:flex-start;font-size:13.5px}.lr-mobile-card-label{width:110px;color:var(--text-secondary, #64748b);font-weight:500;flex-shrink:0}.lr-mobile-card-value{color:var(--text-primary, #1e293b);font-weight:500}.lr-mobile-time{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text-secondary)}.lr-mobile-card-actions{display:flex;gap:12px;margin-top:16px;border-top:1px solid var(--border-color, #cbd5e1);padding-top:12px}.lr-mobile-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;background-color:var(--bg-primary, #f8fafc);border:1px solid var(--border-color, #cbd5e1);color:var(--text-primary)}.lr-mobile-action-btn.view{border-color:#3b82f6;color:#3b82f6}.lr-mobile-action-btn.view:hover{background-color:#3b82f614}.lr-mobile-action-btn.delete{border-color:#ef4444;color:#ef4444}.lr-mobile-action-btn.delete:hover{background-color:#ef444414}.lr-paper-sheet-desktop{display:none}.lr-paper-sheet-mobile{display:flex;flex-direction:column;gap:16px;padding:4px}.lr-mform-section{background-color:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #cbd5e1);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.lr-mform-section-title{font-size:15px;font-weight:600;color:var(--accent-color, #6f5fbe);margin:0;padding-bottom:8px;border-bottom:1px solid var(--border-color, #e2e8f0)}.lr-mform-row{display:flex;flex-direction:column;gap:6px}.lr-mform-row label{font-size:13px;font-weight:500;color:var(--text-secondary)}.lr-mform-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lr-mform-input,.lr-mform-textarea{background-color:var(--bg-secondary, #f8fafc);color:var(--text-primary);border:1px solid var(--border-color, #cbd5e1);padding:10px 12px;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.lr-mform-input:focus,.lr-mform-textarea:focus{border-color:var(--accent-color, #6f5fbe)}.lr-mform-input.readonly{background-color:var(--bg-tertiary, #cbd5e1);color:var(--text-secondary);cursor:not-allowed}.lr-mform-datetime-inputs{display:grid;grid-template-columns:1fr 2fr;gap:8px}.lr-mform-time-input,.lr-mform-date-input{background-color:var(--bg-secondary, #f8fafc);color:var(--text-primary);border:1px solid var(--border-color, #cbd5e1);padding:10px;border-radius:8px;font-size:14px;outline:none}.lr-mform-days-wrapper{display:flex;align-items:center;gap:8px}.lr-mform-days-input{width:80px;background-color:var(--bg-secondary, #f8fafc);color:var(--text-primary);border:1px solid var(--border-color, #cbd5e1);padding:10px;border-radius:8px;font-size:14px;outline:none;text-align:center}.lr-mform-type-list{display:flex;flex-direction:column;gap:8px}.lr-mform-type-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:8px;border:1px solid var(--border-color, #cbd5e1);background-color:var(--bg-secondary, #f8fafc);cursor:pointer;transition:all .2s}.lr-mform-type-item:hover{background-color:var(--bg-primary)}.lr-mform-type-item.active{border-color:var(--accent-color, #6f5fbe);background-color:#6f5fbe14}.lr-mform-type-content{display:flex;flex-direction:column;gap:2px}.lr-mtype-vi{font-weight:600;font-size:13.5px;color:var(--text-primary)}.lr-mtype-ko{font-size:11px;color:var(--text-secondary)}.lr-mform-radio-indicator{position:relative;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.lr-mform-radio-indicator input[type=radio]{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.lr-mform-radio-dot{width:20px;height:20px;border:2px solid var(--border-color, #cbd5e1);border-radius:50%;display:inline-block;box-sizing:border-box;transition:all .2s}.lr-mform-type-item.active .lr-mform-radio-dot{border-color:var(--accent-color, #6f5fbe);background-color:var(--accent-color, #6f5fbe);box-shadow:inset 0 0 0 4px var(--bg-primary, #ffffff)}.lr-mform-select-searchable .sd-combo-input,.lr-mform-select-searchable .sd-trigger{background-color:var(--bg-secondary, #f8fafc)!important;border:1px solid var(--border-color, #cbd5e1)!important;border-radius:8px!important;padding:10px 12px!important;height:auto!important;font-size:14px!important;box-shadow:none!important;color:var(--text-primary)!important}.lr-mform-workflow-desc{font-size:12px;color:var(--text-secondary);line-height:1.4;margin-bottom:8px}.lr-mform-notes-section{background-color:#f59e0b0d;border:1px dashed #f59e0b}.lr-mnotes-title{font-size:13.5px;font-weight:600;color:#d97706;margin:0 0 4px}.lr-mnotes-content{font-size:12.5px;color:#b45309;line-height:1.45;margin:0}}[data-theme=dark] .lr-mobile-card{background-color:var(--bg-surface, #1e293b);border-color:var(--border-divider, #334155)}[data-theme=dark] .lr-mobile-card-header{border-bottom-color:var(--border-divider, #334155)}[data-theme=dark] .lr-mobile-card-value{color:#f8fafc}[data-theme=dark] .lr-mobile-action-btn{background-color:var(--bg-content, #0f172a);border-color:var(--border-divider, #334155);color:#cbd5e1}[data-theme=dark] .lr-mobile-action-btn.view{color:#60a5fa;border-color:#3b82f6}[data-theme=dark] .lr-mobile-action-btn.view:hover{background-color:#3b82f626}[data-theme=dark] .lr-mobile-action-btn.delete{color:#f87171;border-color:#ef4444}[data-theme=dark] .lr-mobile-action-btn.delete:hover{background-color:#ef444426}[data-theme=dark] .lr-mform-section{background-color:var(--bg-surface, #1e293b);border-color:var(--border-divider, #334155)}[data-theme=dark] .lr-mform-section-title{border-bottom-color:var(--border-divider, #334155)}[data-theme=dark] .lr-mform-input,[data-theme=dark] .lr-mform-textarea,[data-theme=dark] .lr-mform-time-input,[data-theme=dark] .lr-mform-date-input,[data-theme=dark] .lr-mform-days-input{background-color:var(--bg-content, #0f172a);border-color:var(--border-divider, #334155);color:#f8fafc}[data-theme=dark] .lr-mform-input.readonly{background-color:var(--bg-tertiary, #1e293b);color:#94a3b8}[data-theme=dark] .lr-mform-type-item{background-color:var(--bg-content, #0f172a);border-color:var(--border-divider, #334155)}[data-theme=dark] .lr-mform-type-item:hover{background-color:var(--bg-surface-hover, rgba(36, 38, 58, 1))}[data-theme=dark] .lr-mform-type-item.active{border-color:var(--accent-color, #6f5fbe);background-color:#6f5fbe26}[data-theme=dark] .lr-mtype-vi{color:#f8fafc}[data-theme=dark] .lr-mform-radio-dot{border-color:var(--border-divider, #334155)}[data-theme=dark] .lr-mform-type-item.active .lr-mform-radio-dot{border-color:var(--accent-color, #6f5fbe);background-color:var(--accent-color, #6f5fbe);box-shadow:inset 0 0 0 4px var(--bg-surface, #1e293b)}[data-theme=dark] .lr-mform-select-searchable .sd-combo-input,[data-theme=dark] .lr-mform-select-searchable .sd-trigger{background-color:var(--bg-content, #0f172a)!important;border-color:var(--border-divider, #334155)!important;color:#f8fafc!important}[data-theme=dark] .lr-mform-notes-section{background-color:#f59e0b1a;border-color:#d97706}[data-theme=dark] .lr-mnotes-content{color:#fbbf24}[data-theme=dark] input[type=date].lr-mform-input,[data-theme=dark] input[type=date].lr-mform-date-input{color-scheme:dark}.lr-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.lr-modal-card{background-color:var(--bg-primary, #ffffff);border-radius:12px;width:100%;max-width:1280px;box-shadow:0 10px 25px -5px #0000004d;display:flex;flex-direction:column;max-height:calc(100vh - 60px);align-self:flex-start;margin-top:50px;overflow:hidden}.lr-modal-card.lr-modal-detail{max-width:1280px!important}.lr-modal-header{display:flex;justify-content:space-between;align-items:center;padding:8px 24px;border-bottom:1px solid var(--border-color)}.lr-modal-header h2{font-size:18px;margin:0;font-weight:600;color:var(--text-primary)}.lr-header-actions{display:flex;align-items:center;gap:12px}.lr-btn-print{display:flex;align-items:center;gap:6px;background-color:#3b82f6;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:13px;cursor:pointer}.lr-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary)}.lr-modal-body-scrollable{padding:12px;overflow-y:auto;flex:1}.lr-modal-detail-layout{display:flex;gap:24px;width:100%;align-items:flex-start}.lr-modal-detail-layout .lr-timeline-section{width:300px;flex-shrink:0;margin-top:0;border-top:none;position:sticky;top:0;background-color:var(--bg-secondary);border:1px solid var(--border-color);padding:16px;border-radius:8px}.lr-modal-detail-layout .lr-paper-sheet{flex:1;min-width:0;margin:0}@media screen and (max-width: 900px){.lr-modal-detail-layout{flex-direction:column-reverse;gap:20px}.lr-modal-detail-layout .lr-timeline-section{width:100%;position:static}}.lr-timeline-section{margin-top:24px;border-top:1px solid var(--border-color);padding-top:24px}.lr-timeline-section h3{font-size:16px;font-weight:600;margin:0 0 16px;color:var(--text-primary)}.lr-timeline{display:flex;flex-direction:column;position:relative;padding-left:4px}.lr-timeline-item{display:flex;position:relative;min-height:80px;opacity:.6;transition:opacity .3s ease}.lr-timeline-item.active{opacity:1}.lr-timeline-item.completed{opacity:.95}.lr-timeline-item.rejected{opacity:1}.lr-timeline-left{display:flex;flex-direction:column;align-items:center;margin-right:12px;flex-shrink:0;position:relative}.lr-timeline-node{width:22px;height:22px;border-radius:50%;background-color:var(--bg-tertiary, #e2e8f0);border:2px solid var(--border-color, #cbd5e1);display:flex;justify-content:center;align-items:center;font-size:.65rem;font-weight:600;color:var(--text-secondary, #64748b);z-index:2;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .lr-timeline-node{background-color:#334155;border-color:#475569;color:#94a3b8}.lr-timeline-line{position:absolute;top:22px;bottom:0;width:2px;z-index:1}.lr-timeline-line.upcoming{border-left:2px dashed var(--border-color, #cbd5e1)}[data-theme=dark] .lr-timeline-line.upcoming{border-left-color:#475569}.lr-timeline-line.active{background-color:#3b82f6;border-left:none}.lr-timeline-line.completed{background-color:#10b981;border-left:none}.lr-timeline-item.completed .lr-timeline-node{background-color:#10b981;border-color:#10b981;color:#fff;box-shadow:0 0 8px #10b98133}.lr-timeline-item.active .lr-timeline-node{width:26px;height:26px;background-color:#3b82f6;border-color:#3b82f6;color:#fff;font-size:.75rem;position:relative;box-shadow:0 0 0 3px #3b82f626;animation:lr-pulseGlow 2s infinite;margin-left:-2px}.lr-timeline-item.active .lr-timeline-line{top:26px}.lr-timeline-item.rejected .lr-timeline-node{background-color:#ef4444;border-color:#ef4444;color:#fff;box-shadow:0 0 8px #ef444433}.lr-timeline-right{flex:1;padding-bottom:16px}.lr-timeline-card{padding:8px 12px;background-color:var(--bg-secondary, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;transition:all .3s ease}[data-theme=dark] .lr-timeline-card{background-color:#1e293b;border-color:#334155}.lr-timeline-item.active .lr-timeline-card{border-color:#3b82f666;box-shadow:0 4px 6px -1px #3b82f60d}.lr-timeline-step-title{margin:0 0 4px;font-size:.8rem;font-weight:600;color:var(--text-secondary, #475569);text-transform:uppercase}[data-theme=dark] .lr-timeline-step-title{color:#cbd5e1}.lr-timeline-item.active .lr-timeline-step-title{color:#3b82f6;font-size:.85rem}[data-theme=dark] .lr-timeline-item.active .lr-timeline-step-title{color:#60a5fa}.lr-timeline-approver-info{font-size:.8rem;color:var(--text-primary, #1e293b);margin-bottom:4px}[data-theme=dark] .lr-timeline-approver-info{color:#f8fafc}.lr-timeline-emp-code{font-size:.7rem;color:var(--text-secondary, #64748b)}.lr-timeline-step-desc{margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lr-timeline-status-badge{font-size:.65rem;padding:1px 6px;border-radius:4px;font-weight:500}.lr-timeline-status-badge.pending{background-color:#f59e0b1a;color:#d97706}.lr-timeline-status-badge.approved{background-color:#10b9811a;color:#10b981}.lr-timeline-status-badge.rejected{background-color:#ef44441a;color:#ef4444}.lr-timeline-time{font-size:.7rem;color:var(--text-secondary, #64748b)}.lr-timeline-comment-box{margin-top:6px;padding:6px 8px;background-color:var(--bg-tertiary, #f1f5f9);border-left:3px solid var(--border-color, #cbd5e1);border-radius:0 4px 4px 0;font-size:.72rem;font-style:italic;color:var(--text-primary, #334155)}[data-theme=dark] .lr-timeline-comment-box{background-color:#334155;border-left-color:#475569;color:#cbd5e1}@keyframes lr-pulseGlow{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 6px #3b82f600}to{box-shadow:0 0 #3b82f600}}.lr-paper-sheet{background-color:#fff;color:#000;padding:12px;border-radius:6px;box-shadow:0 4px 15px #00000014;font-family:Times New Roman,Times,serif;border:1.5px solid #000000;margin:0 auto;max-width:900px}.lr-paper-header-table{width:100%;border-collapse:collapse;margin-bottom:4px;border:none!important}.lr-paper-header-table td{border:none!important;padding:0!important}.lr-paper-logo-col-left{width:15%;text-align:center;vertical-align:middle}.lr-paper-header-right-col{width:85%;text-align:center;vertical-align:middle}.lr-paper-logo{width:80px;height:auto;-o-object-fit:contain;object-fit:contain}.lr-paper-comp-info{display:flex;flex-direction:column}.lr-paper-comp-name{font-weight:700;font-size:14px;text-transform:uppercase;color:#000}.lr-paper-comp-addr{font-size:10px;color:#374151;line-height:1.3;font-style:italic}.lr-paper-title-main{font-weight:700;font-size:20px;letter-spacing:.5px;color:#000}.lr-paper-date-row{font-size:13px;font-style:italic;margin-top:6px;color:#374151;text-align:right;padding-right:12px}.lr-paper-table{width:100%;border-collapse:collapse;margin-bottom:2px;border:1.5px solid #000000;table-layout:fixed}.lr-paper-table td{border:1px solid #000000;padding:6px 10px;font-size:14px;vertical-align:middle;color:#000}.lr-paper-label-cell{font-weight:700;background-color:#f3f4f6;width:auto;text-align:center;line-height:1.3}.lr-label-vi{font-weight:700;font-size:13px;color:#000;line-height:1.2}.lr-label-ko{font-weight:400;font-size:11px;color:#4b5563;margin-top:2px;line-height:1.2}.lr-paper-value-cell{background-color:#fff}.lr-paper-table tr td.lr-paper-value-cell{text-align:center}.lr-paper-table tr td.lr-paper-value-cell>span{display:inline-block;text-align:center;width:100%;color:#000}.lr-sig-name-flat{font-weight:700;font-size:12px;color:#000}.lr-border-left{border-left:1px solid #000000!important}.lr-paper-datetime-row{display:flex;flex-direction:column;gap:8px;text-align:left}.lr-ko-sub{font-size:12px;color:#4b5563}.lr-datetime-inline-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px}.lr-vi-sub-text,.lr-total-days-text{font-weight:500;color:#000}.lr-paper-type-row{padding:0!important}.lr-paper-type-grid{display:grid;grid-template-columns:repeat(5,1fr);width:100%}.lr-paper-type-col{border-right:1px solid #000000;padding:4px 8px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:50px;background-color:#fff}.lr-paper-type-col:last-child{border-right:none}.lr-paper-type-col.active{background-color:#eff6ff}.lr-type-title-vi{font-weight:700;font-size:13px;text-align:center;margin-bottom:2px;color:#000}.lr-type-title-ko{font-size:12px;text-align:center;color:#4b5563;margin-bottom:8px}.lr-type-checkbox{position:relative;width:20px;height:20px}.lr-custom-checkbox{position:absolute;top:0;left:0;width:20px;height:20px;background-color:#fff;border:2px solid #000000;border-radius:2px;z-index:1}.lr-paper-type-col.active .lr-custom-checkbox:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #000000;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}.lr-paper-sig-table{width:100%;border-collapse:collapse;margin-top:2px;margin-bottom:2px;border:1.5px solid #000000;table-layout:fixed}.lr-paper-sig-table td{border:1px solid #000000;padding:6px;text-align:center;font-size:13px;color:#000}.lr-paper-sig-title-cell{font-weight:700;background-color:#f3f4f6;height:40px;vertical-align:middle;line-height:1.3}.lr-paper-sig-value-cell{height:80px;vertical-align:middle;background-color:#fff;padding:8px!important}.lr-paper-sig-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.lr-sig-signed{display:inline-block;border:2px solid #10b981!important;color:#10b981!important;padding:4px 8px;font-weight:700;border-radius:4px;transform:rotate(-10deg);font-size:11px;margin-bottom:6px;background-color:transparent!important}.lr-sig-rejected{display:inline-block;border:2px solid #ef4444!important;color:#ef4444!important;padding:4px 8px;font-weight:700;border-radius:4px;transform:rotate(-10deg);font-size:11px;margin-bottom:6px;background-color:transparent!important}.lr-sig-name{font-weight:700;font-size:13px;margin-top:6px;color:#000}.lr-paper-notes{margin-top:10px;padding-top:8px;border-top:1px solid #000000;text-align:left}.lr-note-title{font-weight:700;font-size:12px;color:#000;margin-bottom:4px}.lr-paper-notes p{font-size:11px;color:#000;margin:0 0 4px;line-height:1.4}[data-theme=dark] .lr-modal-card{background-color:var(--bg-surface, #1e293b);border:1px solid var(--border-divider, #334155)}[data-theme=dark] .lr-modal-overlay{background-color:#000000b3}.lr-paper-reason-text{display:block;text-align:left!important;white-space:pre-wrap;width:100%;color:#000}[data-theme=dark] .lr-paper-sheet{background-color:#1e293b!important;color:#f8fafc!important;border-color:#475569!important}[data-theme=dark] .lr-paper-sheet *{color:#f8fafc}[data-theme=dark] .lr-paper-comp-name,[data-theme=dark] .lr-paper-title-main,[data-theme=dark] .lr-notice-vi,[data-theme=dark] .lr-notice-ko,[data-theme=dark] .lr-sig-name-flat,[data-theme=dark] .lr-sig-name,[data-theme=dark] .lr-vi-sub-text,[data-theme=dark] .lr-total-days-text,[data-theme=dark] .lr-type-title-vi{color:#f8fafc!important}[data-theme=dark] .lr-paper-comp-addr,[data-theme=dark] .lr-paper-date-row,[data-theme=dark] .lr-ko-sub,[data-theme=dark] .lr-type-title-ko{color:#94a3b8!important}[data-theme=dark] .lr-paper-table,[data-theme=dark] .lr-paper-sig-table,[data-theme=dark] .lr-paper-table td,[data-theme=dark] .lr-paper-sig-table td{border-color:#475569!important}[data-theme=dark] .lr-paper-label-cell,[data-theme=dark] .lr-paper-sig-title-cell{background-color:#334155!important;color:#f8fafc!important}[data-theme=dark] .lr-paper-value-cell,[data-theme=dark] .lr-paper-sig-value-cell,[data-theme=dark] .lr-paper-type-col{background-color:#1e293b!important;border-color:#475569!important}[data-theme=dark] .lr-paper-value-cell,[data-theme=dark] .lr-paper-value-cell span,[data-theme=dark] .lr-paper-value-cell>span,[data-theme=dark] .lr-paper-sig-value-cell,[data-theme=dark] .lr-paper-sig-value-cell span,[data-theme=dark] .lr-paper-reason-text,[data-theme=dark] .lr-sig-name-flat,[data-theme=dark] .lr-sig-name{color:#f8fafc!important}[data-theme=dark] .lr-label-vi{color:#f8fafc!important}[data-theme=dark] .lr-label-ko{color:#94a3b8!important}[data-theme=dark] .lr-sig-signed{color:#10b981!important;border-color:#10b981!important}[data-theme=dark] .lr-sig-rejected{color:#ef4444!important;border-color:#ef4444!important}[data-theme=dark] .lr-custom-checkbox{background-color:#1e293b!important;border-color:#f8fafc!important}[data-theme=dark] .lr-paper-type-col.active{background-color:#1e3a8a!important}[data-theme=dark] .lr-paper-type-col.active .lr-custom-checkbox:after{border-color:#f8fafc!important}.lr-datetime-from-row,.lr-datetime-to-row,.lr-datetime-total-row{display:inline-flex;align-items:center;gap:8px}@media screen and (max-width: 768px){.lr-modal-overlay{top:50px!important;height:calc(100vh - 50px)!important;padding:0!important}.lr-modal-card.lr-modal-detail{border-radius:0!important;max-height:100%!important;height:100%!important;width:100%!important;max-width:100%!important;margin-top:0!important;align-self:auto!important}.lr-modal-body-scrollable{padding:10px!important}.lr-datetime-from-row,.lr-datetime-to-row,.lr-datetime-total-row{display:flex!important;width:100%!important;align-items:center!important;gap:8px!important}.lr-paper-comp-name{font-size:11px!important}.lr-paper-comp-addr{font-size:8px!important}.lr-paper-title-main{font-size:16px!important}.lr-paper-date-row{font-size:11px!important;padding-right:0!important}.lr-paper-logo{width:60px!important}.lr-paper-table{border:1.5px solid #000000!important;display:block!important;width:100%!important}.lr-paper-table colgroup{display:none!important}.lr-paper-table tbody{display:block!important;width:100%!important}.lr-paper-table tr{display:block!important;width:100%!important;border-bottom:1.5px solid #000000!important}.lr-paper-table tr:last-child{border-bottom:none!important}.lr-paper-table td{border:none!important;padding:6px 8px!important;box-sizing:border-box!important}.lr-paper-table tr:nth-child(1){display:grid!important;grid-template-columns:90px 1fr!important;width:100%!important}.lr-paper-table tr:nth-child(1) td:nth-child(1),.lr-paper-table tr:nth-child(1) td:nth-child(3){border-right:1px solid #000000!important}.lr-paper-table tr:nth-child(1) td:nth-child(1),.lr-paper-table tr:nth-child(1) td:nth-child(2){border-bottom:1px solid #000000!important}.lr-paper-table tr:nth-child(2){display:grid!important;grid-template-columns:90px 1fr!important;width:100%!important}.lr-paper-table tr:nth-child(2) td:nth-child(1),.lr-paper-table tr:nth-child(2) td:nth-child(3),.lr-paper-table tr:nth-child(2) td:nth-child(5){border-right:1px solid #000000!important}.lr-paper-table tr:nth-child(2) td:nth-child(1),.lr-paper-table tr:nth-child(2) td:nth-child(2),.lr-paper-table tr:nth-child(2) td:nth-child(3),.lr-paper-table tr:nth-child(2) td:nth-child(4){border-bottom:1px solid #000000!important}.lr-paper-table tr:nth-child(3),.lr-paper-table tr:nth-child(4){display:grid!important;grid-template-columns:90px 1fr!important;width:100%!important}.lr-paper-table tr:nth-child(3) td:nth-child(1),.lr-paper-table tr:nth-child(4) td:nth-child(1){border-right:1px solid #000000!important}.lr-paper-type-row{display:block!important;width:100%!important}.lr-paper-type-grid{display:grid!important;grid-template-columns:repeat(6,1fr)!important;width:100%!important}.lr-paper-type-col{border-right:1px solid #000000!important;border-bottom:1px solid #000000!important}.lr-paper-type-grid .lr-paper-type-col:nth-child(1),.lr-paper-type-grid .lr-paper-type-col:nth-child(2),.lr-paper-type-grid .lr-paper-type-col:nth-child(3){grid-column:span 2!important}.lr-paper-type-grid .lr-paper-type-col:nth-child(4),.lr-paper-type-grid .lr-paper-type-col:nth-child(5){grid-column:span 3!important;border-bottom:none!important}.lr-paper-type-grid .lr-paper-type-col:nth-child(3),.lr-paper-type-grid .lr-paper-type-col:nth-child(5){border-right:none!important}.lr-paper-table td,.lr-label-vi{font-size:12px!important}.lr-label-ko{font-size:10px!important}}@media print{body *{visibility:hidden!important}#print-area,#print-area *{visibility:visible!important}html,body,#root,.lr-container,.lr-modal-overlay,.lr-modal-card,.lr-modal-body-scrollable,.lr-modal-detail-layout{visibility:visible!important;position:static!important;overflow:visible!important;display:block!important;width:auto!important;height:auto!important;max-height:none!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important;transform:none!important;filter:none!important}header,footer,nav,aside,.sidebar,.aside,.header,.navbar,.topbar,.footer,.app-header,.app-sidebar,.app-footer,.navigation,.layout-sidebar,.layout-topbar,.layout-wrapper,.lr-header,.lr-tabs,.lr-filter-bar,.lr-table-wrapper,.lr-pagination,.lr-timeline-section,.lr-modal-header,.lr-modal-footer,.lr-header-actions,.lr-btn-cancel,.lr-btn-submit{display:none!important}#print-area{visibility:visible!important;position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:96%!important;max-width:96%!important;height:93%!important;max-height:93%!important;border:1px solid #000000!important;background-color:#fff!important;color:#000!important;box-shadow:none!important;padding:6px 10px 8px!important;margin:0!important;font-family:Times New Roman,Times,serif!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}#print-area,#print-area *{visibility:visible!important;color:#000!important;background-color:#fff!important}#print-area td{border:1px solid #000000!important;color:#000!important;background-color:#fff!important;padding:3px 6px!important;font-size:10px!important}#print-area .lr-paper-header-table td{border:none!important}#print-area .lr-paper-header-table{margin-bottom:2px!important}#print-area .lr-paper-logo{width:75px!important;height:auto!important}#print-area .lr-paper-comp-name{font-size:10.5px!important}#print-area .lr-paper-comp-addr{font-size:7.5px!important;line-height:1.1!important}#print-area .lr-paper-title-main{font-size:15px!important;margin-top:1px!important}#print-area .lr-paper-date-row{font-size:9px!important;margin-top:1px!important;padding-right:4px!important}#print-area .lr-paper-table{margin-bottom:2px!important}#print-area .lr-paper-datetime-row{gap:2px!important}#print-area .lr-paper-label-cell,#print-area .lr-paper-sig-title-cell{background-color:#fff!important;color:#000!important;font-weight:700!important}#print-area .lr-label-vi{font-size:10px!important}#print-area .lr-label-ko{font-size:8.5px!important;margin-top:1px!important}#print-area .lr-paper-value-cell,#print-area .lr-paper-sig-value-cell{background-color:#fff!important;color:#000!important}#print-area .lr-paper-table tr:nth-child(1) td.lr-paper-value-cell,#print-area .lr-paper-table tr:nth-child(2) td.lr-paper-value-cell{text-align:center!important}#print-area .lr-paper-table tr:nth-child(1) td.lr-paper-value-cell span,#print-area .lr-paper-table tr:nth-child(2) td.lr-paper-value-cell span{text-align:center!important;display:inline-block;width:100%}#print-area .lr-sig-name-flat,#print-area .lr-note-title,#print-area .lr-paper-notes p,#print-area .lr-vi-sub-text,#print-area .lr-total-days-text,#print-area .lr-ko-sub,#print-area .lr-type-title-ko,#print-area .lr-type-title-vi{color:#000!important}#print-area .lr-sig-name-flat{font-size:10px!important}#print-area .lr-vi-sub-text,#print-area .lr-total-days-text{font-size:9.5px!important}#print-area .lr-paper-type-col{background-color:transparent!important;border:none!important;border-right:1px solid #000000!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:space-between!important;padding:2px 4px!important;min-height:34px!important}#print-area .lr-paper-type-col:last-child{border-right:none!important}#print-area .lr-paper-type-row{padding:0!important}#print-area .lr-paper-type-col.active{background-color:transparent!important}#print-area .lr-type-title-vi{font-size:10px!important}#print-area .lr-type-title-ko{font-size:8px!important;margin-bottom:2px!important}#print-area .lr-custom-checkbox{background-color:#fff!important;border:1.5px solid #000000!important;width:13px!important;height:13px!important}#print-area .lr-paper-type-col.active .lr-custom-checkbox:after{border-color:#000!important;left:3.5px!important;top:1px!important;width:3px!important;height:6px!important;border-width:0 1.5px 1.5px 0!important}#print-area .lr-paper-sig-table{margin-bottom:2px!important}#print-area .lr-paper-sig-title-cell{height:24px!important}#print-area .lr-paper-sig-value-cell{height:38px!important;padding:4px!important}#print-area .lr-sig-signed{padding:1px 4px!important;font-size:8px!important;margin-bottom:2px!important;border-width:1.5px!important;color:#10b981!important;border-color:#10b981!important;background-color:transparent!important}#print-area .lr-sig-rejected{padding:1px 4px!important;font-size:8px!important;margin-bottom:2px!important;border-width:1.5px!important;color:#ef4444!important;border-color:#ef4444!important;background-color:transparent!important}#print-area .lr-paper-notes{border-top:none!important;padding-top:4px!important}#print-area .lr-note-title{font-size:9px!important;margin-bottom:1px!important}#print-area .lr-paper-notes p{font-size:8px!important;margin-bottom:1px!important;line-height:1.2!important}}.ac-container{padding:4px;background-color:var(--bg-primary, #f8fafc);color:var(--text-primary);min-height:calc(100vh - 80px)}.ac-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.ac-tabs{display:flex;gap:24px;margin-bottom:20px;border-bottom:1px solid var(--border-color, #e2e8f0)}.ac-header .ac-tabs{display:flex;background-color:var(--bg-tertiary, #f1f5f9);padding:4px;border-radius:8px;gap:4px;border-bottom:none;margin-bottom:0;align-self:center}[data-theme=dark] .ac-header .ac-tabs{background-color:#ffffff0f}.ac-tab-item{position:relative;background:none;border:none;padding:12px 4px;font-size:15px;font-weight:500;color:var(--text-secondary, #64748b);cursor:pointer;transition:color .2s ease,font-weight .2s ease}.ac-header .ac-tab-item{padding:6px 16px;font-size:13.5px;font-weight:500;border-radius:6px;color:var(--text-secondary, #64748b);transition:all .2s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .ac-header .ac-tab-item{color:#94a3b8}.ac-tab-item:hover{color:var(--text-primary, #1e293b)}.ac-header .ac-tab-item:hover{color:var(--text-primary, #1e293b);background-color:#00000005}[data-theme=dark] .ac-header .ac-tab-item:hover{color:#f8fafc;background-color:#ffffff0a}.ac-tab-item.active{color:var(--accent-color, #6f5fbe);font-weight:600}.ac-header .ac-tab-item.active{background-color:var(--bg-primary, #ffffff);color:var(--accent-color, #6f5fbe);box-shadow:0 1px 3px #0000001a;font-weight:600}[data-theme=dark] .ac-header .ac-tab-item.active{background-color:#1e293b;color:#fff;box-shadow:0 1px 3px #0000004d}.ac-tab-item:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:transparent;transition:background-color .2s ease}.ac-header .ac-tab-item:after{display:none}.ac-tab-item.active:after{background-color:var(--accent-color, #6f5fbe)}.ac-title-section h1{font-size:24px;font-weight:600;margin:0 0 4px;color:var(--text-primary)}.ac-title-section p{font-size:14px;margin:0;color:var(--text-secondary)}.ac-btn-create{display:flex;align-items:center;gap:8px;background-color:var(--accent-color, #6f5fbe);color:#fff;border:none;padding:10px 18px;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s}.ac-btn-create:hover{background-color:var(--accent-hover-color, #5e4faa);transform:translateY(-1px)}.ac-filter-bar{display:flex;justify-content:flex-start;align-items:center;gap:16px;background-color:var(--bg-secondary);padding:12px 16px;border-radius:8px;border:1px solid var(--border-color)}.ac-filter-bar .ac-btn-create{margin-left:auto}.ac-search-form{display:flex;gap:8px;flex:1;max-width:500px}.ac-search-form input{flex:1;background-color:var(--bg-primary, #ffffff);color:var(--text-primary);border:1px solid var(--border-input, #cbd5e1);padding:8px 12px;border-radius:6px;outline:none}.ac-search-form button{background-color:var(--accent-color, #6f5fbe);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer}.ac-filter-selects select{background-color:var(--bg-primary, #ffffff);color:var(--text-primary);border:1px solid var(--border-input, #cbd5e1);padding:8px 12px;border-radius:6px;outline:none}.ac-table-wrapper{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.ac-loading-state,.ac-empty-state{padding:40px;text-align:center;color:var(--text-secondary)}.ac-table{width:100%;border-collapse:collapse;text-align:left}.ac-table th{background-color:var(--bg-tertiary, #f1f3f9);color:var(--text-secondary);font-weight:600;font-size:13px;padding:14px 16px;border-bottom:1px solid var(--border-color)}.ac-table td{padding:14px 16px;border-bottom:1px solid var(--border-color);font-size:14px}.ac-td-code{font-family:monospace;font-weight:700;color:var(--accent-color, #6f5fbe)}.ac-td-emp{display:flex;flex-direction:column}.ac-emp-name{font-weight:500;color:var(--text-primary)}.ac-emp-code{font-size:12px;color:var(--text-secondary)}.ac-td-time{font-size:13px}.ac-td-count{font-weight:500;color:var(--text-secondary)}.ac-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:9999px;font-size:12px;font-weight:500}.ac-badge-pending{background-color:#f59e0b26;color:#f59e0b}.ac-badge-approved{background-color:#10b98126;color:#10b981}.ac-badge-rejected{background-color:#ef444426;color:#ef4444}.ac-td-actions{display:flex;gap:8px}.ac-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all .2s}.ac-action-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.ac-action-btn.view:hover{border-color:#3b82f6;color:#3b82f6}.ac-action-btn.delete:hover{border-color:#ef4444;color:#ef4444}.ac-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px}.ac-pagination button{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:6px 12px;border-radius:4px;cursor:pointer}.ac-pagination button:disabled{opacity:.5;cursor:not-allowed}.ac-paper-comp-name{font-weight:700;font-size:14px;text-transform:uppercase}.ac-paper-title-main{font-weight:700;font-size:20px;letter-spacing:.5px;margin-top:4px}.ac-paper-table td{border:1px solid #000000;padding:6px;font-size:14px;vertical-align:middle}.ac-paper-table tr td.ac-paper-value-cell span{display:inline-block;text-align:center;width:100%}.ac-paper-select-searchable .cpn-searchableselect-input{border:none!important;background:transparent!important;text-align:center!important}.ac-paper-sig-table td{border:1px solid #000000;text-align:center;padding:6px;font-size:13px;vertical-align:middle}.ac-paper-select-sig .searchable-select-input{border:none!important;background:transparent!important;text-align:center!important;font-weight:700!important;color:var(--accent-color, #6f5fbe)!important}[data-theme=dark] .ac-container{background-color:var(--bg-primary, #0f172a)}[data-theme=dark] .ac-rules-box{background-color:#f59e0b1a;border-color:#d97706}[data-theme=dark] .ac-rule-item{color:#fbbf24}[data-theme=dark] .ac-paper-header-table td,[data-theme=dark] .ac-paper-header-table th{border-color:transparent!important}[data-theme=dark] .ac-vi-sub-text,[data-theme=dark] .ac-total-days-text{color:#f8fafc}[data-theme=dark] .ac-paper-input-flat,[data-theme=dark] .ac-paper-select-flat,[data-theme=dark] .ac-paper-textarea-flat{color:#f8fafc}[data-theme=dark] .ac-ko-sub{color:#94a3b8}[data-theme=dark] .ac-paper-input-flat:disabled,[data-theme=dark] .ac-paper-input-flat[disabled],[data-theme=dark] .ac-paper-input-flat.readonly{color:#94a3b8!important;-webkit-text-fill-color:#94a3b8!important;background:transparent!important}[data-theme=dark] .ac-filter-selects select,[data-theme=dark] .ac-search-form input{background-color:#1e293b;color:#f8fafc;border-color:#475569}[data-theme=dark] .ac-filter-selects select option{background-color:#1e293b;color:#f8fafc}.ac-no-permission{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 80px);background-color:var(--bg-primary, #f8fafc);padding:2rem}.ac-no-permission-card{background-color:var(--bg-secondary, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:3rem 2rem;text-align:center;max-width:500px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.ac-no-permission-card h2{color:#ef4444;font-size:1.5rem;margin-top:0;margin-bottom:1rem}.ac-no-permission-card p{color:var(--text-secondary, #64748b);font-size:.95rem;line-height:1.5;margin:0}[data-theme=dark] .ac-no-permission{background-color:#0f172a}[data-theme=dark] .ac-no-permission-card{background-color:#1e293b;border-color:#334155}[data-theme=dark] .ac-no-permission-card p{color:#94a3b8}.ac-mobile-list,.ac-paper-sheet-mobile{display:none}@media (min-width: 769px){.ac-table-wrapper{display:block}.ac-mobile-list{display:none}.ac-paper-sheet-desktop{display:block}.ac-paper-sheet-mobile{display:none}}@media (max-width: 768px){.ac-header{flex-direction:column;align-items:stretch;gap:16px}.ac-header .ac-tabs{align-self:flex-start;width:100%}.ac-header .ac-tab-item{flex:1;text-align:center}.ac-filter-bar{display:grid!important;grid-template-columns:1fr 1fr;gap:12px;align-items:center}.ac-btn-create{grid-column:span 2;grid-row:1;width:100%;justify-content:center}.ac-search-form{grid-column:1;grid-row:2;width:100%;max-width:none}.ac-filter-selects{grid-column:2;grid-row:2;width:100%}.ac-filter-selects select{width:100%;box-sizing:border-box}.ac-table-wrapper{display:none}.ac-mobile-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.ac-mobile-card{background-color:var(--bg-secondary, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000a;transition:transform .2s ease,box-shadow .2s ease}.ac-mobile-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.ac-mobile-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed var(--border-color, #cbd5e1);padding-bottom:12px;margin-bottom:12px}.ac-mobile-card-code{font-weight:700;color:var(--accent-color, #6f5fbe);font-family:monospace;font-size:15px}.ac-mobile-card-body{display:flex;flex-direction:column;gap:8px}.ac-mobile-card-row{display:flex;align-items:flex-start;font-size:13.5px}.ac-mobile-card-label{width:110px;color:var(--text-secondary, #64748b);font-weight:500;flex-shrink:0}.ac-mobile-card-value{color:var(--text-primary, #1e293b);font-weight:500}.ac-mobile-card-actions{display:flex;gap:12px;margin-top:16px;border-top:1px solid var(--border-color, #cbd5e1);padding-top:12px}.ac-mobile-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;background-color:var(--bg-primary, #f8fafc);border:1px solid var(--border-color, #cbd5e1);color:var(--text-primary)}.ac-mobile-action-btn.view{border-color:#3b82f6;color:#3b82f6}.ac-mobile-action-btn.view:hover{background-color:#3b82f614}.ac-mobile-action-btn.delete{border-color:#ef4444;color:#ef4444}.ac-mobile-action-btn.delete:hover{background-color:#ef444414}.ac-paper-sheet-desktop{display:none}.ac-paper-sheet-mobile{display:flex;flex-direction:column;gap:16px;padding:4px}.ac-mform-section{background-color:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #cbd5e1);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.ac-mform-section-title{font-size:15px;font-weight:600;color:var(--accent-color, #6f5fbe);margin:0;padding-bottom:8px;border-bottom:1px solid var(--border-color, #e2e8f0)}.ac-mform-row{display:flex;flex-direction:column;gap:6px}.ac-mform-row label{font-size:13px;font-weight:500;color:var(--text-secondary)}.ac-mform-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ac-mform-input,.ac-mform-textarea{background-color:var(--bg-secondary, #f8fafc);color:var(--text-primary);border:1px solid var(--border-color, #cbd5e1);padding:10px 12px;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.ac-mform-input:focus,.ac-mform-textarea:focus{border-color:var(--accent-color, #6f5fbe)}.ac-mform-input.readonly{background-color:var(--bg-tertiary, #cbd5e1);color:var(--text-secondary);cursor:not-allowed}.ac-mform-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-secondary)}.ac-mform-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--accent-color, #6f5fbe)}.ac-mform-select-searchable .sd-combo-input,.ac-mform-select-searchable .sd-trigger{background-color:var(--bg-secondary, #f8fafc)!important;border:1px solid var(--border-color, #cbd5e1)!important;border-radius:8px!important;padding:10px 12px!important;height:auto!important;font-size:14px!important;box-shadow:none!important;color:var(--text-primary)!important}.ac-mform-workflow-desc{font-size:12px;color:var(--text-secondary);line-height:1.4;margin-bottom:8px}.ac-mform-notes-section{background-color:#ef44440d;border:1px dashed #ef4444}.ac-mnotes-vi{font-size:13px;font-weight:500;color:#ef4444;margin:0 0 4px;line-height:1.45}.ac-mnotes-ko{font-size:11px;color:var(--text-secondary);line-height:1.45;margin:0}}[data-theme=dark] .ac-mobile-card{background-color:var(--bg-surface, #1e293b);border-color:var(--border-divider, #334155)}[data-theme=dark] .ac-mobile-card-header{border-bottom-color:var(--border-divider, #334155)}[data-theme=dark] .ac-mobile-card-value{color:#f8fafc}[data-theme=dark] .ac-mobile-action-btn{background-color:var(--bg-content, #0f172a);border-color:var(--border-divider, #334155);color:#cbd5e1}[data-theme=dark] .ac-mobile-action-btn.view{color:#60a5fa;border-color:#3b82f6}[data-theme=dark] .ac-mobile-action-btn.view:hover{background-color:#3b82f626}[data-theme=dark] .ac-mobile-action-btn.delete{color:#f87171;border-color:#ef4444}[data-theme=dark] .ac-mobile-action-btn.delete:hover{background-color:#ef444426}.ac-modal-card.ac-modal-paper-type.ac-modal-detail{max-width:1280px!important}.ac-header-actions{display:flex;align-items:center;gap:12px}.ac-btn-print{display:flex;align-items:center;gap:6px;background-color:#3b82f6;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:13px;cursor:pointer}.ac-modal-detail-layout{display:flex;gap:24px;width:100%;align-items:flex-start}.ac-modal-detail-layout .ac-timeline-section{width:300px;flex-shrink:0;margin-top:0;border-top:none;padding:16px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;position:sticky;top:0}.ac-modal-detail-layout .ac-paper-sheet{flex:1;min-width:0;margin:0}@media (max-width: 1180px){.ac-modal-detail-layout{flex-direction:column-reverse;gap:20px;align-items:center}.ac-modal-detail-layout .ac-timeline-section{width:100%;max-width:750px;position:static}.ac-modal-detail-layout .ac-paper-sheet{margin:0 auto;width:100%}}.ac-paper-sheet{background-color:#fff;color:#000;padding:20px 24px;border-radius:6px;box-shadow:0 4px 15px #00000014;font-family:Times New Roman,Times,serif;border:1px solid #000000;margin:0 auto;box-sizing:border-box;width:100%;max-width:750px;height:auto}.ac-paper-print-inner{width:100%;height:auto;display:flex;flex-direction:column;gap:12px}.ac-col-w-10{width:10%}.ac-col-w-12{width:12%}.ac-col-w-15{width:15%}.ac-col-w-18{width:18%}.ac-col-w-16{width:16.66%}.ac-col-w-17{width:17%}.ac-col-w-11-3{width:11.33%}.ac-col-w-16-3{width:16.33%}.ac-paper-table tr td.ac-paper-value-cell>span{display:inline-block;text-align:center;width:100%;color:#000}.ac-time-not-confirmed{background-color:#fee2e2!important}.ac-sig-signed{display:inline-block;border:2px solid #10b981;color:#10b981;padding:2px 6px;font-weight:700;border-radius:4px;transform:rotate(-10deg);font-size:10px;margin-bottom:4px;background-color:transparent!important}.ac-sig-rejected{display:inline-block;border:2px solid #ef4444;color:#ef4444;padding:2px 6px;font-weight:700;border-radius:4px;transform:rotate(-10deg);font-size:10px;margin-bottom:4px;background-color:transparent!important}.ac-timeline-section h3{font-size:16px;font-weight:600;margin:0 0 16px;color:var(--text-primary)}.ac-timeline{display:flex;flex-direction:column;position:relative;padding-left:4px}.ac-timeline-item{display:flex;position:relative;min-height:80px;opacity:.6;transition:opacity .3s ease}.ac-timeline-item.active{opacity:1}.ac-timeline-item.completed{opacity:.95}.ac-timeline-item.rejected{opacity:1}.ac-timeline-left{display:flex;flex-direction:column;align-items:center;margin-right:12px;flex-shrink:0;position:relative}.ac-timeline-node{width:22px;height:22px;border-radius:50%;background-color:var(--bg-tertiary, #e2e8f0);border:2px solid var(--border-color, #cbd5e1);display:flex;justify-content:center;align-items:center;font-size:.65rem;font-weight:600;color:var(--text-secondary, #64748b);z-index:2;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .ac-timeline-node{background-color:#334155;border-color:#475569;color:#94a3b8}.ac-timeline-line{position:absolute;top:22px;bottom:0;width:2px;z-index:1}.ac-timeline-line.upcoming{border-left:2px dashed var(--border-color, #cbd5e1)}[data-theme=dark] .ac-timeline-line.upcoming{border-left-color:#475569}.ac-timeline-line.active{background-color:#3b82f6;border-left:none}.ac-timeline-line.completed{background-color:#10b981;border-left:none}.ac-timeline-item.completed .ac-timeline-node{background-color:#10b981;border-color:#10b981;color:#fff;box-shadow:0 0 8px #10b98133}.ac-timeline-item.active .ac-timeline-node{width:26px;height:26px;background-color:#3b82f6;border-color:#3b82f6;color:#fff;font-size:.75rem;position:relative;box-shadow:0 0 0 3px #3b82f626;animation:ac-pulseGlow 2s infinite;margin-left:-2px}.ac-timeline-item.active .ac-timeline-line{top:26px}.ac-timeline-item.rejected .ac-timeline-node{background-color:#ef4444;border-color:#ef4444;color:#fff;box-shadow:0 0 8px #ef444433}.ac-timeline-right{flex:1;padding-bottom:16px}.ac-timeline-card{padding:8px 12px;background-color:var(--bg-secondary, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;transition:all .3s ease}[data-theme=dark] .ac-timeline-card{background-color:#1e293b;border-color:#334155}.ac-timeline-item.active .ac-timeline-card{border-color:#3b82f666;box-shadow:0 4px 6px -1px #3b82f60d}.ac-timeline-step-title{margin:0 0 4px;font-size:.8rem;font-weight:600;color:var(--text-secondary, #475569);text-transform:uppercase}[data-theme=dark] .ac-timeline-step-title{color:#cbd5e1}.ac-timeline-item.active .ac-timeline-step-title{color:#3b82f6;font-size:.85rem}[data-theme=dark] .ac-timeline-item.active .ac-timeline-step-title{color:#60a5fa}.ac-timeline-approver-info{font-size:.8rem;color:var(--text-primary, #1e293b);margin-bottom:4px}[data-theme=dark] .ac-timeline-approver-info{color:#f8fafc}.ac-timeline-emp-code{font-size:.7rem;color:var(--text-secondary, #64748b)}.ac-timeline-step-desc{margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ac-timeline-status-badge{font-size:.65rem;padding:1px 6px;border-radius:4px;font-weight:500}.ac-timeline-status-badge.pending{background-color:#f59e0b1a;color:#d97706}.ac-timeline-status-badge.approved{background-color:#10b9811a;color:#10b981}.ac-timeline-status-badge.rejected{background-color:#ef44441a;color:#ef4444}.ac-timeline-time{font-size:.7rem;color:var(--text-secondary, #64748b)}.ac-timeline-comment-box{margin-top:6px;padding:6px 8px;background-color:var(--bg-tertiary, #f1f5f9);border-left:3px solid var(--border-color, #cbd5e1);border-radius:0 4px 4px 0;font-size:.72rem;font-style:italic;color:var(--text-primary, #334155)}[data-theme=dark] .ac-timeline-comment-box{background-color:#334155;border-left-color:#475569;color:#cbd5e1}@keyframes ac-pulseGlow{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 6px #3b82f600}to{box-shadow:0 0 #3b82f600}}[data-theme=dark] .ac-modal-overlay{background-color:#000000b3}[data-theme=dark] .ac-paper-sheet{background-color:#1e293b!important;color:#f8fafc!important;border-color:#475569!important}[data-theme=dark] .ac-paper-comp-name,[data-theme=dark] .ac-paper-title-main,[data-theme=dark] .ac-paper-title-sub,[data-theme=dark] .ac-notice-vi,[data-theme=dark] .ac-notice-ko,[data-theme=dark] .ac-sig-name-flat{color:#f8fafc!important}[data-theme=dark] .ac-paper-comp-addr,[data-theme=dark] .ac-paper-date-row{color:#94a3b8!important}[data-theme=dark] .ac-paper-table,[data-theme=dark] .ac-paper-sig-table,[data-theme=dark] .ac-paper-table td,[data-theme=dark] .ac-paper-sig-table td{border-color:#475569!important}[data-theme=dark] .ac-paper-label-cell,[data-theme=dark] .ac-paper-sig-title-cell{background-color:#334155!important;color:#f8fafc!important}[data-theme=dark] .ac-paper-value-cell,[data-theme=dark] .ac-paper-sig-value-cell{background-color:#1e293b!important}[data-theme=dark] .ac-paper-value-cell,[data-theme=dark] .ac-paper-value-cell span,[data-theme=dark] .ac-paper-value-cell>span,[data-theme=dark] .ac-paper-sig-value-cell,[data-theme=dark] .ac-paper-sig-value-cell span,[data-theme=dark] .ac-paper-reason-text{color:#f8fafc!important}[data-theme=dark] .ac-time-not-confirmed{background-color:#ef444433!important}[data-theme=dark] .ac-label-vi{color:#f8fafc!important}[data-theme=dark] .ac-label-ko{color:#94a3b8!important}[data-theme=dark] .ac-sig-signed{color:#10b981!important;border-color:#10b981!important}[data-theme=dark] .ac-sig-rejected{color:#ef4444!important;border-color:#ef4444!important}.ac-modal-loading{padding:20px;text-align:center;color:var(--text-primary)}.ac-paper-reason-text{display:block;text-align:left!important;white-space:pre-wrap;width:100%;color:#000}@media (max-width: 768px){.ac-modal-overlay{top:50px!important;height:calc(100vh - 50px)!important;padding:0!important}.ac-modal-card.ac-modal-detail{border-radius:0!important;max-height:100%!important;height:100%!important;width:100%!important;max-width:100%!important}.ac-modal-body-scrollable{padding:10px!important}.ac-paper-comp-name{font-size:11px!important}.ac-paper-comp-addr{font-size:8px!important}.ac-paper-title-main{font-size:16px!important}.ac-paper-title-sub{font-size:12px!important}.ac-paper-date-row{font-size:11px!important;padding-right:0!important}.ac-paper-logo{width:60px!important}.ac-paper-table{border:1px solid #000000!important;display:block!important;width:100%!important}.ac-paper-table tbody{display:block!important;width:100%!important}.ac-paper-table tr{display:block!important;width:100%!important;border-bottom:1px solid #000000!important}.ac-paper-table tr:last-child{border-bottom:none!important}.ac-paper-table td{border:none!important;padding:6px 8px!important;box-sizing:border-box!important}.ac-paper-table tr:nth-child(1),.ac-paper-table tr:nth-child(2){display:grid!important;grid-template-columns:90px 1fr!important;width:100%!important}.ac-paper-table tr:nth-child(1) td:nth-child(1),.ac-paper-table tr:nth-child(1) td:nth-child(3),.ac-paper-table tr:nth-child(2) td:nth-child(1),.ac-paper-table tr:nth-child(2) td:nth-child(3){border-right:1px solid #000000!important}.ac-paper-table tr:nth-child(1) td:nth-child(1),.ac-paper-table tr:nth-child(1) td:nth-child(2),.ac-paper-table tr:nth-child(2) td:nth-child(1),.ac-paper-table tr:nth-child(2) td:nth-child(2){border-bottom:1px solid #000000!important}.ac-paper-table tr:nth-child(3){display:grid!important;grid-template-columns:90px 1fr!important;width:100%!important}.ac-paper-table tr:nth-child(3) td:nth-child(1){border-right:1px solid #000000!important}.ac-paper-table tr:nth-child(4){display:grid!important;grid-template-columns:90px 65px 1fr!important;grid-template-rows:auto auto auto!important;width:100%!important}.ac-paper-table tr:nth-child(4) td:nth-child(1){grid-column:1!important;grid-row:1 / 4!important;border-right:1px solid #000000!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;text-align:center!important}.ac-paper-table tr:nth-child(4) td:nth-child(2){grid-column:2!important;grid-row:1!important;border-right:1px solid #000000!important}.ac-paper-table tr:nth-child(4) td:nth-child(4){grid-column:2!important;grid-row:2!important;border-right:1px solid #000000!important}.ac-paper-table tr:nth-child(4) td:nth-child(6){grid-column:2!important;grid-row:3!important;border-right:1px solid #000000!important}.ac-paper-table tr:nth-child(4) td:nth-child(3){grid-column:3!important;grid-row:1!important}.ac-paper-table tr:nth-child(4) td:nth-child(5){grid-column:3!important;grid-row:2!important}.ac-paper-table tr:nth-child(4) td:nth-child(7){grid-column:3!important;grid-row:3!important}.ac-paper-table tr:nth-child(4) td:nth-child(2),.ac-paper-table tr:nth-child(4) td:nth-child(3),.ac-paper-table tr:nth-child(4) td:nth-child(4),.ac-paper-table tr:nth-child(4) td:nth-child(5){border-bottom:1px solid #000000!important}.ac-paper-table td,.ac-label-vi{font-size:12px!important}.ac-label-ko{font-size:10px!important}}@media print{body *{visibility:hidden!important}#print-area,#print-area *{visibility:visible!important}html,body,#root,.app-layout,.layout-wrapper,.layout-content,.page-content,.app-container,.main-content,.content-wrapper,.ac-container,.ac-modal-overlay,.ac-modal-card,.ac-modal-body-scrollable,.ac-modal-detail-layout{visibility:visible!important;position:static!important;overflow:visible!important;display:block!important;width:auto!important;height:auto!important;max-height:none!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important;transform:none!important;filter:none!important}header,footer,nav,aside,.sidebar,.aside,.header,.navbar,.topbar,.footer,.app-header,.app-sidebar,.app-footer,.navigation,.layout-sidebar,.layout-topbar,.ac-header,.ac-tabs,.ac-filter-bar,.ac-table-wrapper,.ac-pagination,.ac-timeline-section,.ac-modal-header,.ac-modal-footer,.ac-header-actions,.ac-btn-cancel,.ac-btn-submit{display:none!important}#print-area{visibility:visible!important;position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:96%!important;max-width:96%!important;height:auto!important;max-height:none!important;border:1px solid #555555!important;background-color:#fff!important;color:#000!important;box-shadow:none!important;padding:6px 10px 8px!important;margin:0!important;font-family:Times New Roman,Times,serif!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:6px!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}#print-area .ac-paper-print-inner{width:100%!important;height:auto!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:6px!important;box-sizing:border-box!important}#print-area,#print-area *{visibility:visible!important;color:#000!important}#print-area td{border:1px solid #555555!important;color:#000!important;background-color:#fff!important;padding:3px 6px!important;font-size:10px!important}#print-area .ac-paper-header-table td{border:none!important;background-color:transparent!important}#print-area .ac-paper-header-table{margin-bottom:2px!important;display:table!important;width:100%!important;table-layout:auto!important}#print-area .ac-paper-header-table tr{display:table-row!important}#print-area .ac-paper-header-table td{display:table-cell!important}#print-area .ac-paper-logo{width:75px!important;height:auto!important}#print-area .ac-paper-comp-name{font-size:10.5px!important;font-weight:700!important}#print-area .ac-paper-comp-addr{font-size:7.5px!important;line-height:1.1!important}#print-area .ac-paper-title-main{font-size:15px!important;margin-top:1px!important;font-weight:700!important}#print-area .ac-paper-date-row{font-size:9px!important;margin-top:1px!important;padding-right:4px!important}#print-area .ac-paper-print-top-section{display:block!important;width:100%!important}#print-area .ac-paper-table{margin-bottom:2px!important;display:table!important;width:100%!important;border-collapse:collapse!important;border:1px solid #999999!important;table-layout:fixed!important}#print-area .ac-paper-table tr{display:table-row!important;border-bottom:none!important}#print-area .ac-paper-table td{display:table-cell!important;border:1px solid #999999!important;padding:3px 6px!important;font-size:10px!important;background-color:#fff!important;color:#000!important;box-sizing:border-box!important;grid-column:auto!important;grid-row:auto!important;text-align:center!important;vertical-align:middle!important}#print-area .ac-paper-label-cell,#print-area .ac-paper-sig-title-cell{background-color:#f3f4f6!important;color:#000!important;font-weight:700!important}#print-area .ac-label-vi{font-size:10px!important;font-weight:700!important}#print-area .ac-paper-table tr td:first-child .ac-label-vi{letter-spacing:-.2px!important}#print-area .ac-paper-table tr td:first-child .ac-nowrap{white-space:normal!important}#print-area .ac-label-ko{font-size:8.5px!important;margin-top:1px!important;font-weight:400!important}#print-area .ac-paper-value-cell,#print-area .ac-paper-sig-value-cell{background-color:#fff!important;color:#000!important}#print-area .ac-paper-table tr td.ac-paper-value-cell{text-align:center!important}#print-area .ac-paper-table tr td.ac-paper-value-cell>span:not(.ac-paper-reason-text){text-align:center!important;display:inline-block;width:100%}#print-area .ac-paper-reason-text{text-align:left!important;display:block!important;white-space:pre-wrap!important}#print-area .ac-time-not-confirmed{background-color:#fee2e2!important}#print-area .ac-sig-name-flat{color:#000!important;font-size:10px!important;font-weight:700!important}#print-area .ac-notice-vi{color:#000!important;font-size:11.5px!important;font-weight:500!important;margin:0 0 2px!important;letter-spacing:-.2px!important;white-space:nowrap!important}#print-area .ac-notice-ko{color:#000!important;font-size:10.5px!important;margin:0!important;white-space:nowrap!important}#print-area .ac-paper-sig-table{margin-bottom:2px!important;display:table!important;width:100%!important;border-collapse:collapse!important;border:1px solid #999999!important;table-layout:fixed!important}#print-area .ac-paper-sig-table tr{display:table-row!important;border-bottom:none!important}#print-area .ac-paper-sig-table td{display:table-cell!important;border:1px solid #999999!important;padding:3px 6px!important;font-size:10px!important;background-color:#fff!important;color:#000!important;box-sizing:border-box!important;grid-column:auto!important;grid-row:auto!important;text-align:center!important;vertical-align:middle!important}#print-area .ac-paper-sig-title-cell{height:24px!important}#print-area .ac-paper-sig-value-cell{height:38px!important;padding:4px!important}#print-area .ac-sig-signed{padding:1px 4px!important;font-size:8px!important;margin-bottom:2px!important;border-width:1.5px!important;color:#10b981!important;border-color:#10b981!important;background-color:transparent!important;display:inline-block!important;border-style:solid!important;border-radius:4px!important;transform:rotate(-10deg)!important}#print-area .ac-sig-rejected{padding:1px 4px!important;font-size:8px!important;margin-bottom:2px!important;border-width:1.5px!important;color:#ef4444!important;border-color:#ef4444!important;background-color:transparent!important;display:inline-block!important;border-style:solid!important;border-radius:4px!important;transform:rotate(-10deg)!important}#print-area .ac-paper-notice-box{margin-top:14px!important;margin-bottom:2px!important;padding:0!important;text-align:left!important;line-height:1.2!important}}.ac-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.ac-modal-card{background-color:var(--bg-primary, #ffffff);border-radius:12px;width:100%;max-width:950px;box-shadow:0 10px 25px -5px #0000004d;display:flex;flex-direction:column;max-height:calc(100vh - 40px);overflow:hidden}.ac-modal-card.ac-modal-paper-type{max-width:1000px!important;background-color:var(--bg-secondary, #f1f5f9);max-height:calc(100vh - 80px)!important}.ac-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border-color)}.ac-modal-header h2{font-size:18px;margin:0;font-weight:600;color:var(--text-primary)}.ac-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary)}.ac-modal-body-scrollable{padding:16px;overflow-y:auto;flex:1}.ac-create-form{display:flex;flex-direction:column;height:100%;overflow:hidden}.ac-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:12px 24px;border-top:1px solid var(--border-color);background-color:var(--bg-secondary)}.ac-btn-cancel{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color);padding:10px 20px;border-radius:6px;cursor:pointer}.ac-btn-submit{background-color:var(--accent-color, #6f5fbe);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer}.ac-paper-sheet{background-color:#fff;color:#000;padding:12px 16px;border-radius:6px;box-shadow:0 4px 15px #00000014;font-family:Times New Roman,Times,serif;border:1px solid #000000;margin:0 auto;max-width:900px}.ac-paper-header-table{width:100%;border-collapse:collapse;margin-bottom:8px;border:none!important}.ac-paper-header-table td{border:none!important;padding:0!important}.ac-paper-logo-col-left{width:15%;text-align:center;vertical-align:middle}.ac-paper-header-right-col{width:85%;text-align:center;vertical-align:middle}.ac-paper-logo{width:80px;height:auto;-o-object-fit:contain;object-fit:contain}.ac-paper-comp-info{display:flex;flex-direction:column}.ac-paper-comp-name{font-weight:700;font-size:14px;text-transform:uppercase;color:#000}.ac-paper-comp-addr{font-size:10px;color:#374151;line-height:1.3;font-style:italic}.ac-paper-title-main{font-weight:700;font-size:20px;letter-spacing:.5px;margin-top:4px;color:#000}.ac-paper-title-sub{font-size:15px;font-weight:700;color:#111827}.ac-paper-date-row{font-size:13px;font-style:italic;margin-top:6px;color:#374151;text-align:right;padding-right:12px;font-weight:700}.ac-paper-table{width:100%;border-collapse:collapse;margin-bottom:8px;border:1px solid #000000;table-layout:fixed}.ac-paper-table td{border:1px solid #000000;padding:6px;font-size:14px;vertical-align:middle;color:#000}.ac-paper-label-cell{font-weight:700;background-color:#f3f4f6;text-align:center;line-height:1.3}.ac-label-vi{font-weight:700;font-size:13px;color:#000;line-height:1.2}.ac-nowrap{white-space:nowrap!important}.ac-label-ko{font-weight:400;font-size:11px;color:#4b5563;margin-top:2px;line-height:1.2}.ac-paper-value-cell{background-color:#fff}.ac-paper-table tr td.ac-paper-value-cell{text-align:center}.ac-paper-input-flat{width:100%;border:none;background:transparent;padding:4px 6px;font-family:inherit;font-size:14px;color:#000;outline:none;text-align:center}.ac-paper-input-flat.readonly{color:#4b5563;font-weight:500;cursor:not-allowed}.ac-paper-textarea-flat{width:100%;border:none;background:transparent;padding:4px 6px;font-family:inherit;font-size:14px;color:#000;outline:none;resize:vertical;text-align:left}.ac-paper-select-searchable{border:none!important;background:transparent!important}.ac-paper-notice-box{margin-bottom:8px;line-height:1.4;text-align:left}.ac-notice-vi{font-size:13px;font-weight:500;margin:0 0 3px;color:#000}.ac-notice-ko{font-size:11px;margin:0;color:#4b5563}.ac-paper-sig-table{width:100%;border-collapse:collapse;margin-top:10px;border:1px solid #000000;table-layout:fixed}.ac-paper-sig-table td{border:1px solid #000000;text-align:center;padding:6px;font-size:13px;vertical-align:middle;color:#000}.ac-paper-sig-title-cell{font-weight:700;background-color:#f3f4f6;height:40px}.ac-paper-sig-value-cell{height:75px;background-color:#fff}.ac-sig-draft-badge{display:inline-block;border:1.5px dashed var(--accent-color, #6f5fbe);color:var(--accent-color, #6f5fbe);font-weight:700;padding:2px 6px;border-radius:4px;font-size:9px;transform:rotate(-5deg);margin-bottom:4px}.ac-sig-signed{display:inline-block;border:2px solid #10b981;color:#10b981;padding:2px 6px;font-weight:700;border-radius:4px;transform:rotate(-10deg);font-size:10px;margin-bottom:4px}.ac-sig-rejected{display:inline-block;border:2px solid #ef4444;color:#ef4444;padding:2px 6px;font-weight:700;border-radius:4px;transform:rotate(-10deg);font-size:10px;margin-bottom:4px}.ac-sig-name-flat{font-weight:700;font-size:12px;color:#000;margin-top:4px}.ac-paper-select-sig{border:none!important;background:transparent!important}.ac-label-checkbox-container{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;width:100%;height:100%}.ac-label-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--accent-color, #6f5fbe)}.ac-label-texts{display:flex;flex-direction:column;align-items:center;text-align:center}.ac-paper-input-flat:disabled{background-color:#f3f4f6!important;color:#94a3b8!important;cursor:not-allowed}[data-theme=dark] .ac-modal-card{background-color:var(--bg-surface, #1e293b);border:1px solid var(--border-divider, #334155)}[data-theme=dark] .ac-modal-card.ac-modal-paper-type{background-color:#0f172a!important}[data-theme=dark] .ac-paper-sheet{background-color:#1e293b;color:#f8fafc;border-color:#475569}[data-theme=dark] .ac-paper-sheet *{color:#f8fafc}[data-theme=dark] .ac-paper-header-table td{border-color:transparent!important}[data-theme=dark] .ac-paper-table,[data-theme=dark] .ac-paper-sig-table,[data-theme=dark] .ac-paper-table td,[data-theme=dark] .ac-paper-sig-table td{border-color:#475569}[data-theme=dark] .ac-paper-label-cell,[data-theme=dark] .ac-paper-sig-title-cell{background-color:#334155;color:#f8fafc}[data-theme=dark] .ac-paper-value-cell,[data-theme=dark] .ac-paper-sig-value-cell{background-color:#1e293b}[data-theme=dark] .ac-paper-input-flat,[data-theme=dark] .ac-paper-textarea-flat{color:#f8fafc}[data-theme=dark] .ac-paper-input-flat.readonly{color:#94a3b8}[data-theme=dark] .ac-paper-select-searchable .sd-combo-input,[data-theme=dark] .ac-paper-select-searchable .sd-trigger{color:#f8fafc!important}[data-theme=dark] .ac-paper-select-sig .sd-combo-input,[data-theme=dark] .ac-paper-select-sig .sd-trigger{background:#334155!important;border-color:#475569!important;color:#f8fafc!important}[data-theme=dark] .ac-paper-notice-box p,[data-theme=dark] .ac-sig-name-flat{color:#f8fafc}[data-theme=dark] input[type=date].ac-paper-input-flat{color-scheme:dark}[data-theme=dark] .ac-paper-input-flat:disabled{background-color:#334155!important;color:#64748b!important}[data-theme=dark] .ac-paper-select-searchable .sd-combo-chevron,[data-theme=dark] .ac-paper-select-sig .sd-combo-chevron{color:#f8fafc!important}[data-theme=dark] .ac-label-vi{color:#f8fafc}[data-theme=dark] .ac-label-ko{color:#94a3b8}[data-theme=dark] .ac-notice-vi{color:#f8fafc}[data-theme=dark] .ac-notice-ko{color:#94a3b8}.ac-paper-sheet-mobile{display:none}@media (min-width: 769px){.ac-paper-sheet-desktop{display:block}.ac-paper-sheet-mobile{display:none}}@media (max-width: 768px){.ac-modal-overlay{top:50px!important;height:calc(100vh - 50px)!important;padding:0!important}.ac-modal-card.ac-modal-paper-type{border-radius:0!important;max-height:100%!important;height:100%!important}.ac-modal-body-scrollable{padding:10px!important}.ac-paper-sheet-desktop{display:none}.ac-paper-sheet-mobile{display:flex;flex-direction:column;gap:16px;padding:4px}.ac-mform-section{background-color:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #cbd5e1);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.ac-mform-section-title{font-size:15px;font-weight:600;color:var(--accent-color, #6f5fbe);margin:0;padding-bottom:8px;border-bottom:1px solid var(--border-color, #e2e8f0)}.ac-mform-row{display:flex;flex-direction:column;gap:6px}.ac-mform-row label{font-size:13px;font-weight:500;color:var(--text-secondary)}.ac-mform-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ac-mform-input,.ac-mform-textarea{background-color:var(--bg-secondary, #f8fafc);color:var(--text-primary);border:1px solid var(--border-color, #cbd5e1);padding:10px 12px;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.ac-mform-input:focus,.ac-mform-textarea:focus{border-color:var(--accent-color, #6f5fbe)}.ac-mform-input.readonly{background-color:var(--bg-tertiary, #cbd5e1);color:var(--text-secondary);cursor:not-allowed}.ac-mform-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-secondary)}.ac-mform-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--accent-color, #6f5fbe)}.ac-mform-select-searchable .sd-combo-input,.ac-mform-select-searchable .sd-trigger{background-color:var(--bg-secondary, #f8fafc)!important;border:1px solid var(--border-color, #cbd5e1)!important;border-radius:8px!important;padding:10px 12px!important;height:auto!important;font-size:14px!important;box-shadow:none!important;color:var(--text-primary)!important}.ac-mform-workflow-desc{font-size:12px;color:var(--text-secondary);line-height:1.4;margin-bottom:8px}.ac-mform-notes-section{background-color:#ef44440d;border:1px dashed #ef4444}.ac-mnotes-vi{font-size:13px;font-weight:500;color:#ef4444;margin:0 0 4px;line-height:1.45}.ac-mnotes-ko{font-size:11px;color:var(--text-secondary);line-height:1.45;margin:0}}[data-theme=dark] .ac-mform-section{background-color:var(--bg-surface, #1e293b);border-color:var(--border-divider, #334155)}[data-theme=dark] .ac-mform-section-title{border-bottom-color:var(--border-divider, #334155)}[data-theme=dark] .ac-mform-input,[data-theme=dark] .ac-mform-textarea{background-color:var(--bg-content, #0f172a);border-color:var(--border-divider, #334155);color:#f8fafc}[data-theme=dark] .ac-mform-input.readonly{background-color:var(--bg-tertiary, #1e293b);color:#94a3b8}[data-theme=dark] .ac-mform-select-searchable .sd-combo-input,[data-theme=dark] .ac-mform-select-searchable .sd-trigger{background-color:var(--bg-content, #0f172a)!important;border-color:var(--border-divider, #334155)!important;color:#f8fafc!important}[data-theme=dark] .ac-mform-notes-section{background-color:#ef44441a;border-color:#ef4444}[data-theme=dark] .ac-mnotes-vi{color:#f87171}[data-theme=dark] .ac-mnotes-ko{color:#94a3b8}[data-theme=dark] input[type=date].ac-mform-input{color-scheme:dark}.apc-container{padding:24px;background-color:var(--bg-primary, #f8fafc);color:var(--text-primary);min-height:calc(100vh - 80px)}.apc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;border-bottom:1px solid var(--border-color)}.apc-title-section h1{font-size:24px;font-weight:600;margin:0 0 4px;color:var(--text-primary)}.apc-title-section p{font-size:14px;margin:0;color:var(--text-secondary)}.apc-tabs-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.apc-tabs{display:flex;background-color:var(--bg-secondary);padding:4px;border-radius:8px;border:1px solid var(--border-color)}.apc-tab-btn{display:flex;align-items:center;gap:8px;background:none;border:none;padding:8px 16px;border-radius:6px;color:var(--text-secondary);font-weight:500;font-size:14px;cursor:pointer;transition:all .2s}.apc-tab-btn:hover{color:var(--text-primary)}.apc-tab-btn.active{background-color:var(--bg-primary);color:var(--accent-color, #6f5fbe);box-shadow:0 1px 3px #0000001a}.apc-filters{display:flex;align-items:center;gap:12px}.apc-search input{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:8px 12px;border-radius:6px;outline:none;min-width:240px}.apc-subtabs{display:flex;gap:8px;flex-wrap:wrap}.apc-subtab-btn{display:inline-flex;align-items:center;gap:6px;background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);padding:8px 16px;border-radius:20px;font-weight:500;font-size:13px;cursor:pointer;transition:all .2s ease}.apc-subtab-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.apc-subtab-btn.active{background-color:var(--accent-color, #6f5fbe);color:#fff;border-color:var(--accent-color, #6f5fbe);box-shadow:0 2px 4px #6f5fbe33}.apc-badge{display:inline-flex;align-items:center;justify-content:center;background-color:#6f5fbe1f;color:var(--accent-color, #6f5fbe);font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;height:18px;transition:all .2s ease}.apc-subtab-btn.active .apc-badge{background-color:#ffffff40;color:#fff}[data-theme=dark] .apc-badge{background-color:#6f5fbe33;color:#a78bfa}[data-theme=dark] .apc-subtab-btn.active .apc-badge{background-color:#ffffff40;color:#fff}[data-theme=dark] .apc-subtab-btn{background-color:var(--bg-secondary, #1e293b);border-color:var(--border-divider, #334155)}[data-theme=dark] .apc-subtab-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}[data-theme=dark] .apc-subtab-btn.active{background-color:var(--accent-color, #6f5fbe);color:#fff;border-color:var(--accent-color, #6f5fbe)}.apc-desktop-view{display:table}.apc-mobile-view{display:none}.apc-table-wrapper{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.apc-loading-state,.apc-empty-state{padding:40px;text-align:center;color:var(--text-secondary)}.apc-table{width:100%;border-collapse:collapse;text-align:left}.apc-table th{background-color:var(--bg-tertiary, #f1f3f9);color:var(--text-secondary);font-weight:600;font-size:13px;padding:14px 16px;border-bottom:1px solid var(--border-color)}.apc-table td{padding:14px 16px;border-bottom:1px solid var(--border-color);font-size:14px}.apc-td-code{font-family:monospace;font-weight:700;color:var(--accent-color, #6f5fbe)}.apc-type-tag{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.apc-type-leave{background-color:#ec489926;color:#ec4899}.apc-type-attendance{background-color:#3b82f626;color:#3b82f6}.apc-type-overtime{background-color:#f59e0b26;color:#f59e0b}.apc-type-overtime-summary{background-color:#10b98126;color:#10b981}.apc-emp-name{font-weight:500}.apc-td-detail{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-secondary)}.apc-status-badge{display:inline-block;padding:4px 8px;border-radius:9999px;font-size:12px;font-weight:500}.apc-status-badge.status-da-duyet{background-color:#10b98126;color:#10b981}.apc-status-badge.status-tu-choi{background-color:#ef444426;color:#ef4444}.apc-td-actions{display:flex;gap:8px}.apc-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all .2s}.apc-action-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.apc-action-btn.view:hover{border-color:#3b82f6;color:#3b82f6}.apc-action-btn.approve:hover{border-color:#10b981;color:#10b981}.apc-action-btn.reject:hover{border-color:#ef4444;color:#ef4444}.apc-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.apc-action-card{background-color:var(--bg-primary, #ffffff);border-radius:12px;width:100%;max-width:500px;box-shadow:0 10px 25px -5px #0000004d;display:flex;flex-direction:column}.apc-action-body{padding:24px}.apc-action-body p{margin:0 0 16px;font-size:14px;line-height:1.5}.apc-form-row{display:flex;flex-direction:column;gap:8px}.apc-form-row label{font-size:13px;font-weight:500;color:var(--text-secondary)}.apc-textarea{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:10px 12px;border-radius:6px;font-size:14px;outline:none;resize:vertical}.apc-textarea:focus{border-color:var(--accent-color, #6f5fbe)}.apc-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color);background-color:var(--bg-secondary);border-bottom-left-radius:12px;border-bottom-right-radius:12px}.apc-btn-cancel{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color);padding:8px 16px;border-radius:6px;cursor:pointer}.apc-btn-action-submit{border:none;padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;color:#fff}.apc-btn-action-submit.btn-approve{background-color:#10b981}.apc-btn-action-submit.btn-approve:hover{background-color:#059669}.apc-btn-action-submit.btn-reject{background-color:#ef4444}.apc-btn-action-submit.btn-reject:hover{background-color:#dc2626}.apc-modal-card.apc-modal-detail{background-color:var(--bg-primary, #ffffff);border-radius:12px;box-shadow:0 10px 25px -5px #0000004d;width:100%;max-width:780px;max-height:calc(100vh - 40px);overflow:hidden;display:flex;flex-direction:column}.apc-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border-color)}.apc-modal-header h2{font-size:18px;margin:0;font-weight:600}.apc-header-actions{display:flex;align-items:center;gap:12px}.apc-btn-print{display:flex;align-items:center;gap:6px;background-color:#3b82f6;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:13px;cursor:pointer}.apc-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary)}.apc-modal-body-scrollable{padding:24px;overflow-y:auto;flex:1}.apc-print-template{background-color:#fff;color:#000;padding:40px;border:1px solid #d1d5db;border-radius:4px;font-family:Times New Roman,Times,serif}.apc-print-header{text-align:center;margin-bottom:30px}.apc-print-comp{font-weight:700;font-size:14px;text-transform:uppercase}.apc-print-title{font-weight:700;font-size:22px;margin:15px 0 5px}.apc-print-subtitle{font-style:italic;font-size:13px}.apc-print-info-grid{display:grid;grid-template-columns:1fr 1fr;row-gap:16px;-moz-column-gap:24px;column-gap:24px;margin-bottom:40px}.apc-info-field{display:flex;border-bottom:1px dotted #9ca3af;padding-bottom:4px}.apc-info-field.apc-full-width{grid-column:span 2}.apc-info-label{font-weight:700;width:140px;font-size:14px}.apc-info-val{flex:1;font-size:14px}.apc-print-signatures{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:20px;margin-top:50px}.apc-sig-col{text-align:center}.apc-sig-title{font-weight:700;font-size:13px;text-transform:uppercase;margin-bottom:40px;border-bottom:1px solid #e5e7eb;padding-bottom:4px}.apc-sig-space{height:60px;display:flex;align-items:center;justify-content:center}.apc-sig-signed{border:2px solid #10b981;color:#10b981;padding:4px 8px;font-weight:700;border-radius:4px;transform:rotate(-10deg);font-size:12px}.apc-sig-rejected{border:2px solid #ef4444;color:#ef4444;padding:4px 8px;font-weight:700;border-radius:4px;transform:rotate(-10deg);font-size:12px}.apc-sig-name{font-weight:700;font-size:13px;margin-top:10px}.apc-timeline-section{margin-top:24px;border-top:1px solid var(--border-color);padding-top:24px}.apc-timeline-section h3{font-size:16px;font-weight:600;margin:0 0 16px}.apc-timeline{display:flex;flex-direction:column;gap:16px}.apc-timeline-item{display:flex;gap:16px;position:relative}.apc-timeline-badge{width:24px;height:24px;border-radius:50%;background-color:var(--bg-tertiary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;z-index:1}.apc-timeline-item.status-da-duyet .apc-timeline-badge{background-color:#10b981;color:#fff}.apc-timeline-item.status-tu-choi .apc-timeline-badge{background-color:#ef4444;color:#fff}.apc-timeline-item.status-cho-duyet .apc-timeline-badge{background-color:#f59e0b;color:#fff}.apc-timeline-content{flex:1;background-color:var(--bg-secondary);border:1px solid var(--border-color);padding:12px 16px;border-radius:6px}.apc-timeline-approver{font-size:14px}.apc-timeline-status{font-size:12px;color:var(--text-secondary);margin-top:4px}.apc-timeline-time{font-size:11px;color:var(--text-secondary);margin-top:2px}.apc-timeline-comment{font-style:italic;font-size:13px;margin-top:6px;background-color:var(--bg-primary);padding:6px;border-radius:4px}.apc-timeline-line{position:absolute;top:24px;left:12px;bottom:-24px;width:2px;background-color:var(--border-color);z-index:0}.apc-detail-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;border-top:1px solid var(--border-color);padding-top:16px}.apc-detail-btn{border:none;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;color:#fff}.apc-detail-btn.approve{background-color:#10b981}.apc-detail-btn.approve:hover{background-color:#059669}.apc-detail-btn.reject{background-color:#ef4444}.apc-detail-btn.reject:hover{background-color:#dc2626}.apc-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px}.apc-pagination button{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:6px 12px;border-radius:4px;cursor:pointer}.apc-pagination button:disabled{opacity:.5;cursor:not-allowed}@media print{body *{visibility:hidden}#print-area,#print-area *{visibility:visible}#print-area{position:absolute;left:0;top:0;width:100%;border:none;padding:0}}@media (max-width: 768px){.main-content:has(.apc-container){height:auto!important;overflow:visible!important;min-height:unset!important}.app-container:has(.apc-container){overflow:visible!important;height:auto!important;min-height:unset!important;flex:unset!important}.content-area:has(.apc-container){overflow:visible!important;min-height:unset!important;flex:unset!important;height:auto!important}.apc-desktop-view{display:none!important}.apc-mobile-view{display:flex;flex-direction:column;gap:12px}.apc-table-wrapper{background-color:transparent;border:none;box-shadow:none;overflow:visible}.apc-tabs{width:100%;display:flex;background-color:var(--bg-tertiary, #e2e8f0);padding:4px;border-radius:8px;border:1px solid var(--border-color, #cbd5e1)}.apc-tab-btn{flex:1;justify-content:center;padding:8px 12px;font-size:13px}.apc-tabs-row{flex-direction:row!important;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:nowrap;width:100%}.apc-subtabs-mobile-wrapper{flex:1;min-width:0}.apc-subtabs-select-dropdown{width:100%!important}.apc-subtabs-select-dropdown .sd-trigger{height:38px!important;border:1px solid var(--border-color, #cbd5e1)!important;background-color:var(--bg-secondary, #ffffff)!important;border-radius:6px!important;padding:0 10px!important;font-size:13px!important;width:100%!important}.apc-filters{flex:1;min-width:0;flex-direction:row!important;align-items:center;width:auto}.apc-search{width:100%}.apc-search input{min-width:unset;width:100%;height:38px;padding:8px 12px;font-size:13px;border:1px solid var(--border-color, #cbd5e1)!important;background-color:var(--bg-secondary, #ffffff);border-radius:6px;outline:none}.apc-mobile-card{background-color:var(--bg-secondary, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:16px;box-shadow:0 2px 4px #0000000a;display:flex;flex-direction:column;gap:12px;transition:transform .2s,box-shadow .2s}.apc-mobile-card:active{transform:scale(.99)}.apc-mobile-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color, #f1f5f9);padding-bottom:8px}.apc-mobile-card-code{font-family:monospace;font-weight:700;color:var(--accent-color, #6f5fbe);font-size:14px}.apc-mobile-card-body{display:flex;flex-direction:column;gap:8px}.apc-mobile-card-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.apc-mobile-card-label{color:var(--text-secondary, #64748b);font-weight:500}.apc-mobile-card-value{color:var(--text-primary, #1e293b);font-weight:600;text-align:right}.apc-mobile-card-detail-row{flex-direction:column;align-items:flex-start;gap:4px;background-color:var(--bg-primary, #f8fafc);padding:8px 12px;border-radius:6px;border:1px solid var(--border-color, #f1f5f9)}.apc-mobile-card-detail-row .apc-mobile-card-value{text-align:left;font-weight:400;width:100%;word-break:break-word;white-space:pre-wrap;font-size:13px;color:var(--text-secondary)}.apc-mobile-card-actions{display:flex;gap:8px;margin-top:4px;border-top:1px dashed var(--border-color, #f1f5f9);padding-top:12px}.apc-mobile-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--border-color, #e2e8f0);background-color:var(--bg-secondary, #ffffff);color:var(--text-secondary);transition:all .2s ease}.apc-mobile-action-btn:active{transform:scale(.97)}.apc-mobile-action-btn.view{border-color:#3b82f64d;color:#3b82f6;background-color:#3b82f60d}.apc-mobile-action-btn.approve{border-color:#10b9814d;color:#10b981;background-color:#10b9810d}.apc-mobile-action-btn.reject{border-color:#ef44444d;color:#ef4444;background-color:#ef44440d}.apc-header{flex-direction:column;align-items:flex-start;gap:16px}}[data-theme=dark] .apc-container{background-color:var(--bg-primary, #0f172a)}[data-theme=dark] .apc-modal-card,[data-theme=dark] .apc-action-card{background-color:var(--bg-surface, #1e293b);border:1px solid var(--border-divider, #334155)}[data-theme=dark] .apc-print-template{background-color:#fff!important;color:#000!important;border-color:#d1d5db!important}[data-theme=dark] .apc-print-template *{color:#000!important;background-color:transparent!important;border-color:#9ca3af!important}[data-theme=dark] .apc-sig-signed{border:2px solid #10b981!important;color:#10b981!important;background-color:transparent!important}[data-theme=dark] .apc-sig-rejected{border:2px solid #ef4444!important;color:#ef4444!important;background-color:transparent!important}.apc-no-permission{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 80px);background-color:var(--bg-primary, #f8fafc);padding:2rem}.apc-no-permission-card{background-color:var(--bg-secondary, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:3rem 2rem;text-align:center;max-width:500px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.apc-no-permission-card h2{color:#ef4444;font-size:1.5rem;margin-top:0;margin-bottom:1rem}.apc-no-permission-card p{color:var(--text-secondary, #64748b);font-size:.95rem;line-height:1.5;margin:0}[data-theme=dark] .apc-no-permission{background-color:#0f172a}[data-theme=dark] .apc-no-permission-card{background-color:#1e293b;border-color:#334155}[data-theme=dark] .apc-no-permission-card p{color:#94a3b8}.apc-type-holiday-work{background-color:#6f5fbe26;color:#6f5fbe}.hwr-timeline{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;background-color:var(--bg-primary, #f8fafc);padding:1.25rem;border-radius:.5rem;border:1px solid var(--border-color, #e2e8f0);transition:all .3s ease}.hwr-timeline-title{font-size:.9rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0 0 .5rem}.hwr-timeline-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.hwr-timeline-step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.hwr-timeline-node{width:2.25rem;height:2.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;background-color:var(--bg-secondary, #ffffff);border:2px solid var(--border-color, #e2e8f0);color:var(--text-secondary, #64748b);z-index:2;transition:all .2s ease}.hwr-timeline-step.active .hwr-timeline-node{border-color:#6f5fbe;color:#6f5fbe;box-shadow:0 0 0 3px #6f5fbe26}.hwr-timeline-step.completed .hwr-timeline-node{background-color:#6f5fbe;border-color:#6f5fbe;color:#fff}.hwr-timeline-step.rejected .hwr-timeline-node{background-color:#ef4444;border-color:#ef4444;color:#fff}.hwr-timeline-info{margin-top:.5rem}.hwr-timeline-step-title{font-size:.8rem;font-weight:700;margin:0;color:var(--text-primary, #0f172a)}.hwr-timeline-step-desc{font-size:.7rem;color:var(--text-secondary, #64748b);margin:.125rem 0 0;line-height:1.35}.hwr-timeline-line{position:absolute;top:1.125rem;left:calc(50% + 1.125rem);right:calc(-50% + 1.125rem);height:2px;background-color:var(--border-color, #e2e8f0);z-index:1}.hwr-timeline-line.completed{background-color:#6f5fbe}.hwr-rejection-msg{background-color:#ef444414;border-left:3px solid #ef4444;padding:.75rem 1rem;border-radius:.25rem;font-size:.8rem;color:#ef4444;margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.25rem;text-align:left}.hwr-rejection-msg strong{color:#dc2626}body.dark .hwr-timeline,[data-theme=dark] .hwr-timeline{background-color:#1e293b;border-color:#334155}body.dark .hwr-timeline-node,[data-theme=dark] .hwr-timeline-node{background-color:#0f172a;border-color:#334155;color:#94a3b8}body.dark .hwr-timeline-step.active .hwr-timeline-node,[data-theme=dark] .hwr-timeline-step.active .hwr-timeline-node{border-color:#a78bfa;color:#a78bfa;box-shadow:0 0 0 3px #a78bfa26}body.dark .hwr-timeline-step.completed .hwr-timeline-node,[data-theme=dark] .hwr-timeline-step.completed .hwr-timeline-node{background-color:#6f5fbe;border-color:#6f5fbe;color:#fff}body.dark .hwr-timeline-step-title,[data-theme=dark] .hwr-timeline-step-title{color:#f1f5f9}body.dark .hwr-timeline-step-desc,[data-theme=dark] .hwr-timeline-step-desc{color:#94a3b8}body.dark .hwr-timeline-line,[data-theme=dark] .hwr-timeline-line{background-color:#334155}body.dark .hwr-timeline-line.completed,[data-theme=dark] .hwr-timeline-line.completed{background-color:#6f5fbe}body.dark .hwr-rejection-msg,[data-theme=dark] .hwr-rejection-msg{background-color:#ef444426}.apc-card-info-left{background:var(--bg-secondary, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px #0000000d}[data-theme=dark] .apc-card-info-left{background:#1e293b;border-color:#334155}.apc-section-title-left{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.apc-info-rows{display:flex;flex-direction:column;gap:10px}.apc-info-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.apc-info-label{font-size:13px;font-weight:500;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.apc-info-value{font-size:14px;color:var(--text-primary);font-weight:500;text-align:right}.apc-badge-ca{display:inline-block;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:500}.apc-badge-ca.apc-ca-ca-ngay{background:#fef9c3;color:#854d0e}.apc-badge-ca.apc-ca-ca-dem{background:#e0e7ff;color:#3730a3}[data-theme=dark] .apc-badge-ca.apc-ca-ca-ngay{background:#052e16;color:#a7f3d0}[data-theme=dark] .apc-badge-ca.apc-ca-ca-dem{background:#1e1b4b;color:#818cf8}.apc-badge-shift{font-size:12px;color:var(--text-secondary);margin-left:4px}.hwrp-order-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem 1rem;background-color:var(--bg-primary, #f8fafc);padding:.75rem 1rem;border-radius:.375rem;font-size:.85rem;margin-bottom:1rem;border:1px solid var(--border-color, #e2e8f0)}.hwrp-detail-staff-list{border:1px solid var(--border-color, #e2e8f0);border-radius:.375rem;overflow-y:auto;margin-top:.5rem;background-color:var(--bg-secondary, #ffffff)}.hwrp-detail-table{width:100%;border-collapse:collapse;font-size:.875rem}.hwrp-detail-table th{background-color:var(--bg-tertiary, #f1f3f9);padding:.75rem 1rem;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color);text-align:left;position:sticky;top:0;z-index:10;white-space:nowrap}.hwrp-detail-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.hwrp-detail-section-title{margin:1.5rem 0 .5rem;display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600}.hwrp-detail-empty-cell{text-align:center;color:var(--text-secondary);padding:2rem}[data-theme=dark] .hwrp-order-info-grid,[data-theme=dark] .hwrp-order-note-block,[data-theme=dark] .hwrp-detail-staff-list{background-color:#1e293b;border-color:#334155}[data-theme=dark] .hwrp-detail-table th{background-color:#0f172a;color:#94a3b8;border-bottom-color:#334155}[data-theme=dark] .hwrp-detail-table td{border-bottom-color:#334155;color:#cbd5e1}.apc-modal-holiday-wide{max-width:1100px!important}.apc-staff-list-scroll{max-height:400px}.apvpnl-header-actions-wrapper{display:flex;align-items:center;gap:8px}.apvpnl-print-btn{height:36px;display:flex;align-items:center;gap:6px;border:1px solid var(--border-color, #e0e0e0);border-radius:6px;padding:0 12px;background:var(--card-bg, #ffffff);cursor:pointer;color:var(--text-primary)}[data-theme=dark] .apvpnl-print-btn{background:#1e293b;border-color:#334155;color:var(--text-primary)}[data-theme=dark] .apc-tabs{background-color:var(--bg-content, #0f172a);border-color:var(--border-divider, #334155)}[data-theme=dark] .apc-subtabs-select-dropdown .sd-trigger{background-color:var(--bg-surface, #1e293b)!important;border-color:var(--border-divider, #334155)!important;color:var(--text-primary, #f1f5f9)!important}[data-theme=dark] .apc-search input{border-color:var(--border-divider, #334155)!important;background-color:var(--bg-secondary, #1e293b)!important}[data-theme=dark] .apc-mobile-card{background-color:var(--bg-surface, #1e293b);border-color:var(--border-divider, #334155)}[data-theme=dark] .apc-mobile-card-header{border-bottom-color:var(--border-divider, #334155)}[data-theme=dark] .apc-mobile-card-value{color:var(--text-primary, #f1f5f9)}[data-theme=dark] .apc-mobile-card-detail-row{background-color:var(--bg-content, #0f172a);border-color:var(--border-divider, #334155)}[data-theme=dark] .apc-mobile-card-detail-row .apc-mobile-card-value{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .apc-mobile-card-actions{border-top-color:var(--border-divider, #334155)}[data-theme=dark] .apc-mobile-action-btn{background-color:var(--bg-surface, #1e293b);border-color:var(--border-divider, #334155)}[data-theme=dark] .apc-mobile-action-btn.view{color:#60a5fa;border-color:#60a5fa4d;background-color:#60a5fa0d}[data-theme=dark] .apc-mobile-action-btn.approve{color:#34d399;border-color:#34d3994d;background-color:#34d3990d}[data-theme=dark] .apc-mobile-action-btn.reject{color:#f87171;border-color:#f871714d;background-color:#f871710d}.apvpnl-spinner{width:28px;height:28px;border:3px solid rgba(102,126,234,.15);border-top-color:var(--color-primary, #667eea);border-radius:50%;animation:apvpnl-spin .8s linear infinite}@keyframes apvpnl-spin{to{transform:rotate(360deg)}}.apvpnl-modal-overlay{position:fixed;top:50px;left:var(--sidebar-width, 240px);right:0;bottom:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:500;animation:apvpnl-fadeIn .2s ease-out;padding:0}@media (max-width: 1024px){.apvpnl-modal-overlay{left:0}}.apvpnl-modal-container{width:100%;height:100%;max-width:100%;max-height:100%;background-color:var(--otv2-bg, #ffffff);color:var(--otv2-text, #1e293b);display:flex;flex-direction:column;overflow:hidden;border-radius:0;margin:0;border:none;animation:apvpnl-zoomIn .25s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .apvpnl-modal-container{background-color:#0f172a;color:#f8fafc}.apvpnl-modal-header{padding:10px 24px;border-bottom:1px solid var(--otv2-border, #e2e8f0);display:flex;justify-content:space-between;align-items:center;background-color:var(--otv2-header-bg, #f8fafc);flex-shrink:0}[data-theme=dark] .apvpnl-modal-header{border-color:#1e293b;background-color:#1e293b}.apvpnl-modal-header h2{font-size:1.15rem;font-weight:700;margin:0;color:var(--otv2-primary, #3b82f6)}.apvpnl-modal-header-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:.825rem;color:#64748b;margin-top:4px}[data-theme=dark] .apvpnl-modal-header-meta{color:#cbd5e1}.apvpnl-modal-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:#9ca3af;border-radius:4px;transition:background .12s,color .12s}.apvpnl-modal-close:hover{background:#f3f4f6;color:#374151}[data-theme=dark] .apvpnl-modal-close{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .apvpnl-modal-close:hover{background:rgba(255,255,255,.06);color:var(--text-primary, #e2e8f0)}.apvpnl-modal-body{flex:1;display:grid;grid-template-columns:380px 1fr;gap:12px;padding:16px;overflow:hidden;min-height:0}@media (max-width: 1200px){.apvpnl-modal-body{grid-template-columns:320px 1fr}}.apvpnl-modal-body-left{display:flex;flex-direction:column;gap:20px;overflow-y:auto;padding-right:12px;border-right:1px solid var(--otv2-border, #e2e8f0)}[data-theme=dark] .apvpnl-modal-body-left{border-color:#1e293b}.apvpnl-modal-body-right{display:flex;flex-direction:column;overflow:hidden;min-height:0;padding:0 12px 0 0}.apvpnl-modal-body-right h3{font-size:.95rem;font-weight:700;margin:0 0 8px;padding:4px 12px;color:var(--otv2-text, #1e293b);display:flex;justify-content:space-between;align-items:center}[data-theme=dark] .apvpnl-modal-body-right h3{color:#cbd5e1}.apvpnl-modal-footer{padding:7px 24px;border-top:1px solid var(--otv2-border, #e2e8f0);display:flex;justify-content:flex-end;gap:12px;background-color:var(--otv2-header-bg, #f8fafc);flex-shrink:0}[data-theme=dark] .apvpnl-modal-footer{border-color:#1e293b;background-color:#1e293b}.apvpnl-table-right-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0;border:1px solid var(--otv2-border, #e2e8f0);border-radius:8px}[data-theme=dark] .apvpnl-table-right-wrapper{border-color:#334155}.apvpnl-table-scroll-area{flex:1;overflow-y:auto;overflow-x:auto;min-height:0}.apvpnl-table-summary-bar{flex-shrink:0;border-top:2px solid var(--otv2-border, #e2e8f0);background-color:var(--otv2-header-bg, #f8fafc)}[data-theme=dark] .apvpnl-table-summary-bar{border-top-color:#334155;background-color:#1e293b}.apvpnl-table-summary-table{background:transparent;table-layout:fixed!important;width:100%;border-collapse:collapse}.apvpnl-table-summary-table td{padding:8px 12px!important;border:none!important;font-weight:600;font-size:.875rem;color:var(--otv2-text, #1e293b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}[data-theme=dark] .apvpnl-table-summary-table td{color:#cbd5e1}.apvpnl-table{width:100%;border-collapse:collapse;font-size:.875rem}.apvpnl-table thead th{position:sticky;top:0;z-index:2;background:#f9fafb;padding:10px 12px;text-align:center;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e5e7eb;white-space:nowrap}[data-theme=dark] .apvpnl-table thead th{background:#0f172a;color:var(--text-secondary, #94a3b8);border-bottom-color:var(--border-divider, #475569)}.apvpnl-table tbody td{padding:10px 12px;border-bottom:1px solid #f3f4f6;border-right:1px solid #f3f4f617;color:#374151;vertical-align:middle;text-align:center}[data-theme=dark] .apvpnl-table tbody td{border-bottom-color:var(--border-divider, #475569);color:var(--text-primary, #e2e8f0)}.apvpnl-nv-table{table-layout:fixed!important}.apvpnl-col-manv{width:100px}.apvpnl-col-hoten{width:200px}.apvpnl-col-chucvu{width:120px}.apvpnl-col-vitri{width:150px}.apvpnl-col-model{width:90px}.apvpnl-col-gioden,.apvpnl-col-giove{width:80px}.apvpnl-col-tc30p,.apvpnl-col-anSau{width:100px}.apvpnl-col-tonggio{width:80px}.apvpnl-td-bold{font-weight:600}.apvpnl-td-tonggio{font-weight:700;color:var(--otv2-primary, #3b82f6)}[data-theme=dark] .apvpnl-td-tonggio{color:#93c5fd}.apvpnl-summary-total-nv{text-align:left!important}.apvpnl-summary-hint{opacity:.65;font-weight:400}.apvpnl-summary-tonggio{color:#10b981;font-weight:700}[data-theme=dark] .apvpnl-summary-tonggio{color:#34d399}.apvpnl-btn-danger-left{margin-right:auto}.apvpnl-btn-cancel{padding:9px 18px;border:1px solid var(--otv2-border, #cbd5e1);background-color:transparent;color:#64748b;font-weight:600;font-size:.85rem;border-radius:8px;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}.apvpnl-btn-cancel:hover{background-color:#f1f5f9;color:#1e293b;border-color:#94a3b8}[data-theme=dark] .apvpnl-btn-cancel{border-color:#475569;color:#cbd5e1}[data-theme=dark] .apvpnl-btn-cancel:hover{background-color:#334155;color:#f8fafc}.apvpnl-btn-submit{padding:9px 20px;border:none;background-color:var(--otv2-primary, #3b82f6);color:#fff;font-weight:600;font-size:.85rem;border-radius:8px;cursor:pointer;box-shadow:0 4px 6px -1px #3b82f633;transition:background-color .15s,transform .1s,box-shadow .15s}.apvpnl-btn-submit.btn-danger{background-color:#ef4444;box-shadow:0 4px 6px -1px #ef444433}.apvpnl-btn-submit.btn-danger:hover{background-color:#dc2626}.apvpnl-btn-submit:hover{background-color:#2563eb}.apvpnl-badge-ca{display:inline-block;padding:1px 6px;border-radius:4px;font-size:.75rem;font-weight:500}.apvpnl-badge-ca.apvpnl-ca-ca-ngay{background:#fef9c3;color:#854d0e}.apvpnl-badge-ca.apvpnl-ca-ca-dem{background:#e0e7ff;color:#3730a3}[data-theme=dark] .apvpnl-badge-ca.apvpnl-ca-ca-ngay{background:#052e16;color:#a7f3d0}[data-theme=dark] .apvpnl-badge-ca.apvpnl-ca-ca-dem{background:#1e1b4b;color:#818cf8}.apvpnl-badge-shift{font-size:.75rem;color:#6b7280}[data-theme=dark] .apvpnl-badge-shift{color:var(--text-secondary, #94a3b8)}.apvpnl-status-badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.apvpnl-badge-amber{background:#fef3c7;color:#d97706}.apvpnl-badge-blue{background:#dbeafe;color:#1e40af}.apvpnl-badge-purple{background:#f3e8ff;color:#6b21a8}.apvpnl-badge-green{background:#dcfce7;color:#15803d}.apvpnl-badge-emerald{background:#d1fae5;color:#047857}.apvpnl-badge-teal{background:#ccfbf1;color:#0f766e}.apvpnl-badge-red{background:#fee2e2;color:#b91c1c}.apvpnl-badge-gray{background:#f3f4f6;color:#4b5563}[data-theme=dark] .apvpnl-badge-amber{background:#78350f;color:#fde68a}[data-theme=dark] .apvpnl-badge-blue{background:#1e3a8a;color:#93c5fd}[data-theme=dark] .apvpnl-badge-purple{background:#581c87;color:#e9d5ff}[data-theme=dark] .apvpnl-badge-green,[data-theme=dark] .apvpnl-badge-emerald{background:#064e3b;color:#a7f3d0}[data-theme=dark] .apvpnl-badge-teal{background:#115e59;color:#99f6e4}[data-theme=dark] .apvpnl-badge-red{background:#7f1d1d;color:#fca5a5}[data-theme=dark] .apvpnl-badge-gray{background:#374151;color:#cbd5e1}.apvpnl-btn-ghost{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;background:transparent;color:#6b7280;border:1px solid #e5e7eb;border-radius:6px;font-size:.8125rem;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap;flex-shrink:0}.apvpnl-btn-ghost:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}[data-theme=dark] .apvpnl-btn-ghost{color:var(--text-secondary, #94a3b8);border-color:var(--border-divider, #475569)}[data-theme=dark] .apvpnl-btn-ghost:hover:not(:disabled){background:#0f172a}.apvpnl-panel-title-group{display:flex;align-items:center;gap:8px}.apvpnl-panel-code{font-family:monospace;font-size:1.1rem;font-weight:700;color:#374151}[data-theme=dark] .apvpnl-panel-code{color:var(--text-primary, #e2e8f0)}.apvpnl-panel-loading{display:flex;justify-content:center;align-items:center;height:100%}.otv2-card-info-left{border:1px solid var(--otv2-border, #e2e8f0);border-radius:8px;background:var(--bg-secondary, #ffffff)}[data-theme=dark] .otv2-card-info-left{border-color:#1e293b;background:#1e293b}.otv2-section-title-left{font-size:.95rem;font-weight:700;color:var(--otv2-text, #1e293b);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color, #e2e8f0)}[data-theme=dark] .otv2-section-title-left{color:#cbd5e1;border-color:#334155}.otv2-rdp-checkbox{width:16px;height:16px;cursor:default}@keyframes apvpnl-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes apvpnl-scaleIn{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@keyframes apvpnl-zoomIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.apvpnl-modal-header-left{display:flex;justify-content:space-between;align-items:center;flex:1;margin-right:20px;flex-wrap:wrap;gap:12px}.apvpnl-meta-group-time{display:flex;align-items:center;gap:16px}.apvpnl-meta-sep-inline{display:none}.apvpnl-mobile-nv-cards,.apvpnl-btn-process-history-mobile,.apvpnl-mobile-summary-bar{display:none!important}@media (max-width: 768px){.apvpnl-modal-body{grid-template-columns:1fr;overflow-y:auto;overflow-x:hidden}.apvpnl-modal-body-left{display:none!important}.apvpnl-modal-body-right{padding:0}.apvpnl-btn-process-history-mobile{display:inline-flex!important;align-items:center;gap:6px;padding:6px 12px;background-color:var(--otv2-header-bg, #f8fafc);border:1px solid var(--otv2-border, #e2e8f0);border-radius:6px;font-size:.8rem;font-weight:600;color:var(--otv2-primary, #3b82f6);cursor:pointer;transition:all .15s}[data-theme=dark] .apvpnl-btn-process-history-mobile{background-color:#1e293b;border-color:#334155;color:#93c5fd}.apvpnl-btn-process-history-mobile svg{width:14px;height:14px}.apvpnl-modal-overlay{top:50px;left:0;right:0;bottom:0;padding:0;align-items:stretch}.apvpnl-modal-container{width:100%;height:100%;max-height:100%;border-radius:0}.apvpnl-modal-header{padding:8px 14px;display:flex;justify-content:space-between;align-items:flex-start}.apvpnl-modal-header-left{flex-direction:column;align-items:flex-start;gap:6px;margin-right:10px;flex:1}.apvpnl-modal-header-left .apvpnl-panel-title-group{flex-direction:column;align-items:flex-start;gap:4px;width:100%}.apvpnl-modal-header-left .apvpnl-panel-code{margin-left:0!important}.apvpnl-modal-header h2{display:none!important}.apvpnl-modal-header-left .apvpnl-modal-header-meta{flex-direction:column;align-items:flex-start;gap:4px;width:100%;margin-top:4px}.apvpnl-meta-group-time{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.apvpnl-meta-sep-inline{display:inline;color:#cbd5e1}[data-theme=dark] .apvpnl-meta-sep-inline{color:#475569}.apvpnl-meta-people,.apvpnl-table-scroll-area,.apvpnl-table-summary-bar{display:none!important}.apvpnl-mobile-nv-cards{display:flex!important;flex-direction:column;gap:10px;padding:10px;overflow-y:auto;flex:1}.apvpnl-mobile-summary-bar{display:flex!important;justify-content:space-between;align-items:center;padding:8px 12px;background-color:var(--otv2-header-bg, #f8fafc);border-top:2px solid var(--otv2-border, #e2e8f0);flex-shrink:0}[data-theme=dark] .apvpnl-mobile-summary-bar{background-color:#1e293b;border-color:#334155}.apvpnl-msb-item{display:flex;align-items:center;gap:6px;font-size:.8rem}.apvpnl-msb-label{color:#64748b}[data-theme=dark] .apvpnl-msb-label{color:#94a3b8}.apvpnl-msb-val{color:var(--otv2-text, #1e293b)}[data-theme=dark] .apvpnl-msb-val{color:#f8fafc}.apvpnl-modal-footer{flex-wrap:wrap;gap:8px;padding:8px 14px}.apvpnl-btn-submit,.apvpnl-btn-cancel{flex:1}.apvpnl-btn-danger-left{margin-right:0;width:100%}}.s3el-date-under-time{font-size:.68rem;font-weight:600;color:#d97706;font-style:italic;line-height:1.2;margin-top:2px;text-align:center;white-space:nowrap}[data-theme=dark] .s3el-date-under-time{color:#fbbf24}.apvpnl-font-semibold{font-weight:600}.apvpnl-badge-inline{padding:2px 6px;font-size:.75rem;border-radius:4px;vertical-align:middle}.apvpnl-icon-20{width:20px;height:20px}.apvpnl-grid-loading{grid-column:1 / -1;display:flex;justify-content:center;align-items:center;height:100%}.apvpnl-ml-3{margin-left:12px}.apvpnl-card-info-left-wrap{margin:0;padding:16px;display:flex;flex-direction:column;height:100%;overflow:hidden}.apvpnl-section-title-left-wrap{margin:0 0 12px;flex-shrink:0}.apvpnl-overflow-auto{flex:1;overflow-y:auto}.apvpnl-p-custom{padding:0 8px 12px}.apvpnl-col-primary-bold{font-weight:700;color:var(--otv2-primary, #3b82f6)}[data-theme=dark] .apvpnl-col-primary-bold{color:#93c5fd}.apvpnl-py-3{padding:12px 0}.apvpnl-ml-1{margin-left:4px}.apvpnl-nv-name{font-weight:700}.apvpnl-badges-under-name{display:flex;justify-content:center;align-items:center;gap:4px;margin-top:4px;flex-wrap:wrap}.apvpnl-badge-bu-cong{display:inline-block;padding:1px 4px;border-radius:4px;font-size:.65rem;font-weight:600;color:#92400e;background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.3);vertical-align:middle}[data-theme=dark] .apvpnl-badge-bu-cong{color:#fde68a;background:rgba(245,158,11,.2);border-color:#fbbf244d}.apvpnl-badge-con-nho{display:inline-flex;align-items:center;justify-content:center;gap:2px;background:#fdf2f8;color:#db2777;border:1px solid #fbcfe8;border-radius:4px;padding:1px 4px;font-size:11px;font-weight:500;white-space:nowrap}[data-theme=dark] .apvpnl-badge-con-nho{background:rgba(219,39,119,.15);color:#f472b6;border-color:#f472b64d}.apvpnl-icon-inline{display:inline-block;vertical-align:middle}.hwdm-modal-overlay{position:fixed;top:50px;left:var(--sidebar-width, 240px);right:0;bottom:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:stretch;justify-content:center;z-index:500;padding:0;animation:hwdm-fadeIn .2s ease-out}@media (max-width: 1024px){.hwdm-modal-overlay{left:0}}.hwdm-modal-card{width:100%;height:100%;max-width:100%!important;max-height:100%!important;background-color:var(--bg-secondary, #ffffff);color:var(--text-primary, #1e293b);display:flex;flex-direction:column;overflow:hidden;border-radius:0;margin:0;border:none;animation:hwdm-zoomIn .25s cubic-bezier(.16,1,.3,1)}.hwdm-modal-header{padding:10px 16px;border-bottom:1px solid var(--border-color, #e2e8f0);display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-tertiary, #f8fafc);flex-shrink:0}.hwdm-modal-header h2{font-size:1.15rem;font-weight:700;margin:0;color:var(--accent-color, #6f5fbe)}.hwdm-modal-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--text-secondary, #9ca3af);font-size:24px;border-radius:4px;transition:background .12s,color .12s}.hwdm-modal-close:hover{background:var(--bg-tertiary, #f3f4f6);color:var(--text-primary, #374151)}.hwdm-modal-body-layout{flex:1;display:grid;grid-template-columns:380px 1fr;gap:12px;padding:12px;overflow:hidden;min-height:0}.hwdm-modal-body-left{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-right:6px}.hwdm-card-info-left{background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:12px;box-shadow:0 1px 3px #0000000d}.hwdm-section-title-left{font-size:.9rem;font-weight:700;color:var(--text-primary, #1e293b);margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--border-color, #e2e8f0)}.hwdm-order-info-grid{display:grid;grid-template-columns:140px 1fr;gap:6px 12px;background-color:var(--bg-tertiary, #f8fafc);padding:10px 12px;border-radius:.375rem;font-size:.85rem;margin-bottom:.75rem;border:1px solid var(--border-color, #e2e8f0)}.hwdm-info-label{font-weight:600;color:var(--text-secondary, #64748b)}.hwdm-info-value{color:var(--text-primary, #1e293b);word-break:break-word}.hwdm-order-note-block{background-color:var(--bg-tertiary, #f8fafc);padding:6px 12px;border-radius:.375rem;font-size:.85rem;border-left:3px solid var(--accent-color, #6f5fbe)}.hwdm-modal-body-right{display:flex;flex-direction:column;overflow:hidden;min-height:0}.hwdm-detail-section-title{margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:var(--text-primary)}.hwdm-detail-staff-list{flex:1;border:1px solid var(--border-color, #e2e8f0);border-radius:.375rem;overflow-y:auto;overflow-x:auto;background-color:var(--bg-primary, #ffffff)}.hwdm-detail-table{width:100%;min-width:1000px;border-collapse:collapse;font-size:.875rem}.hwdm-detail-table th{background-color:var(--bg-tertiary, #f1f3f9);padding:8px 12px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color);text-align:left;position:sticky;top:0;z-index:10;white-space:nowrap}.hwdm-detail-table td{padding:8px 12px;border-bottom:1px solid var(--border-color);color:var(--text-primary);white-space:nowrap}.hwdm-td-bold{font-weight:600}.hwdm-table-col-stt{width:60px;text-align:center}.hwdm-table-cell-center{text-align:center}.hwdm-detail-empty-cell{text-align:center;color:var(--text-secondary);padding:2rem}.hwdm-detail-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary);gap:.75rem}.hwdm-spinner{width:28px;height:28px;border:3px solid rgba(111,95,190,.15);border-top-color:var(--accent-color, #6f5fbe);border-radius:50%;animation:hwdm-spin .8s linear infinite}@keyframes hwdm-spin{to{transform:rotate(360deg)}}.hwdm-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:10px 16px;border-top:1px solid var(--border-color, #e2e8f0);background-color:var(--bg-tertiary, #f8fafc);flex-shrink:0}.hwdm-btn-cancel{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color, #cbd5e1);padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .15s}.hwdm-btn-cancel:hover{background-color:var(--bg-tertiary, #f1f5f9)}.hwdm-btn-action-submit{border:none;padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;color:#fff;transition:background-color .15s}.hwdm-btn-action-submit.btn-approve{background-color:#10b981}.hwdm-btn-action-submit.btn-approve:hover{background-color:#059669}.hwdm-btn-action-submit.btn-reject{background-color:#ef4444}.hwdm-btn-action-submit.btn-reject:hover{background-color:#dc2626}.hwdm-timeline-modal{background:none!important;border:none!important;padding:0!important;margin-bottom:0!important}.hwdm-rejection-msg{background-color:#ef444414;border-left:3px solid #ef4444;padding:.75rem 1rem;border-radius:.25rem;font-size:.8rem;color:#ef4444;margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.25rem}.hwdm-rejection-msg strong{color:#dc2626}.hwdm-timeline-steps{display:flex;flex-direction:column;gap:0}.hwdm-timeline-step{position:relative;display:flex;flex-direction:row;align-items:flex-start;text-align:left;gap:10px;min-height:52px}.hwdm-timeline-node{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem;background-color:var(--bg-primary, #ffffff);border:2px solid var(--border-color, #e2e8f0);color:var(--text-secondary, #64748b);z-index:2;transition:all .2s ease;flex-shrink:0}.hwdm-timeline-step.active .hwdm-timeline-node{border-color:var(--accent-color, #6f5fbe);color:var(--accent-color, #6f5fbe);box-shadow:0 0 0 3px #6f5fbe26}.hwdm-timeline-step.completed .hwdm-timeline-node{background-color:var(--accent-color, #6f5fbe);border-color:var(--accent-color, #6f5fbe);color:#fff}.hwdm-timeline-step.rejected .hwdm-timeline-node{background-color:#ef4444;border-color:#ef4444;color:#fff}.hwdm-timeline-info{margin-top:0;flex:1}.hwdm-timeline-step-title{font-size:.8rem;font-weight:700;margin:0;color:var(--text-primary, #0f172a)}.hwdm-timeline-step-desc{font-size:.7rem;color:var(--text-secondary, #64748b);margin:.125rem 0 0;line-height:1.35}.hwdm-timeline-line{position:absolute;top:28px;left:13px;bottom:-12px;width:2px;background-color:var(--border-color, #e2e8f0);z-index:1;height:auto;right:auto}.hwdm-timeline-line.completed{background-color:var(--accent-color, #6f5fbe)}@keyframes hwdm-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes hwdm-zoomIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.hwdm-modal-overlay{top:0;left:0;right:0;bottom:0;padding:0;align-items:stretch;z-index:999}.hwdm-modal-card{border-radius:0!important;height:100%}.hwdm-modal-header{padding:10px 12px;gap:8px}.hwdm-modal-header-left{flex:1;min-width:0}.hwdm-modal-header h2{font-size:.95rem;white-space:normal;line-height:1.3;word-break:break-word}.hwdm-modal-body-layout{grid-template-columns:1fr;overflow-y:auto;-webkit-overflow-scrolling:touch}.hwdm-modal-body-left{overflow-y:visible}.hwdm-modal-body-right{overflow:visible;min-height:auto}.hwdm-detail-staff-list{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;border:1px solid var(--border-color, #e2e8f0);margin-top:.5rem}.hwdm-detail-table{min-width:900px}.hwdm-modal-footer{padding:10px 12px;gap:8px;display:flex;justify-content:flex-end}.hwdm-modal-footer button{padding:10px 14px;font-size:.85rem;flex:1;text-align:center;min-height:38px}.hwdm-timeline-step-title{font-size:.85rem}.hwdm-timeline-step-desc{font-size:.75rem}}[data-theme=dark] .hwdm-modal-overlay{background-color:#0f172a99}[data-theme=dark] .hwdm-modal-card{background-color:#0f172a;color:#f8fafc}[data-theme=dark] .hwdm-modal-header{border-color:#1e293b;background-color:#1e293b}[data-theme=dark] .hwdm-modal-header h2{color:#a78bfa}[data-theme=dark] .hwdm-modal-close:hover{background:rgba(255,255,255,.06);color:#e2e8f0}[data-theme=dark] .hwdm-card-info-left{background:#1e293b;border-color:#334155}[data-theme=dark] .hwdm-section-title-left{color:#cbd5e1;border-color:#334155}[data-theme=dark] .hwdm-order-info-grid,[data-theme=dark] .hwdm-order-note-block{background-color:#0f172a;border-color:#334155}[data-theme=dark] .hwdm-detail-staff-list{background-color:#1e293b;border-color:#334155}[data-theme=dark] .hwdm-detail-table th{background-color:#0f172a;color:#94a3b8;border-bottom-color:#334155}[data-theme=dark] .hwdm-detail-table td{border-bottom-color:#334155;color:#cbd5e1}[data-theme=dark] .hwdm-modal-footer{border-color:#1e293b;background-color:#1e293b}[data-theme=dark] .hwdm-btn-cancel{border-color:#475569;color:#cbd5e1}[data-theme=dark] .hwdm-btn-cancel:hover{background-color:#334155}[data-theme=dark] .hwdm-info-label{color:#94a3b8}[data-theme=dark] .hwdm-info-value{color:#e2e8f0}[data-theme=dark] .hwdm-timeline-node{background-color:#0f172a;border-color:#334155;color:#94a3b8}[data-theme=dark] .hwdm-timeline-step.active .hwdm-timeline-node{border-color:#a78bfa;color:#a78bfa;box-shadow:0 0 0 3px #a78bfa26}[data-theme=dark] .hwdm-timeline-step-title{color:#f1f5f9}[data-theme=dark] .hwdm-timeline-step-desc{color:#94a3b8}[data-theme=dark] .hwdm-timeline-line{background-color:#334155}[data-theme=dark] .hwdm-timeline-line.completed{background-color:#6f5fbe}[data-theme=dark] .hwdm-rejection-msg{background-color:#ef444426}@media (max-width: 768px){.hwdm-mobile-staff-list{display:flex;flex-direction:column;gap:8px;padding:4px;overflow-y:visible}.hwdm-m-staff-card{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:6px;border:1px solid var(--border-color, #e2e8f0);background-color:var(--bg-primary, #ffffff);box-shadow:0 1px 2px #00000005}.hwdm-m-staff-name-row{display:flex;align-items:center;gap:6px}.hwdm-m-staff-idx{font-size:.7rem;font-weight:700;color:var(--accent-color, #6f5fbe);background-color:#6f5fbe14;padding:2px 5px;border-radius:4px}.hwdm-m-staff-name{font-size:.875rem;font-weight:700;color:var(--text-primary)}.hwdm-m-staff-code-badge{font-size:.725rem;font-weight:600;color:var(--text-secondary);background-color:var(--bg-tertiary, #f3f4f6);padding:1px 6px;border-radius:4px;margin-left:auto}.hwdm-m-staff-meta-row,.hwdm-m-staff-sub-row{font-size:.775rem;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.hwdm-m-staff-divider{color:var(--border-color, #e2e8f0)}.hwdm-m-staff-path-row{font-size:.775rem;background-color:var(--bg-tertiary, #f8fafc);padding:4px 8px;border-radius:4px;border:1px solid var(--border-color, #e2e8f0);color:var(--text-primary)}.hwdm-m-staff-path-label{font-weight:600;color:var(--text-secondary)}.hwdm-m-staff-vendor-row{font-size:.75rem;color:var(--text-secondary)}.hwdm-m-staff-vendor-label{font-weight:600}.hwdm-order-info-grid{grid-template-columns:100px 1fr!important;gap:4px 8px!important}[data-theme=dark] .hwdm-m-staff-card{background-color:#1e293b;border-color:#334155}[data-theme=dark] .hwdm-m-staff-name{color:#f1f5f9}[data-theme=dark] .hwdm-m-staff-idx{color:#a78bfa;background-color:#a78bfa1a}[data-theme=dark] .hwdm-m-staff-code-badge{background-color:#0f172a;color:#94a3b8}[data-theme=dark] .hwdm-m-staff-path-row{background-color:#0f172a;border-color:#334155;color:#cbd5e1}[data-theme=dark] .hwdm-m-staff-divider{color:#334155}}.adcp-page{display:flex;flex-direction:column;height:100%;background-color:var(--bg-primary, #f8fafc);color:var(--text-primary, #0f172a);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-y:auto}.adcp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:1rem;flex-wrap:wrap}.adcp-header-left{display:flex;padding:8px;flex-direction:column;gap:.25rem}.adcp-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--primary-color, #4f46e5);margin:0;text-transform:uppercase;letter-spacing:.025em}.adcp-subtitle{font-size:.875rem;color:var(--text-secondary, #64748b);margin:0}.adcp-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.adcp-filter-group{display:flex;align-items:center;gap:.5rem;background:var(--bg-secondary, #ffffff);padding:.5rem .75rem;border-radius:8px;border:1px solid var(--border-color, #e2e8f0);box-shadow:0 1px 2px #0000000d}.adcp-label{font-size:.875rem;font-weight:500;color:var(--text-secondary, #64748b)}.adcp-input-month{border:none;font-size:.875rem;font-weight:600;color:var(--text-primary, #0f172a);background:transparent;outline:none;cursor:pointer}.adcp-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease}.adcp-btn-primary{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;box-shadow:0 4px 6px -1px #4f46e533,0 2px 4px -1px #4f46e51a}.adcp-btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 15px -3px #4f46e54d,0 4px 6px -2px #4f46e526}.adcp-btn-secondary{background:var(--bg-secondary, #ffffff);color:var(--text-primary, #334155);border:1px solid var(--border-color, #e2e8f0)}.adcp-btn-secondary:hover{background:var(--bg-hover, #f1f5f9)}.adcp-grid-container{background:var(--bg-secondary, #ffffff);border-radius:12px;border:1px solid var(--border-color, #e2e8f0);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000006;overflow:hidden}.adcp-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.adcp-table th{background:var(--bg-header, #f8fafc);padding:1rem;font-weight:600;color:var(--text-secondary, #475569);border-bottom:1px solid var(--border-color, #e2e8f0);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.adcp-table td{padding:1rem;border-bottom:1px solid var(--border-color, #f1f5f9);color:var(--text-primary, #334155);vertical-align:middle}.adcp-table tr:last-child td{border-bottom:none}.adcp-table tr:hover td{background-color:var(--bg-hover, #f8fafc)}.adcp-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;line-height:1}.adcp-badge-mode{background-color:#eef2ff;color:#4f46e5;border:1px solid #c7d2fe}.adcp-badge-mode-30{background-color:#faf5ff;color:#9333ea;border:1px solid #e9d5ff}.adcp-badge-mode-fingerprint{background-color:#ecfeff;color:#0891b2;border:1px solid #c5f2f7}.adcp-badge-scope-all{background-color:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.adcp-badge-scope-xuong{background-color:#fff7ed;color:#ea580c;border:1px solid #ffedd5}.adcp-badge-scope-bo-phan{background-color:#f0fdfa;color:#0d9488;border:1px solid #ccfbf1}.adcp-badge-status-on{background-color:#ecfdf5;color:#047857}.adcp-badge-status-off{background-color:#fef2f2;color:#b91c1c}.adcp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary, #64748b);gap:1rem}.adcp-empty-text{font-size:1rem;font-weight:500}.adcp-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}.adcp-modal{background:var(--bg-secondary, #ffffff);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s cubic-bezier(.16,1,.3,1);border:1px solid var(--border-color, #e2e8f0)}.adcp-modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color, #e2e8f0);display:flex;justify-content:space-between;align-items:center}.adcp-modal-title{font-size:1.125rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0}.adcp-modal-close-btn{background:transparent;border:none;cursor:pointer;color:var(--text-secondary, #64748b);display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:6px;transition:background-color .2s}.adcp-modal-close-btn:hover{background-color:var(--bg-hover, #f1f5f9)}.adcp-modal-body{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem}.adcp-form-group{display:flex;flex-direction:column;gap:.5rem}.adcp-form-label{font-size:.875rem;font-weight:600;color:var(--text-primary, #1e293b)}.adcp-form-input,.adcp-form-select,.adcp-form-textarea{padding:.625rem .75rem;border-radius:8px;border:1px solid var(--border-color, #cbd5e1);background:var(--bg-secondary, #ffffff);color:var(--text-primary, #0f172a);font-size:.875rem;outline:none;transition:border-color .2s,box-shadow .2s}.adcp-form-input:focus,.adcp-form-select:focus,.adcp-form-textarea:focus{border-color:var(--primary-color, #4f46e5);box-shadow:0 0 0 3px #4f46e526}.adcp-form-textarea{min-height:80px;resize:vertical}.adcp-toggle-container{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.adcp-switch{position:relative;display:inline-block;width:44px;height:24px}.adcp-switch input{opacity:0;width:0;height:0}.adcp-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:24px}.adcp-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #0000001a}input:checked+.adcp-slider{background-color:#4f46e5}input:focus+.adcp-slider{box-shadow:0 0 1px #4f46e5}input:checked+.adcp-slider:before{transform:translate(20px)}.adcp-modal-footer{padding:1.25rem 1.5rem;border-top:1px solid var(--border-color, #e2e8f0);display:flex;justify-content:flex-end;gap:.75rem;background:var(--bg-header, #f8fafc)}.adcp-btn-cancel{background:var(--bg-secondary, #ffffff);border:1px solid var(--border-color, #cbd5e1);color:var(--text-primary, #334155)}.adcp-btn-cancel:hover:not(:disabled){background:var(--bg-hover, #f1f5f9)}.adcp-btn-save{background:#4f46e5;color:#fff}.adcp-btn-save:hover:not(:disabled){background:#4338ca}.adcp-btn:disabled{opacity:.6;cursor:not-allowed}.adcp-action-btn{background:transparent;border:none;cursor:pointer;padding:.375rem;border-radius:6px;color:var(--text-secondary, #64748b);display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.adcp-action-edit:hover{color:#2563eb;background-color:#eff6ff}.adcp-action-delete:hover{color:#dc2626;background-color:#fef2f2}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}[data-theme=dark] .adcp-page{background-color:#0f172a;color:#f1f5f9}[data-theme=dark] .adcp-filter-group,[data-theme=dark] .adcp-grid-container,[data-theme=dark] .adcp-modal{background-color:#1e293b;border-color:#334155}[data-theme=dark] .adcp-input-month,[data-theme=dark] .adcp-table td,[data-theme=dark] .adcp-modal-title{color:#f1f5f9}[data-theme=dark] .adcp-table th{background-color:#1e293b;color:#94a3b8;border-bottom-color:#334155}[data-theme=dark] .adcp-table td{border-bottom-color:#334155}[data-theme=dark] .adcp-table tr:hover td{background-color:#1e293b}[data-theme=dark] .adcp-form-input,[data-theme=dark] .adcp-form-select,[data-theme=dark] .adcp-form-textarea{background-color:#0f172a;border-color:#475569;color:#f1f5f9}[data-theme=dark] .adcp-modal-header{border-bottom-color:#334155}[data-theme=dark] .adcp-modal-footer{background-color:#1e293b;border-top-color:#334155}[data-theme=dark] .adcp-btn-secondary,[data-theme=dark] .adcp-btn-cancel{background-color:#1e293b;color:#cbd5e1;border-color:#475569}[data-theme=dark] .adcp-btn-secondary:hover,[data-theme=dark] .adcp-btn-cancel:hover{background-color:#334155}.adcp-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 0;gap:1rem}.adcp-spinner{width:2.5rem;height:2.5rem;border:4px solid var(--border-color, #e2e8f0);border-top-color:var(--primary-color, #4f46e5);border-radius:50%;animation:adcp-spin 1s linear infinite}@keyframes adcp-spin{to{transform:rotate(360deg)}}.adcp-loading-text{font-weight:500;color:var(--text-secondary, #64748b)}.adcp-empty-icon{color:#cbd5e1}.adcp-empty-desc{font-size:.875rem;color:var(--text-secondary, #64748b);max-width:28rem;text-align:center;margin:0;line-height:1.5}.adcp-cell-date{font-weight:600;color:#0369a1}.adcp-badge svg{margin-right:.25rem}.adcp-badge span{font-weight:600}.adcp-cell-scope-wrapper{display:flex;flex-direction:column;gap:.125rem;align-items:flex-start}.adcp-cell-subtext{font-size:.75rem;font-weight:600;color:#475569;margin-left:.25rem}.adcp-cell-note-text{font-style:italic;color:#475569}.adcp-cell-updater{font-weight:500}.adcp-cell-time{font-size:.75rem;color:#64748b}.adcp-action-container{display:flex;justify-content:center;gap:.25rem}.adcp-toggle-label{font-size:.875rem;font-weight:600}.adcp-form-hint{font-size:.75rem;color:#64748b;margin-top:.25rem;font-style:italic;line-height:1.5;white-space:pre-line}.adcp-text-muted{color:#94a3b8}.adcp-text-success{color:#059669}.adcp-text-danger{color:#e11d48}[data-theme=dark] .adcp-loading-text,[data-theme=dark] .adcp-empty-desc,[data-theme=dark] .adcp-cell-time,[data-theme=dark] .adcp-form-hint{color:#94a3b8}[data-theme=dark] .adcp-cell-date{color:#38bdf8}[data-theme=dark] .adcp-cell-subtext,[data-theme=dark] .adcp-cell-note-text{color:#cbd5e1}[data-theme=dark] .adcp-empty-icon{color:#475569}[data-theme=dark] .adcp-text-muted{color:#64748b}[data-theme=dark] .adcp-text-success{color:#34d399}[data-theme=dark] .adcp-text-danger{color:#fb7185}.adcp-col-start-date,.adcp-col-end-date{width:140px;min-width:100px;max-width:160px}.adcp-col-mode{width:220px;min-width:140px;max-width:220px}.adcp-col-scope{width:220px;min-width:160px;max-width:280px}.adcp-col-status{width:120px;min-width:90px;max-width:150px}.adcp-col-note{min-width:120px;max-width:none}.adcp-col-updater{width:180px;min-width:130px;max-width:240px}.adcp-col-update-time{width:180px;min-width:120px;max-width:200px}.adcp-col-actions{width:100px;min-width:80px;max-width:130px;text-align:center}.adcp-col-actions-td{text-align:center}.adcp-col-fingerprint-limit{width:200px;min-width:160px;max-width:250px}.adcp-fingerprint-limit-cell{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem}.adcp-limit-row{display:flex;align-items:center;gap:.375rem}.adcp-limit-label{font-weight:600;color:var(--text-secondary, #64748b);width:32px}.adcp-limit-val{font-family:monospace;font-weight:600}.adcp-limit-ca{font-weight:600;color:var(--primary-color, #4f46e5);font-size:.75rem;margin-top:.125rem}[data-theme=dark] .adcp-limit-ca{color:#818cf8}.adcp-form-section-title{font-size:.875rem;font-weight:700;color:var(--text-secondary, #475569);border-bottom:1px solid var(--border-color, #e2e8f0);padding-bottom:.25rem;margin-top:.5rem;text-transform:uppercase;letter-spacing:.05em}[data-theme=dark] .adcp-form-section-title{color:#94a3b8;border-bottom-color:#334155}.adcp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.adcp-form-hint-warning{font-size:.75rem;color:#d97706;margin-top:-.25rem;margin-bottom:.5rem;font-style:italic;line-height:1.5;white-space:pre-line}[data-theme=dark] .adcp-form-hint-warning{color:#fbbf24}.adcp-no-permission{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:calc(100vh - 120px);background:var(--bg-primary, #f8fafc);color:var(--text-primary, #0f172a);text-align:center;padding:24px}.adcp-no-permission-card{background:var(--bg-secondary, #ffffff);border:1px solid var(--border-color, #e2e8f0);padding:40px;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;max-width:480px;width:100%;display:flex;flex-direction:column;align-items:center}.adcp-no-permission h2{font-size:22px;font-weight:700;margin-top:16px;margin-bottom:12px;color:#ef4444}.adcp-no-permission p{font-size:14.5px;color:var(--text-secondary, #64748b);line-height:1.6}.adcp-no-permission-icon{color:#ef4444;margin-bottom:8px}[data-theme=dark] .adcp-no-permission{background:#0f172a;color:#f1f5f9}[data-theme=dark] .adcp-no-permission-card{background-color:#1e293b;border-color:#334155}[data-theme=dark] .adcp-no-permission p{color:#94a3b8}.sal-config-page{display:flex;flex-direction:column;gap:8px;padding:0 8px;max-width:100%;margin:0;width:100%;height:calc(100vh - 60px);overflow:hidden}.sal-config-workspace{display:flex;gap:8px;width:100%;flex:1;min-height:0;overflow:hidden}.sal-config-workspace-left{flex:4.5;min-width:0;display:flex;flex-direction:column;gap:1.25rem;height:100%;overflow-y:auto;padding-right:.25rem}.sal-config-workspace-right{flex:5.5;min-width:0;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding-right:.25rem}.sal-config-workspace-right.full-width{flex:1;width:100%}.sal-config-workspace-left::-webkit-scrollbar,.sal-config-workspace-right::-webkit-scrollbar,.timeline-scroll-axis::-webkit-scrollbar,.sal-config-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.sal-config-workspace-left::-webkit-scrollbar-track,.sal-config-workspace-right::-webkit-scrollbar-track,.timeline-scroll-axis::-webkit-scrollbar-track,.sal-config-table-wrapper::-webkit-scrollbar-track{background:transparent}.sal-config-workspace-left::-webkit-scrollbar-thumb,.sal-config-workspace-right::-webkit-scrollbar-thumb,.timeline-scroll-axis::-webkit-scrollbar-thumb,.sal-config-table-wrapper::-webkit-scrollbar-thumb{background:var(--border-divider, #d1d5db);border-radius:3px}.sal-config-workspace-left::-webkit-scrollbar-thumb:hover,.sal-config-workspace-right::-webkit-scrollbar-thumb:hover,.timeline-scroll-axis::-webkit-scrollbar-thumb:hover,.sal-config-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--text-muted, #9ca3af)}[data-theme=dark] .sal-config-workspace-left::-webkit-scrollbar-thumb,[data-theme=dark] .sal-config-workspace-right::-webkit-scrollbar-thumb,[data-theme=dark] .timeline-scroll-axis::-webkit-scrollbar-thumb,[data-theme=dark] .sal-config-table-wrapper::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15)}.sal-config-header{display:flex;padding:10px;justify-content:space-between;align-items:center}.sal-config-title{display:flex;align-items:center;gap:.75rem}.sal-config-title-icon{width:2rem;height:2rem;color:#3b82f6}.sal-config-title h1{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.sal-config-toast{position:fixed;top:1.5rem;right:1.5rem;padding:.75rem 1.25rem;border-radius:.375rem;font-weight:500;z-index:9999;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;animation:slideIn .3s ease-out}.sal-config-toast.success{background-color:#d1fae5;color:#065f46;border-left:4px solid #10b981}.sal-config-toast.error{background-color:#fee2e2;color:#991b1b;border-left:4px solid #ef4444}.sal-config-filter-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.25rem;box-shadow:0 1px 3px #0000000d}.sal-config-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.sal-config-filter-item{display:flex;flex-direction:column;gap:.5rem}.sal-config-filter-item label{font-size:.875rem;font-weight:550;color:#4b5563}.sal-config-filter-item select{height:2.5rem;border:1px solid #d1d5db;border-radius:.375rem;padding:0 .75rem;background-color:#fff;color:#1f2937;outline:none;font-size:.875rem;transition:border-color .2s}.sal-config-filter-item select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.sal-config-content-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:8px;box-shadow:0 1px 3px #0000000d}.sal-config-table-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;background-color:#f9fafb;padding:.75rem 1rem;border-radius:.375rem;border:1px solid #f3f4f6}.sal-config-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;height:2.5rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-add-row{background-color:#fff;border:1px solid #d1d5db;color:#374151}.btn-add-row:hover{background-color:#f3f4f6;border-color:#9ca3af}.btn-save{background-color:#2563eb;border:1px solid transparent;color:#fff}.btn-save:hover:not(:disabled){background-color:#1d4ed8}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-icon{width:1rem;height:1rem}.sal-config-loading,.sal-config-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px;text-align:center;padding:2rem}.sal-config-spinner{width:2.5rem;height:2.5rem;border:3px solid #f3f4f6;border-top:3px solid #3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.sal-config-empty h3{font-size:1.125rem;font-weight:600;color:#374151;margin:.5rem 0 .25rem}.sal-config-empty p{font-size:.875rem;color:#6b7280;max-width:380px}.empty-icon{width:3rem;height:3rem;color:#9ca3af;margin-bottom:.5rem}.sal-config-table-wrapper{overflow-x:auto;border:1px solid #e5e7eb;border-radius:.375rem}.sal-config-table{width:100%;border-collapse:collapse;text-align:left}.sal-config-table th{background-color:#f9fafb;font-size:.75rem;font-weight:600;text-transform:uppercase;color:#4b5563;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb}.sal-config-table td{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;vertical-align:middle}.sal-config-action-header{width:80px;text-align:center}.sal-config-action-cell{text-align:center}.sal-config-table tbody tr:last-child td{border-bottom:none}.sal-config-badge{display:inline-flex;padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.badge-ca{background-color:#eff6ff;color:#1e40af}.badge-chedo{background-color:#f5f3ff;color:#5b21b6}.badge-ngay{background-color:#fbf7e3;color:#854d0e}.sal-config-input-time{height:2.25rem;border:1px solid #d1d5db;border-radius:.375rem;padding:0 .5rem;color:#1f2937;background-color:#fff;outline:none;font-size:.875rem}.sal-config-input-time:focus{border-color:#3b82f6}.sal-config-input-heso-wrapper{display:inline-flex;align-items:center;border:1px solid #d1d5db;border-radius:.375rem;height:2.25rem;overflow:hidden;background-color:#fff}.sal-config-input-heso-wrapper:focus-within{border-color:#3b82f6}.sal-config-input-heso{border:none;background-color:transparent;outline:none;width:5rem;height:100%;padding:0 .5rem;text-align:right;color:#1f2937;font-size:.875rem}.sal-config-input-heso::-webkit-outer-spin-button,.sal-config-input-heso::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.percent-unit{background-color:#f3f4f6;height:100%;display:flex;align-items:center;padding:0 .5rem;color:#4b5563;font-size:.75rem;border-left:1px solid #d1d5db;font-weight:500}.sal-config-row-action-btn{background:none;border:none;cursor:pointer;padding:.375rem;border-radius:.25rem;color:#9ca3af;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.sal-config-row-action-btn:hover{background-color:#fee2e2;color:#dc2626}.action-icon{width:1.125rem;height:1.125rem}@keyframes slideIn{0%{transform:translateY(-1rem);opacity:0}to{transform:translateY(0);opacity:1}}[data-theme=dark] .sal-config-title h1{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .sticky-cell{background-color:#1e2032!important}[data-theme=dark] .timeline-table th.sticky-cell,[data-theme=dark] .timeline-header-cell,[data-theme=dark] .timeline-header-cell-hours{background-color:#24263a!important}[data-theme=dark] .sal-config-filter-card,[data-theme=dark] .sal-config-content-card{background-color:var(--bg-surface, rgba(30, 32, 50, .97));border-color:var(--border-divider, rgba(255, 255, 255, .1))}[data-theme=dark] .sal-config-filter-item label{color:var(--text-label, #d1d5db)}[data-theme=dark] .sal-config-filter-item select{background-color:var(--bg-input, rgba(25, 27, 45, .9));color:var(--text-primary, #e5e7eb);border-color:var(--border-input, #374151)}[data-theme=dark] .sal-config-table-actions{background-color:#ffffff05;border-color:var(--border-divider, rgba(255, 255, 255, .1))}[data-theme=dark] .btn-add-row{background-color:var(--bg-input, rgba(25, 27, 45, .9));border-color:var(--border-input, #374151);color:var(--text-primary, #e5e7eb)}[data-theme=dark] .btn-add-row:hover{background-color:var(--bg-surface-hover, rgba(36, 38, 58, 1))}[data-theme=dark] .sal-config-table-wrapper{border-color:var(--border-divider, rgba(255, 255, 255, .1))}[data-theme=dark] .sal-config-table th{background-color:#ffffff08;color:var(--text-secondary, #9ca3af);border-bottom-color:var(--border-divider, rgba(255, 255, 255, .1))}[data-theme=dark] .sal-config-table td{border-bottom-color:var(--border-divider, rgba(255, 255, 255, .1))}[data-theme=dark] .sal-config-badge.badge-ca{background-color:#3b82f626;color:#60a5fa}[data-theme=dark] .sal-config-badge.badge-chedo{background-color:#8b5cf626;color:#c084fc}[data-theme=dark] .sal-config-badge.badge-ngay{background-color:#eab30826;color:#fef08a}[data-theme=dark] .sal-config-input-time{background-color:var(--bg-input, rgba(25, 27, 45, .9));color:var(--text-primary, #e5e7eb);border-color:var(--border-input, #374151)}[data-theme=dark] .sal-config-input-heso-wrapper{background-color:var(--bg-input, rgba(25, 27, 45, .9));border-color:var(--border-input, #374151)}[data-theme=dark] .sal-config-input-heso{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .percent-unit{background-color:#ffffff0d;color:var(--text-secondary, #9ca3af);border-left-color:var(--border-input, #374151)}[data-theme=dark] .sal-config-row-action-btn{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .sal-config-row-action-btn:hover{background-color:#ef444433;color:#f87171}[data-theme=dark] .sal-config-empty h3{color:var(--text-primary, #e5e7eb)}.sal-config-timeline-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:8px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;height:100%;min-height:0}.timeline-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;border-bottom:1px solid #f3f4f6;padding-bottom:.75rem}.timeline-card-title{display:flex;align-items:center;gap:.75rem}.timeline-title-icon{width:1.75rem;height:1.75rem;color:#3b82f6}.timeline-card-title h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.timeline-card-subtitle{font-size:.8125rem;color:#6b7280;margin:.125rem 0 0}.timeline-legend{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem 1rem;background-color:#f9fafb;border-radius:.375rem;border:1px solid #f3f4f6}.legend-label{font-size:.8125rem;font-weight:600;color:#4b5563}.legend-items{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.legend-item{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;color:#4b5563}.legend-badge{width:.75rem;height:.75rem;border-radius:.125rem;display:inline-block}.legend-badge-normal{background-color:#10b981}.legend-badge-ot15{background-color:#f59e0b}.legend-badge-night20{background-color:#ef4444}.legend-badge-high-ot{background-color:#8b5cf6}.legend-badge-max-ot{background-color:#ec4899}.legend-badge.legend-empty{background:repeating-linear-gradient(45deg,#f3f4f6,#f3f4f6 3px,#ffffff 3px,#ffffff 6px);border:1px dashed #d1d5db}.timeline-graph-container{display:flex;flex-direction:column;flex:1;min-height:0}.timeline-scroll-axis{overflow-x:auto;padding-bottom:.5rem;width:100%}.timeline-main-wrapper{min-width:1200px;display:flex;flex-direction:column;position:relative}.timeline-axis-days{display:flex;margin-bottom:.25rem;text-align:center;font-size:.75rem;font-weight:600}.timeline-day-part{padding:.375rem 0;border-bottom:2px solid transparent}.timeline-day-part.day-1{background-color:#eff6ff;color:#1e40af;border-radius:.25rem 0 0 .25rem;border-bottom-color:#3b82f6}.timeline-day-part.day-2{background-color:#f0fdf4;color:#166534;border-radius:0 .25rem .25rem 0;border-bottom-color:#10b981}.timeline-axis-hours{position:relative;height:1.75rem;margin-bottom:.75rem;border-bottom:1px solid #e5e7eb}.timeline-hour-tick{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.tick-label{font-size:.6875rem;font-weight:500;color:#6b7280}.tick-line{width:1px;height:.375rem;background-color:#9ca3af;margin-top:.125rem}.timeline-rows-container{display:flex;flex-direction:column;gap:.75rem}.timeline-shift-row{display:flex;align-items:center;height:2.75rem;border-radius:.375rem;overflow:hidden;background-color:#f9fafb;border:1px solid #e5e7eb}.shift-row-label{width:130px;min-width:130px;padding:0 .75rem;border-right:1px solid #e5e7eb;height:100%;display:flex;flex-direction:column;justify-content:center;background-color:#fff}.shift-name{font-size:.8125rem;font-weight:600;color:#1f2937}.shift-time-info{font-size:.6875rem;color:#6b7280;margin-top:.125rem}.shift-segments-track{flex-grow:1;display:flex;height:100%;background-color:#f3f4f6;position:relative}.timeline-segment-block{height:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.15);cursor:pointer;transition:opacity .15s ease-in-out;position:relative}.timeline-segment-block:hover{opacity:.9;filter:brightness(.95)}.segment-text{font-size:.75rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 .25rem}[data-theme=dark] .sal-config-timeline-card{background-color:var(--bg-surface, rgba(30, 32, 50, .97));border-color:var(--border-divider, rgba(255, 255, 255, .1))}[data-theme=dark] .timeline-card-header{border-bottom-color:var(--border-divider, rgba(255, 255, 255, .1))}[data-theme=dark] .timeline-card-title h3{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .timeline-card-subtitle{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .timeline-legend{background-color:#ffffff05;border-color:var(--border-divider, rgba(255, 255, 255, .1))}[data-theme=dark] .legend-label,[data-theme=dark] .legend-item{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .legend-badge.legend-empty{background:repeating-linear-gradient(45deg,rgba(255,255,255,.05),rgba(255,255,255,.05) 3px,transparent 3px,transparent 6px);border-color:var(--border-divider, rgba(255, 255, 255, .1))}[data-theme=dark] .timeline-day-part.day-1{background-color:#3b82f626;color:#93c5fd;border-bottom-color:#3b82f6}[data-theme=dark] .timeline-day-part.day-2{background-color:#10b98126;color:#6ee7b7;border-bottom-color:#10b981}[data-theme=dark] .timeline-axis-hours{border-bottom-color:var(--border-divider, rgba(255, 255, 255, .1))}[data-theme=dark] .tick-line{background-color:var(--border-divider, rgba(255, 255, 255, .1))}[data-theme=dark] .timeline-shift-row{background-color:#ffffff03;border-color:var(--border-divider, rgba(255, 255, 255, .1))}[data-theme=dark] .shift-row-label{background-color:var(--bg-surface, rgba(30, 32, 50, .97));border-right-color:var(--border-divider, rgba(255, 255, 255, .1))}[data-theme=dark] .shift-name{color:var(--text-primary, #e5e7eb)!important}[data-theme=dark] .shift-time-info{color:var(--text-muted, #9ca3af)}[data-theme=dark] .shift-segments-track{background-color:#0003}.timeline-zoom-controls{display:flex;align-items:center;gap:.5rem;background-color:var(--bg-surface-hover, #f3f4f6);padding:.25rem .5rem;border-radius:.375rem;border:1px solid var(--border-divider, #e5e7eb)}.zoom-label{font-size:.8125rem;font-weight:550;color:var(--text-secondary, #4b5563)}.zoom-btn{width:1.75rem;height:1.75rem;border-radius:.25rem;border:1px solid var(--border-divider, #cbd5e1);background-color:var(--bg-surface, #ffffff);color:var(--text-primary, #1f2937);font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.zoom-btn:hover:not(:disabled){background-color:var(--border-divider, #cbd5e1);color:var(--text-primary, #111827);border-color:#9ca3af}.zoom-btn:disabled{opacity:.4;cursor:not-allowed}.zoom-value{font-size:.8125rem;font-weight:600;min-width:2.25rem;text-align:center;color:var(--text-primary, #1f2937)}.timeline-table-scroll-wrapper{overflow:auto;flex:1;min-height:0;width:100%;border:1px solid var(--border-divider, #cbd5e1);border-radius:.5rem;box-shadow:0 1px 3px #0000000d;background-color:var(--bg-surface, #ffffff);position:relative}.timeline-table{border-collapse:separate;border-spacing:0;width:100%;text-align:left;table-layout:fixed}.timeline-col-ca{width:100px}.timeline-col-chedo{width:85px}.timeline-col-ngay{width:105px}thead{position:relative;z-index:10}.timeline-axis-days{display:flex;width:100%;height:100%}.timeline-day-part{display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;height:1.75rem;box-sizing:border-box;width:50%}.timeline-day-part.day-1{background-color:#eff6ff;color:#1e40af;border-right:1px solid rgba(59,130,246,.2)}.timeline-day-part.day-2{background-color:#f0fdf4;color:#166534}.timeline-axis-hours{width:100%;height:100%;position:relative}.timeline-hour-tick{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:24px;position:absolute;transform:translate(-50%);top:0}.tick-label{font-size:10px;font-weight:600;color:var(--text-secondary, #4b5563);line-height:1}.tick-line{height:4px;background-color:var(--border-divider, #cbd5e1);width:1px;display:block;margin:2px auto 0}.sticky-cell{position:sticky!important;z-index:5;background-color:#fff!important;background:#ffffff!important;border-right:1px solid var(--border-divider, #e5e7eb);border-bottom:1px solid var(--border-divider, #e5e7eb);box-sizing:border-box;vertical-align:middle;padding:.5rem .75rem!important}.sticky-cell-ca{left:0;width:100px;z-index:6;font-weight:700;border-right:2px solid var(--border-divider, #cbd5e1)}.sticky-cell-chedo{left:100px;width:85px;z-index:6;font-weight:600;border-right:1.5px solid var(--border-divider, #cbd5e1)}.sticky-cell-ngay{left:185px;width:105px;z-index:6;font-weight:550;border-right:2px solid var(--border-divider, #94a3b8)}.timeline-table th.sticky-cell{position:sticky!important;top:0;background-color:#f8fafc!important;z-index:8;font-weight:700;font-size:.8125rem;color:var(--text-primary, #1e293b);border-bottom:2px solid var(--border-divider, #cbd5e1);text-align:center}.timeline-header-cell{position:sticky!important;top:0;z-index:7;background-color:#f8fafc!important;border-bottom:1px solid var(--border-divider, #e5e7eb);border-right:1px solid var(--border-divider, #e5e7eb);padding:0!important}.timeline-header-cell-hours{position:sticky!important;top:28px;z-index:7;background-color:#f8fafc!important;border-bottom:2px solid var(--border-divider, #cbd5e1);border-right:1px solid var(--border-divider, #e5e7eb);height:24px;padding:0!important}.ca-grouped-cell{border-right:2px solid var(--border-divider, #cbd5e1)}.ca-grouped-content{display:flex;flex-direction:column;gap:.25rem}.ca-name-label{font-size:.875rem;font-weight:700;color:#1e3a8a}.ca-hours-sub{font-size:.6875rem;color:#475569;font-family:monospace}.chedo-grouped-cell{border-right:1.5px solid var(--border-divider, #cbd5e1)}.chedo-name-label{font-size:.8125rem;font-weight:600;color:#5b21b6;background-color:#f5f3ff;padding:.125rem .375rem;border-radius:.25rem;border:1px solid #ddd6fe;display:inline-block}.ngay-cell{border-right:2px solid var(--border-divider, #94a3b8)}.ngay-cell-content{display:flex;align-items:center;justify-content:space-between;width:100%}.ngay-name-label{font-size:.8125rem;font-weight:550;color:#374151}.timeline-table-row{height:48px;background-color:var(--bg-surface, #ffffff)}.timeline-table-row:hover td.sticky-cell{background-color:#f8fafc!important}[data-theme=dark] .timeline-table-row:hover td.sticky-cell{background-color:#24263a!important}.timeline-table-row.active-editing-row td.sticky-cell{background-color:#eff6ff!important}.timeline-table-row.active-editing-row:hover td.sticky-cell{background-color:#e0f2fe!important;background:#e0f2fe!important}.timeline-table-row.active-editing-row .sticky-cell-ngay{border-right-color:#3b82f6}.timeline-table-row.active-editing-row td.timeline-track-cell{background-color:#3b82f60a}.timeline-track-cell{border-bottom:1px solid var(--border-divider, #e5e7eb)!important;border-right:1px solid var(--border-divider, #e5e7eb)!important;background-color:#f8fafc;padding:0!important}.shift-segments-track{display:flex;align-items:center;height:100%;width:100%;padding:4px 6px;box-sizing:border-box;min-height:38px}.timeline-segment-block{height:calc(100% - 2px)!important;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.18);font-size:.75rem;font-weight:700;cursor:pointer;transition:all .15s ease;min-width:1px;border-radius:4px}.timeline-segment-block:hover{filter:brightness(.9) saturate(1.1);box-shadow:inset 0 0 0 2px #fff3}.timeline-segment-block:last-child{border-right:none}.segment-text{font-size:.75rem;font-weight:750;text-shadow:0 1px 1px rgba(0,0,0,.15);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 .15rem}.track-editing-indicator{display:inline-flex;align-items:center;justify-content:center;position:relative;margin-left:.25rem}.track-editing-icon{color:#2563eb;animation:pulse-edit 1.8s infinite}[data-theme=dark] .timeline-zoom-controls{background-color:var(--bg-surface-hover, rgba(36, 38, 58, 1));border-color:var(--border-divider, rgba(255, 255, 255, .1))}[data-theme=dark] .zoom-label{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .zoom-btn{background-color:var(--bg-input, rgba(25, 27, 45, .9));border-color:var(--border-input, #374151);color:var(--text-primary, #e5e7eb)}[data-theme=dark] .zoom-btn:hover:not(:disabled){background-color:var(--bg-surface-hover, rgba(46, 48, 68, 1));border-color:#fff3}[data-theme=dark] .zoom-value{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .timeline-table-scroll-wrapper{border-color:var(--border-divider, rgba(255, 255, 255, .15));background-color:#1e2032}[data-theme=dark] .sticky-cell{background-color:#1e2032!important;background:#1e2032!important;color:var(--text-primary, #e5e7eb)!important;border-right-color:#ffffff1a;border-bottom-color:#ffffff1a}[data-theme=dark] .sticky-cell-ca{border-right-color:#fff3}[data-theme=dark] .sticky-cell-chedo{border-right-color:#ffffff26}[data-theme=dark] .sticky-cell-ngay{border-right-color:#ffffff40}[data-theme=dark] .timeline-table th.sticky-cell{background-color:#24263a!important;color:var(--text-primary, #e5e7eb)!important;border-bottom-color:#fff3}[data-theme=dark] .timeline-header-cell{background-color:#24263a!important;border-bottom-color:#ffffff1a;border-right-color:#ffffff1a}[data-theme=dark] .timeline-header-cell-hours{background-color:#24263a!important;border-bottom-color:#fff3;border-right-color:#ffffff1a}[data-theme=dark] .timeline-day-part.day-1{background-color:#2563eb33;color:#93c5fd;border-right-color:#2563eb4d}[data-theme=dark] .timeline-day-part.day-2{background-color:#10b98133;color:#6ee7b7}[data-theme=dark] .tick-label{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .tick-line{background-color:#fff3}[data-theme=dark] .ca-name-label,[data-theme=dark] .track-editing-icon{color:#60a5fa}[data-theme=dark] .ca-hours-sub{color:#9ca3af}[data-theme=dark] .chedo-name-label{color:#c084fc;background-color:#8b5cf626;border-color:#8b5cf640}[data-theme=dark] .ngay-name-label{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .timeline-table-row{background-color:#1e2032}[data-theme=dark] .timeline-table-row:hover td{background-color:#ffffff05!important}[data-theme=dark] .timeline-table-row.active-editing-row td.sticky-cell{background-color:#1f2d52!important;background:#1f2d52!important}[data-theme=dark] .timeline-table-row.active-editing-row:hover td.sticky-cell{background-color:#273b64!important;background:#273b64!important}[data-theme=dark] .timeline-table-row.active-editing-row td.timeline-track-cell{background-color:#2563eb14}[data-theme=dark] .timeline-track-cell{border-bottom-color:#ffffff1a!important;border-right-color:#ffffff1a!important;background-color:#00000026}@media (max-width: 1366px){.sal-config-workspace{flex-direction:column;overflow-y:auto;height:auto}.sal-config-page{height:auto;overflow:auto}.sal-config-workspace-left,.sal-config-workspace-right{flex:none;width:100%;height:auto;overflow-y:visible;padding-right:0}}.coming-soon-container{display:flex;justify-content:center;align-items:center;min-height:400px;padding:40px 20px;background:linear-gradient(135deg,rgba(var(--color-primary-rgb, 102, 126, 234),.08) 0%,rgba(var(--color-primary-rgb, 102, 126, 234),.14) 100%);border-radius:12px;margin:20px}.coming-soon-content{text-align:center;background:var(--bg-surface, #ffffff);padding:48px 40px;border-radius:16px;box-shadow:0 10px 40px #0000001a;max-width:440px;width:100%}[data-theme=dark] .coming-soon-content{box-shadow:0 10px 40px #0006}.coming-soon-icon{color:#f59e0b;margin-bottom:16px}.coming-soon-title{font-size:22px;font-weight:700;color:var(--text-primary, #111827);margin:0 0 12px}.coming-soon-message{font-size:14px;color:var(--text-label, #374151);margin:0 0 8px;line-height:1.6}.coming-soon-hint{font-size:13px;color:var(--text-secondary, #9ca3af);margin:0}.oc-node-wrapper{display:flex;flex-direction:column;width:100%}.oc-node{display:flex;align-items:center;gap:0;padding:5px 8px;border-radius:6px;position:relative;cursor:default;transition:background-color .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;box-sizing:border-box}.oc-node:hover{background-color:#00000008}.oc-node--xuong{background-color:#06b6d40f;border-left:3px solid #06b6d4;font-weight:600;font-size:16px}.oc-node--bophan{background-color:#3b82f60d;border-left:3px solid #3b82f6;font-weight:500;font-size:15px}.oc-node--chucvu{background-color:#8b5cf60a;border-left:3px solid #8b5cf6;font-size:15px}.oc-node--chitiet{background-color:#10b9810a;border-left:3px solid #10b981;font-size:14px;color:var(--text-secondary, #475569)}.oc-node__drag-handle{display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--text-muted, #cbd5e1);cursor:grab;flex-shrink:0;border-radius:3px;transition:color .15s}.oc-node__drag-handle:hover{color:var(--text-secondary, #94a3b8);background-color:#0000000d}.oc-node__drag-handle:active{cursor:grabbing}.oc-node__drag-handle--hidden{visibility:hidden;pointer-events:none}.oc-node__toggle{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:none;cursor:pointer;color:var(--text-secondary, #94a3b8);border-radius:3px;padding:0;flex-shrink:0;transition:color .15s,transform .2s}.oc-node__toggle:hover{color:var(--text-primary, #1e293b);background-color:#0000000f}.oc-node__toggle--expanded svg{transform:rotate(90deg)}.oc-node__toggle-placeholder{width:18px;flex-shrink:0}.oc-node__label{flex:0 0 18%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary, #1e293b);line-height:1.4;padding-right:6px;box-sizing:border-box;display:flex;align-items:center;gap:4px}.oc-node__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0}.oc-node__label-prefix{font-size:.75em;font-weight:500;color:var(--text-muted, #5b7ba8);white-space:nowrap;flex-shrink:0}.oc-node__manager-badge{flex-shrink:0;font-size:10px;font-weight:700;color:#fff;background:#f59e0b;border-radius:3px;padding:1px 4px;line-height:1.4;letter-spacing:.02em;white-space:nowrap}.oc-node__nhom-cvct{flex:0 0 14%;overflow:hidden;white-space:nowrap;padding-right:6px;box-sizing:border-box;display:flex;align-items:center}.oc-node__nhom-cvct-tag{display:inline-block;font-size:11px;font-weight:500;color:#7c3aed;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.25);border-radius:4px;padding:1px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.oc-node__desc{flex:0 0 33%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted, #94a3b8);font-size:.85em;font-style:italic;padding-right:6px;box-sizing:border-box;min-width:0}.oc-node__content{flex:1;display:flex;align-items:center;min-width:0;overflow:hidden;justify-content:space-evenly}.oc-node__cap-bac{flex:0 0 20%;display:flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;overflow:hidden;padding:0 4px}.oc-node__cap-bac-label{font-size:11px;color:var(--text-muted, #94a3b8);font-weight:500;white-space:nowrap}.oc-node__cap-bac-ctrl{display:flex;align-items:center;gap:2px}.oc-node__cap-bac-btn{width:18px;height:18px;border:1px solid #e2e8f0;border-radius:3px;background:#f8fafc;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;color:#64748b;transition:background-color .12s,border-color .12s,color .12s;flex-shrink:0}.oc-node__cap-bac-btn:hover{background-color:#e0f2fe;border-color:#06b6d4;color:#0891b2}.oc-node__cap-bac-val{min-width:22px;text-align:center;font-size:13px;font-weight:700;color:#475569;cursor:pointer;border-radius:3px;padding:1px 3px;transition:background-color .12s}.oc-node__cap-bac-val:hover{background-color:#06b6d41a;color:#0891b2}.oc-node__cap-bac-input{width:38px;text-align:center;border:1px solid #06b6d4;border-radius:3px;font-size:13px;font-weight:700;padding:1px 3px;outline:none;color:#0891b2}.oc-node__sort-order{flex:0 0 5%;font-size:11px;color:#3583e2;white-space:nowrap;font-variant-numeric:tabular-nums;text-align:center;box-sizing:border-box}.oc-node__delete-wrap{flex:0 0 5%;border-left:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box}.oc-node__gear-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:none;cursor:pointer;color:#94a3b8;border-radius:4px;padding:0;flex-shrink:0;transition:color .15s,background-color .15s,transform .2s}.oc-node__gear-btn:hover{color:#6366f1;background-color:#6366f11a}.oc-node__gear-btn--open{color:#6366f1;background-color:#6366f11f;transform:rotate(45deg)}.oc-node__gear-menu{position:fixed;min-width:148px;background:#1E293B;border:1px solid #334155;border-radius:8px;box-shadow:0 8px 24px #00000059;padding:4px 0;z-index:9999;animation:oc-gear-menu-in .12s ease}@keyframes oc-gear-menu-in{0%{opacity:0;transform:translateY(-4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.oc-node__gear-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 12px;border:none;background:transparent;color:#cbd5e1;font-size:12px;font-weight:500;cursor:pointer;text-align:left;transition:background .1s ease,color .1s ease;white-space:nowrap}.oc-node__gear-item:hover{background:#334155;color:#f1f5f9}.oc-node__gear-item:first-child:hover{color:#60a5fa}.oc-node__gear-item--deactivate{color:#fcd34d}.oc-node__gear-item--deactivate:hover{background:#334155;color:#fbbf24}.oc-node__gear-item--activate{color:#6ee7b7}.oc-node__gear-item--activate:hover{background:#334155;color:#34d399}.oc-node__gear-item--delete{color:#fca5a5;border-top:1px solid #334155;margin-top:2px}.oc-node__gear-item--delete:hover{background:rgba(239,68,68,.15);color:#f87171}.oc-node--inactive{opacity:.5;background-color:#94a3b814!important;border-left-color:#cbd5e1!important}.oc-node--inactive .oc-node__label-text{text-decoration:line-through;color:#94a3b8}.oc-node--dragging{opacity:.4}.oc-node--drag-over{background-color:#06b6d41f!important;outline:2px dashed #06b6d4;outline-offset:-2px}.oc-node__children{padding-left:28px;border-left:1px dashed var(--border-color, #e2e8f0);margin-left:18px;display:flex;flex-direction:column;gap:2px;padding-top:2px;padding-bottom:4px}.oc-add-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;margin-top:4px;border:1px dashed var(--border-color, #cbd5e1);background:none;border-radius:5px;font-size:13px;color:var(--text-secondary, #94a3b8);cursor:pointer;transition:color .15s,border-color .15s,background-color .15s;white-space:nowrap;align-self:flex-start}.oc-add-btn:hover{color:#06b6d4;border-color:#06b6d4;background-color:#06b6d40d}@media (max-width: 768px){.oc-node__children{padding-left:10px;margin-left:8px}.oc-node{padding:4px;gap:0}.oc-node__drag-handle,.oc-node__toggle,.oc-node__toggle-placeholder{width:14px;height:14px}.oc-node__label{flex:0 0 30%;font-size:13px;gap:2px}.oc-node__label-prefix{font-size:.68em}.oc-node__manager-badge{font-size:9px;padding:1px 3px}.oc-node__nhom-cvct{display:none}.oc-node__desc{flex:1 1 0;font-size:.8em;padding-right:4px}.oc-node__cap-bac{flex:0 0 auto;padding:0 2px;gap:2px}.oc-node__cap-bac-label{font-size:10px}.oc-node__cap-bac-btn{display:none}.oc-node__cap-bac-val{font-size:12px;min-width:18px;padding:1px 2px}.oc-node__sort-order{display:none}.oc-node__delete-wrap{flex:0 0 auto}.oc-node--xuong,.oc-node--bophan{font-size:13px}.oc-node--chucvu,.oc-node--chitiet{font-size:12px}.oc-add-btn{font-size:12px;padding:2px 6px}}[data-theme=dark] .oc-node:hover{background-color:#ffffff0a}[data-theme=dark] .oc-node--xuong{background-color:#06b6d414}[data-theme=dark] .oc-node--bophan{background-color:#3b82f612}[data-theme=dark] .oc-node--chucvu{background-color:#8b5cf60f}[data-theme=dark] .oc-node--chitiet{background-color:#10b9810d;color:var(--text-secondary, #94a3b8)}[data-theme=dark] .oc-node__label{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .oc-node__label-prefix{color:var(--text-secondary, #64748b)}[data-theme=dark] .oc-node__toggle{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .oc-node__toggle:hover{color:var(--text-primary, #e2e8f0);background-color:#ffffff14}[data-theme=dark] .oc-node__drag-handle{color:var(--border-divider, #475569)}[data-theme=dark] .oc-node__drag-handle:hover{color:var(--text-secondary, #94a3b8);background-color:#ffffff14}[data-theme=dark] .oc-node__desc{color:var(--text-secondary, #64748b)}[data-theme=dark] .oc-node__nhom-cvct-tag{background:rgba(139,92,246,.15);border-color:#8b5cf64d}[data-theme=dark] .oc-node__cap-bac-btn{background:var(--bg-input, #334155);border-color:var(--border-divider, #475569);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .oc-node__cap-bac-val{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .oc-node__cap-bac-input{background:var(--bg-content, #1e293b);border-color:#06b6d4;color:#22d3ee}[data-theme=dark] .oc-node__sort-order{color:#93c5fd}[data-theme=dark] .oc-node__delete-wrap,[data-theme=dark] .oc-node__children{border-left-color:var(--border-divider, #475569)}[data-theme=dark] .oc-add-btn{color:var(--text-secondary, #94a3b8);border-color:var(--border-divider, #475569)}[data-theme=dark] .oc-add-btn:hover{color:#22d3ee;border-color:#06b6d4;background-color:#06b6d414}[data-theme=dark] .oc-node--drag-over{background-color:#06b6d426!important}[data-theme=dark] .oc-node--inactive{background-color:#94a3b80d!important}[data-theme=dark] .oc-node__gear-btn{color:var(--text-secondary, #94a3b8)}.oc-tree{display:flex;flex-direction:column;gap:8px}.oc-tree__xuong-block{border:1px solid var(--border-color, #e2e8f0);border-radius:8px;overflow:hidden;background-color:#fff}.oc-tree__add-xuong-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:1px dashed var(--border-color, #cbd5e1);background:none;border-radius:6px;font-size:13px;color:var(--text-secondary, #94a3b8);cursor:pointer;margin-top:4px;transition:color .15s,border-color .15s,background-color .15s}.oc-tree__add-xuong-btn:hover{color:#06b6d4;border-color:#06b6d4;background-color:#06b6d40d}@media (max-width: 768px){.oc-tree{gap:6px}.oc-tree__add-xuong-btn{font-size:12px;padding:5px 10px}}[data-theme=dark] .oc-tree__xuong-block{background-color:var(--bg-content, #1e293b);border-color:var(--border-divider, #475569)}[data-theme=dark] .oc-tree__add-xuong-btn{color:var(--text-secondary, #94a3b8);border-color:var(--border-divider, #475569)}.ocv-toolbar{display:inline-flex;align-items:center;gap:2px;background:rgba(255,255,255,.95);border:1px solid #E2E8F0;border-radius:8px;padding:4px 6px;box-shadow:0 2px 8px #00000014;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ocv-toolbar__btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:#475569;cursor:pointer;padding:0;transition:background .12s ease,color .12s ease}.ocv-toolbar__btn:hover{background:#F1F5F9;color:#1e293b}.ocv-toolbar__btn:active{background:#E2E8F0}.ocv-toolbar__btn--active{background:#EEF2FF;color:#6366f1}.ocv-toolbar__btn--active:hover{background:#E0E7FF}.ocv-toolbar__scale{display:flex;align-items:center;justify-content:center;min-width:46px;height:28px;border:none;border-radius:6px;background:transparent;color:#475569;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;padding:0 4px;transition:background .12s ease}.ocv-toolbar__scale:hover{background:#F1F5F9;color:#1e293b}.ocv-toolbar__divider{display:block;width:1px;height:18px;background:#E2E8F0;margin:0 2px;flex-shrink:0}[data-theme=dark] .ocv-toolbar{background:var(--bg-content, #1e293b);border-color:var(--border-divider, #475569);box-shadow:0 2px 8px #00000059}[data-theme=dark] .ocv-toolbar__btn{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .ocv-toolbar__btn:hover{background:var(--bg-surface-hover, #334155);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .ocv-toolbar__btn:active{background:var(--bg-input, #475569)}[data-theme=dark] .ocv-toolbar__btn--active{background:rgba(99,102,241,.15);color:#818cf8}[data-theme=dark] .ocv-toolbar__scale{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .ocv-toolbar__scale:hover{background:var(--bg-surface-hover, #334155);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .ocv-toolbar__divider{background:var(--border-divider, #475569)}.ocv-node-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:90px;max-width:130px;padding:0 6px 8px;background:transparent;border:none;border-radius:0;box-shadow:none;cursor:default;transition:transform .12s ease;position:relative;box-sizing:border-box}.ocv-node-card--hovered{transform:translateY(-2px)}.ocv-node-card--drag-over .ocv-node-card__avatar{border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f140}.ocv-node-card__cvct-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border:1.5px dashed var(--node-border-color, #CBD5E1);border-radius:20px;background:transparent;font-size:10px;font-weight:700;color:var(--node-border-color, #A78BFA);text-align:center;white-space:nowrap;line-height:1.5;margin-bottom:6px;letter-spacing:.03em;max-width:120px;overflow:hidden;text-overflow:ellipsis}.ocv-node-card__avatar-wrap{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:8px}.ocv-node-card__avatar{width:52px;height:52px;border-radius:50%;border:2px solid var(--node-border-color, #CBD5E1);background:#FFFFFF;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .15s ease,box-shadow .15s ease;position:relative;z-index:1}.ocv-node-card--has-cvct .ocv-node-card__avatar{border-style:dashed}.ocv-node-card--hovered .ocv-node-card__avatar{box-shadow:0 0 0 3px color-mix(in srgb,var(--node-border-color, #CBD5E1) 20%,transparent)}.ocv-node-card__btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:50%;cursor:pointer;padding:0;position:absolute;z-index:2;opacity:0;transition:opacity .15s ease,background .12s ease,transform .2s ease;pointer-events:none}.ocv-node-card--hovered .ocv-node-card__btn{opacity:1;pointer-events:auto}.ocv-node-card__gear-wrap{position:absolute;top:-4px;right:-10px;z-index:10}.ocv-node-card__btn--gear{background:#64748B;color:#fff;top:0;right:0}.ocv-node-card__btn--gear:hover{background:#475569}.ocv-node-card__btn--gear[aria-expanded=true]{background:#6366F1;transform:rotate(45deg)}.ocv-node-card__gear-menu{position:fixed;min-width:148px;background:#1E293B;border:1px solid #334155;border-radius:8px;box-shadow:0 8px 24px #00000059;padding:4px 0;z-index:9999;animation:ocv-gear-menu-in .12s ease}@keyframes ocv-gear-menu-in{0%{opacity:0;transform:translateY(-4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.ocv-node-card__gear-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 12px;border:none;background:transparent;color:#cbd5e1;font-size:12px;font-weight:500;cursor:pointer;text-align:left;transition:background .1s ease,color .1s ease;white-space:nowrap}.ocv-node-card__gear-item:hover{background:#334155;color:#f1f5f9}.ocv-node-card__gear-item:first-child:hover{color:#60a5fa}.ocv-node-card__gear-item--deactivate{color:#fcd34d}.ocv-node-card__gear-item--deactivate:hover{background:#334155;color:#fbbf24}.ocv-node-card__gear-item--activate{color:#6ee7b7}.ocv-node-card__gear-item--activate:hover{background:#334155;color:#34d399}.ocv-node-card__gear-item--delete{color:#fca5a5;border-top:1px solid #334155;margin-top:2px}.ocv-node-card__gear-item--delete:hover{background:rgba(239,68,68,.15);color:#f87171}.ocv-node-card--inactive{opacity:.45;filter:grayscale(60%)}.ocv-node-card--inactive .ocv-node-card__avatar{border-style:dashed;border-color:#94a3b8!important}.ocv-node-card__name{font-size:12px;font-weight:700;color:#1e293b;text-align:center;white-space:normal;word-break:break-word;line-height:1.4;width:100%;margin-bottom:2px}.ocv-node-card__cvct-name{font-size:11px;font-style:italic;color:var(--node-border-color, #A78BFA);text-align:center;white-space:normal;word-break:break-word;line-height:1.3;width:100%;margin-bottom:1px}.ocv-node-card__cap-bac{font-size:10px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;text-align:center}.ocv-node-card__add-area{display:flex;align-items:center;justify-content:center;position:relative;width:22px;height:22px;margin-top:6px}.ocv-node-card__add-area:before{content:"";position:absolute;left:50%;top:0;transform:translate(-50%);width:0;height:100%;border-left:2px dashed #94A3B8;opacity:0;transition:opacity .15s ease;pointer-events:none;z-index:0}.ocv-node-card__add-area--has-children:before{opacity:1}.ocv-node-card__btn-add{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:2px dashed #94A3B8;border-radius:50%;background:#fff;color:#94a3b8;cursor:pointer;padding:0;position:absolute;top:0;left:0;z-index:1;transition:border-color .15s ease,color .15s ease,background .15s ease,opacity .15s ease;opacity:0;pointer-events:none}.ocv-node-card--hovered .ocv-node-card__btn-add{opacity:1;pointer-events:auto}.ocv-node-card__btn-add:hover{border-color:#6366f1;color:#6366f1;background:#EEF2FF}.ocv-node-card[draggable=true]{cursor:grab}.ocv-node-card[draggable=true]:active{cursor:grabbing;opacity:.7}[data-theme=dark] .ocv-node-card__avatar{background:var(--bg-content, #1e293b)}[data-theme=dark] .ocv-node-card__name{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .ocv-node-card__cap-bac{color:var(--text-secondary, #64748b)}[data-theme=dark] .ocv-node-card__btn-add{background:var(--bg-content, #1e293b);border-color:var(--border-divider, #475569);color:var(--text-secondary, #64748b)}[data-theme=dark] .ocv-node-card__btn-add:hover{border-color:#818cf8;color:#818cf8;background:rgba(99,102,241,.12)}.ocv-chucvu-grid{display:flex;flex-direction:column;align-items:stretch;gap:0;position:relative}.ocv-chucvu-row,.ocv-chucvu-row__wrap{display:flex;flex-direction:column;align-items:stretch}.ocv-chucvu-row__connector-area{position:relative;width:100%;overflow:visible}.ocv-conn-line{position:absolute;pointer-events:none}.ocv-conn-line--v{width:0;border-left:2px dashed #94A3B8}.ocv-conn-line--h{height:0;border-top:2px dashed #94A3B8}.ocv-chucvu-row__cell-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:stretch}.ocv-chucvu-row__cell--shared,.ocv-chucvu-row__cell--spanning,.ocv-chucvu-row__cell--centered{display:flex;justify-content:center;align-items:flex-start}.ocv-chucvu-row__nodes{display:grid;gap:20px 20px;align-items:start;justify-items:center;padding:0;grid-auto-rows:auto;grid-template-rows:auto}.ocv-chucvu-row__nodes--centered{display:flex;justify-content:center;align-items:flex-start;width:100%}.ocv-chucvu-row__empty-cell{min-width:90px;min-height:10px;flex:1}.ocv-chucvu-row__empty-cell[data-passthrough-col]{min-height:80px}.ocv-chucvu-row__cell{display:flex;flex-direction:column;align-items:center}.ocv-chucvu-row__cell-header{font-size:11px;font-weight:600;color:#888;text-align:center;margin-bottom:4px;white-space:nowrap}.ocv-chucvu-row__cell-nodes{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:10px}.ocv-chucvu-row__cell-nodes--1{justify-content:center}.ocv-chucvu-row__cell-nodes--2{gap:14px}.ocv-chucvu-row__cell-nodes--3{gap:10px}.ocv-chucvu-row__cell--multi{display:flex;flex-direction:column;align-items:center}[data-theme=dark] .ocv-conn-line--v{border-left-color:var(--border-divider, #475569)}[data-theme=dark] .ocv-conn-line--h{border-top-color:var(--border-divider, #475569)}[data-theme=dark] .ocv-chucvu-row__cell-header{color:var(--text-secondary, #64748b)}.ocv-bophan-col{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.ocv-bophan-col__vline{width:2px;height:24px;background:#CBD5E1;flex-shrink:0}[data-theme=dark] .ocv-bophan-col__vline{background:var(--border-divider, #475569)}.ocv-minimap{background:rgba(255,255,255,.92);border:1px solid #E2E8F0;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ocv-minimap__canvas{display:block}[data-theme=dark] .ocv-minimap{background:rgba(30,41,59,.92);border-color:var(--border-divider, #475569);box-shadow:0 2px 10px #0006}.ocv-content{position:absolute;top:0;left:0;transform-origin:0 0;padding:60px 40px 40px}.ocv-xuong-header{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:6px 20px;background:#FEF3C7;border:1px solid #F59E0B;border-radius:24px;margin-bottom:12px;font-size:13px;font-weight:700;color:#92400e;box-sizing:border-box;letter-spacing:.03em}.ocv-vline{width:2px;background:#CBD5E1;flex-shrink:0;align-self:center}.ocv-vline--sm{height:20px}.ocv-vline--md{height:28px}.ocv-bophan-row__cards{display:flex;flex-direction:row;gap:32px;flex-wrap:nowrap;justify-content:center;position:relative;z-index:2}.ocv-bophan-row__connector{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;width:100%;height:28px;margin-bottom:0}.ocv-bophan-row__hline{position:absolute;top:0;height:2px;background:#CBD5E1;pointer-events:none;z-index:1}.ocv-bophan-col-vline{position:absolute;bottom:0;width:2px;height:28px;background:#CBD5E1;left:50%;transform:translate(-50%);z-index:1;pointer-events:none}.ocv-bophan-col-wrap{position:relative;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.ocv-skeleton__card{width:80px;height:80px;border-radius:50%;background:linear-gradient(90deg,#F1F5F9 25%,#E2E8F0 50%,#F1F5F9 75%);background-size:200% 100%;animation:ocv-shimmer 1.4s infinite linear}.ocv-root{position:relative;width:100%;height:100%;min-height:400px;background:#F8FAFC;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.ocv-root--fullscreen{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:9999!important;border-radius:0!important;background:#F8FAFC}.ocv-toolbar-wrap{position:absolute;top:10px;left:10%;transform:translate(-50%);z-index:100;pointer-events:auto}.ocv-minimap-wrap{position:absolute;bottom:12px;right:12px;z-index:100;pointer-events:auto}.ocv-pan-area{position:relative;width:100%;flex:1;overflow:hidden;cursor:grab}.ocv-pan-area--grabbing{cursor:grabbing}.ocv-content{position:absolute;top:0;left:0;transform-origin:0 0}.ocv-xuong-block{display:flex;flex-direction:column;align-items:center;margin-bottom:48px}.ocv-xuong-header{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:6px 16px;background:#FEF3C7;border:1px solid #F59E0B;border-radius:8px;margin-bottom:8px;font-size:13px;font-weight:700;color:#92400e;box-sizing:border-box}.ocv-xuong__vline{width:1px;height:20px;background:#CBD5E1;flex-shrink:0}.ocv-manager-bp-wrap{display:flex;flex-direction:column;align-items:center}.ocv-manager-bp__vline-down{width:1px;height:20px;background:#CBD5E1;flex-shrink:0}.ocv-bophan-row{display:flex;flex-direction:column;align-items:center;position:relative;width:100%}.ocv-bophan-row__axis{position:absolute;top:0;bottom:0;left:50%;width:1px;background:#CBD5E1;transform:translate(-50%);z-index:0;pointer-events:none}.ocv-bophan-row__hline{position:absolute;height:1px;background:#CBD5E1;pointer-events:none;z-index:1}.ocv-bophan-row__cards{display:flex;flex-direction:row;gap:24px;flex-wrap:nowrap;justify-content:center;position:relative;z-index:2;padding-top:20px}.ocv-skeleton{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 24px;width:100%}.ocv-skeleton__strip{width:100%;height:40px;background:linear-gradient(90deg,#F1F5F9 25%,#E2E8F0 50%,#F1F5F9 75%);background-size:200% 100%;border-radius:8px;animation:ocv-shimmer 1.4s infinite linear}.ocv-skeleton__cards{display:flex;gap:20px;justify-content:center}.ocv-skeleton__card{width:100px;height:100px;border-radius:12px;background:linear-gradient(90deg,#F1F5F9 25%,#E2E8F0 50%,#F1F5F9 75%);background-size:200% 100%;animation:ocv-shimmer 1.4s infinite linear}@keyframes ocv-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ocv-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%;min-height:300px;color:#94a3b8}.ocv-empty__icon{color:#94a3b8;opacity:.6}.ocv-empty__title{font-size:15px;font-weight:600;color:#64748b;margin:0}.ocv-empty__sub{font-size:13px;color:#94a3b8;margin:0}[data-theme=dark] .ocv-root,[data-theme=dark] .ocv-root--fullscreen{background:var(--bg-surface, #0f172a)}[data-theme=dark] .ocv-xuong-header{background:rgba(120,53,15,.2);border-color:#f59e0b66;color:#fcd34d}[data-theme=dark] .ocv-vline,[data-theme=dark] .ocv-xuong__vline,[data-theme=dark] .ocv-manager-bp__vline-down,[data-theme=dark] .ocv-bophan-row__hline,[data-theme=dark] .ocv-bophan-row__axis,[data-theme=dark] .ocv-bophan-col-vline{background:var(--border-divider, #475569)}[data-theme=dark] .ocv-skeleton__strip,[data-theme=dark] .ocv-skeleton__card{background:linear-gradient(90deg,#1e293b 25%,#334155 50%,#1e293b 75%);background-size:200% 100%}[data-theme=dark] .ocv-empty{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .ocv-empty__title{color:var(--text-secondary, #64748b)}.oc-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.oc-modal-box{background:#fff;border-radius:10px;width:100%;max-width:480px;box-shadow:0 8px 32px #0000002e;display:flex;flex-direction:column;overflow:hidden}.oc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f8fafc}.oc-modal-header__title{font-size:15px;font-weight:600;color:#1e293b;margin:0}.oc-modal-header__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:#64748b;transition:background .15s}.oc-modal-header__close:hover{background:#e5e7eb;color:#1e293b}.oc-modal-body{padding:20px;display:flex;flex-direction:column;gap:14px}.oc-modal-field{display:flex;flex-direction:column;gap:5px}.oc-modal-field__label{font-size:12px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.04em}.oc-modal-field__label--required:after{content:" *";color:#ef4444}.oc-modal-field__select{width:100%;padding:8px 34px 8px 12px;border:1px solid #d1d5db;border-radius:7px;font-size:14px;color:#1e293b;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.oc-modal-field__select:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91f}.oc-modal-field__select:disabled{background-color:#f1f5f9;color:#94a3b8;cursor:not-allowed}.oc-modal-field__badge{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:#e0f2fe;border:1px solid #bae6fd;border-radius:6px;font-size:13px;color:#0369a1;font-weight:500;width:-moz-fit-content;width:fit-content}.oc-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid #e5e7eb;background:#f8fafc}.oc-modal-btn{padding:8px 18px;font-size:13px;font-weight:600;border-radius:7px;border:none;cursor:pointer;transition:background .15s,opacity .15s;display:flex;align-items:center;gap:6px}.oc-modal-btn--cancel{background:#f1f5f9;color:#475569}.oc-modal-btn--cancel:hover{background:#e2e8f0}.oc-modal-btn--submit{background:#0ea5e9;color:#fff}.oc-modal-btn--submit:hover:not(:disabled){background:#0284c7}.oc-modal-btn--submit:disabled{opacity:.5;cursor:not-allowed}.oc-modal-error{font-size:12px;color:#ef4444;padding:6px 10px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;display:flex;align-items:center;gap:6px}[data-theme=dark] .oc-modal-box{background:var(--bg-content, #1e293b)}[data-theme=dark] .oc-modal-header{background:var(--bg-input, #334155);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .oc-modal-header__title{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .oc-modal-header__close{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .oc-modal-header__close:hover{background:rgba(255,255,255,.08);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .oc-modal-field__label{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .oc-modal-field__select{background-color:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}[data-theme=dark] .oc-modal-field__select:disabled{background-color:#ffffff0a;color:var(--text-secondary, #94a3b8)}[data-theme=dark] .oc-modal-field__badge{background:rgba(30,64,175,.15);border-color:#93c5fd4d;color:#93c5fd}[data-theme=dark] .oc-modal-footer{background:var(--bg-input, #334155);border-top-color:var(--border-divider, #475569)}[data-theme=dark] .oc-modal-btn--cancel{background:var(--bg-content, #1e293b);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .oc-modal-btn--cancel:hover{background:var(--bg-surface-hover, #334155)}[data-theme=dark] .oc-modal-error{background:rgba(153,27,27,.12);border-color:#fca5a54d;color:#fca5a5}.ocnm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.ocnm-box{background:#ffffff;border-radius:8px;box-shadow:0 10px 25px #0003;width:90%;max-width:550px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.ocnm-header{padding:16px 20px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;background:#f8fafc}.ocnm-header__title{font-size:16px;font-weight:600;color:#1f2937;margin:0}.ocnm-header__close{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.ocnm-header__close:hover{background:#f3f4f6;color:#374151}.ocnm-body{padding:20px;overflow-y:auto;flex:1}.ocnm-info{background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;padding:12px;margin-bottom:20px}.ocnm-info-row{display:flex;margin-bottom:8px}.ocnm-info-row:last-child{margin-bottom:0}.ocnm-info-label{font-weight:600;color:#374151;width:80px;flex-shrink:0}.ocnm-info-value{color:#6b7280;flex:1}.ocnm-field{margin-bottom:16px}.ocnm-field__label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:6px}.ocnm-field__label--required:after{content:" *";color:#ef4444}.ocnm-field__select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;background:#ffffff;transition:border-color .15s ease,box-shadow .15s ease}.ocnm-field__select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ocnm-field__hint{margin-top:6px;font-size:12px;color:#6b7280;line-height:1.4}.ocnm-notice{display:flex;align-items:flex-start;gap:8px;background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;padding:12px;font-size:14px;color:#92400e;line-height:1.5}.ocnm-notice svg{color:#f59e0b;flex-shrink:0;margin-top:1px}.ocnm-error{display:flex;align-items:center;gap:8px;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;padding:12px;font-size:14px;color:#dc2626;margin-top:16px}.ocnm-error svg{color:#ef4444;flex-shrink:0}.ocnm-footer{padding:16px 20px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;background:#f8fafc}.ocnm-btn{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:6px;min-width:80px;justify-content:center}.ocnm-btn:disabled{opacity:.5;cursor:not-allowed}.ocnm-btn--cancel{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.ocnm-btn--cancel:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.ocnm-btn--save{background:#3b82f6;border:1px solid #3b82f6;color:#fff}.ocnm-btn--save:hover:not(:disabled){background:#2563eb;border-color:#2563eb}@media (max-width: 640px){.ocnm-box{width:95%;margin:10px}.ocnm-header{padding:12px 16px}.ocnm-body{padding:16px}.ocnm-footer{padding:12px 16px;flex-direction:column}.ocnm-btn{width:100%}}[data-theme=dark] .ocnm-box{background:var(--bg-content, #1e293b)}[data-theme=dark] .ocnm-header{background:var(--bg-input, #334155);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .ocnm-header__title{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .ocnm-header__close{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .ocnm-header__close:hover{background:rgba(255,255,255,.08);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .ocnm-info{background:var(--bg-input, #334155);border-color:var(--border-divider, #475569)}[data-theme=dark] .ocnm-info-label{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .ocnm-info-value{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .ocnm-field__label{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .ocnm-field__select{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .ocnm-field__hint{color:var(--text-secondary, #64748b)}[data-theme=dark] .ocnm-notice{background:rgba(113,63,18,.15);border-color:#fde68a4d;color:#fbbf24}[data-theme=dark] .ocnm-error{background:rgba(153,27,27,.12);border-color:#fca5a54d;color:#fca5a5}[data-theme=dark] .ocnm-footer{background:var(--bg-input, #334155);border-top-color:var(--border-divider, #475569)}[data-theme=dark] .ocnm-btn--cancel{background:var(--bg-content, #1e293b);border-color:var(--border-divider, #475569);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .ocnm-btn--cancel:hover:not(:disabled){background:var(--bg-surface-hover, #334155)}.ocm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:1100;padding:16px;box-sizing:border-box}.ocm-box{background:#fff;border-radius:10px;box-shadow:0 8px 32px #0000002e;width:100%;max-width:440px;display:flex;flex-direction:column;overflow:hidden}.ocm-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.ocm-header__title{font-size:15px;font-weight:700;color:#1e293b;margin:0}.ocm-header__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;cursor:pointer;color:#94a3b8;border-radius:6px;transition:color .15s,background .15s}.ocm-header__close:hover{color:#ef4444;background:rgba(239,68,68,.08)}.ocm-body{padding:18px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;max-height:70vh}.ocm-field{display:flex;flex-direction:column;gap:5px}.ocm-field__label{font-size:13px;font-weight:600;color:#475569;display:flex;align-items:center;gap:6px}.ocm-field__label--required:after{content:" *";color:#ef4444}.ocm-field__readonly-badge{font-size:11px;font-weight:400;color:#94a3b8;background:#f1f5f9;border-radius:4px;padding:1px 6px;border:1px solid #e2e8f0;margin-left:4px}.ocm-field__input,.ocm-field__textarea{padding:8px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;color:#1e293b;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box;width:100%;font-family:inherit}.ocm-field__input:focus,.ocm-field__textarea:focus{border-color:#06b6d4;box-shadow:0 0 0 2px #06b6d41f}.ocm-field__input--readonly,.ocm-field__input:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.ocm-field__textarea{resize:vertical;min-height:72px}.ocm-field__cap-bac-row{display:flex;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content}.ocm-field__cap-bac-btn{width:28px;height:28px;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc;cursor:pointer;font-size:16px;font-weight:700;color:#475569;display:flex;align-items:center;justify-content:center;transition:background .12s,border-color .12s,color .12s}.ocm-field__cap-bac-btn:hover{background:#e0f2fe;border-color:#06b6d4;color:#0891b2}.ocm-field__cap-bac-input{width:60px;text-align:center;padding:6px 8px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;font-weight:700;color:#1e293b;outline:none;box-sizing:border-box;-moz-appearance:textfield}.ocm-field__cap-bac-input::-webkit-outer-spin-button,.ocm-field__cap-bac-input::-webkit-inner-spin-button{-webkit-appearance:none}.ocm-field__cap-bac-input:focus{border-color:#06b6d4;box-shadow:0 0 0 2px #06b6d41f}.ocm-error{display:flex;align-items:center;gap:6px;padding:8px 12px;background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.2);border-radius:6px;color:#dc2626;font-size:13px}.ocm-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid #e2e8f0;background:#f8fafc}.ocm-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .15s,color .15s,border-color .15s}.ocm-btn--cancel{background:#fff;color:#64748b;border-color:#e2e8f0}.ocm-btn--cancel:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.ocm-btn--save{background:#06b6d4;color:#fff;border-color:#06b6d4}.ocm-btn--save:hover:not(:disabled){background:#0891b2;border-color:#0891b2}.ocm-btn:disabled{opacity:.5;cursor:not-allowed}.ocm-field--checkbox{padding:4px 0}.ocm-field__checkbox-label{display:flex;align-items:flex-start;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ocm-field__checkbox{margin-top:2px;width:15px;height:15px;accent-color:#06b6d4;cursor:pointer;flex-shrink:0}.ocm-field__checkbox-text{font-size:13px;color:#1e293b;font-weight:500}.ocm-field__checkbox-hint{display:block;font-size:11px;color:#94a3b8;font-weight:400;margin-top:1px}[data-theme=dark] .ocm-box{background:var(--bg-content, #1e293b)}[data-theme=dark] .ocm-header{background:var(--bg-input, #334155);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .ocm-header__title{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .ocm-header__close{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .ocm-header__close:hover{color:#fca5a5;background:rgba(239,68,68,.1)}[data-theme=dark] .ocm-field__label{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .ocm-field__readonly-badge{background:var(--bg-input, #334155);border-color:var(--border-divider, #475569);color:var(--text-secondary, #64748b)}[data-theme=dark] .ocm-field__input,[data-theme=dark] .ocm-field__textarea{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .ocm-field__input:focus,[data-theme=dark] .ocm-field__textarea:focus{border-color:#22d3ee;box-shadow:0 0 0 2px #06b6d426}[data-theme=dark] .ocm-field__input--readonly,[data-theme=dark] .ocm-field__input:disabled{background:rgba(255,255,255,.04);color:var(--text-secondary, #64748b)}[data-theme=dark] .ocm-field__cap-bac-btn{background:var(--bg-input, #334155);border-color:var(--border-divider, #475569);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .ocm-field__cap-bac-input{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .ocm-error{background:rgba(153,27,27,.12);border-color:#fca5a54d;color:#fca5a5}[data-theme=dark] .ocm-footer{background:var(--bg-input, #334155);border-top-color:var(--border-divider, #475569)}[data-theme=dark] .ocm-btn--cancel{background:var(--bg-content, #1e293b);border-color:var(--border-divider, #475569);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .ocm-btn--cancel:hover:not(:disabled){background:var(--bg-surface-hover, #334155)}[data-theme=dark] .ocm-field__checkbox-text{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .ocm-field__checkbox-hint{color:var(--text-secondary, #64748b)}.ncvm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:1000}.ncvm-box{background:#fff;border-radius:10px;width:520px;max-width:95vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000002e;overflow:hidden}.ncvm-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #e5e7eb;background:#f8fafc}.ncvm-header__title{font-size:14px;font-weight:600;color:#111827;margin:0}.ncvm-header__close{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;display:flex;align-items:center;transition:background .15s}.ncvm-header__close:hover{background:#f3f4f6;color:#111827}.ncvm-body{padding:16px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.ncvm-field{display:flex;flex-direction:column;gap:5px}.ncvm-field__label{font-size:12px;font-weight:500;color:#374151}.ncvm-field__label--required:after{content:" *";color:#ef4444}.ncvm-field__input,.ncvm-field__select,.ncvm-field__textarea{border:1px solid #d1d5db;border-radius:6px;padding:7px 10px;font-size:13px;color:#111827;outline:none;transition:border-color .15s;width:100%;box-sizing:border-box}.ncvm-field__input:focus,.ncvm-field__select:focus,.ncvm-field__textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.ncvm-field__input--readonly{background:#f9fafb;color:#6b7280;cursor:not-allowed}.ncvm-field__input--preview{background:#eff6ff;border-color:#93c5fd;font-family:monospace;font-size:13px;font-weight:600;color:#1d4ed8}.ncvm-field__readonly-badge{margin-left:6px;font-size:10px;color:#9ca3af;font-weight:400}.ncvm-field__textarea{resize:vertical;min-height:64px}.ncvm-field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ncvm-error{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:12px}.ncvm-cha-wrap{position:relative}.ncvm-cha-input-row{display:flex;align-items:center;gap:4px}.ncvm-cha-input-row .ncvm-field__input{flex:1}.ncvm-cha-clear{flex-shrink:0;width:24px;height:24px;border:none;background:#fee2e2;color:#dc2626;border-radius:50%;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .15s}.ncvm-cha-clear:hover{background:#fca5a5}.ncvm-cha-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:200;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 8px 24px #0000001f;max-height:220px;overflow-y:auto}.ncvm-cha-option{display:flex;align-items:baseline;gap:8px;padding:7px 12px;cursor:pointer;font-size:12.5px;border-bottom:1px solid #f1f5f9;transition:background .1s}.ncvm-cha-option:last-child{border-bottom:none}.ncvm-cha-option:hover{background:#f0f9ff}.ncvm-cha-option--selected{background:#e0f2fe;color:#0369a1;font-weight:600}.ncvm-cha-option--empty{color:#64748b;font-style:italic}.ncvm-cha-option--no-result{color:#94a3b8;font-style:italic;cursor:default}.ncvm-cha-option__ma{font-family:monospace;font-size:11px;background:#f1f5f9;padding:1px 5px;border-radius:3px;flex-shrink:0;color:#334155}.ncvm-cha-option__ten{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ncvm-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid #e5e7eb;background:#f8fafc}.ncvm-btn{display:flex;align-items:center;gap:5px;padding:7px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .15s}.ncvm-btn:disabled{opacity:.5;cursor:not-allowed}.ncvm-btn--cancel{background:#fff;border-color:#d1d5db;color:#374151}.ncvm-btn--cancel:hover:not(:disabled){background:#f9fafb}.ncvm-btn--save{background:#2563eb;color:#fff;border-color:#2563eb}.ncvm-btn--save:hover:not(:disabled){background:#1d4ed8}[data-theme=dark] .ncvm-box{background:var(--bg-content, #1e293b)}[data-theme=dark] .ncvm-header{background:var(--bg-input, #334155);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .ncvm-header__title{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .ncvm-header__close{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .ncvm-header__close:hover{background:rgba(255,255,255,.08);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .ncvm-field__label{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .ncvm-field__input,[data-theme=dark] .ncvm-field__select,[data-theme=dark] .ncvm-field__textarea{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .ncvm-field__input:focus,[data-theme=dark] .ncvm-field__select:focus,[data-theme=dark] .ncvm-field__textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa26}[data-theme=dark] .ncvm-field__input--readonly{background:rgba(255,255,255,.04);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .ncvm-field__input--preview{background:rgba(30,64,175,.15);border-color:#93c5fd66;color:#93c5fd}[data-theme=dark] .ncvm-error{background:rgba(153,27,27,.15);border-color:#fca5a54d;color:#fca5a5}[data-theme=dark] .ncvm-cha-dropdown{background:var(--bg-content, #1e293b);border-color:var(--border-divider, #475569);box-shadow:0 8px 24px #0006}[data-theme=dark] .ncvm-cha-option{border-bottom-color:var(--border-divider, #2d3f55);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .ncvm-cha-option:hover{background:var(--bg-surface-hover, #334155)}[data-theme=dark] .ncvm-cha-option--selected{background:rgba(30,64,175,.15);color:#93c5fd}[data-theme=dark] .ncvm-cha-option__ma{background:var(--bg-input, #334155);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .ncvm-footer{background:var(--bg-input, #334155);border-top-color:var(--border-divider, #475569)}[data-theme=dark] .ncvm-btn--cancel{background:var(--bg-content, #1e293b);border-color:var(--border-divider, #475569);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .ncvm-btn--cancel:hover:not(:disabled){background:var(--bg-surface-hover, #334155)}.oc-fp{width:calc(40vw - var(--sidebar-width, 50px));min-width:320px;max-width:520px;flex-shrink:0;min-height:0;background:#fff;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.oc-fp__header{padding:10px 14px;border-bottom:1px solid var(--border-color, #e2e8f0);background:#f8fafc;font-size:13px;font-weight:700;color:var(--text-secondary, #64748b);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:6px;flex-shrink:0}.oc-fp__header svg{color:var(--color-cyan, #06b6d4)}.oc-fp__clear-filter-btn{margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600;color:#ef4444;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;cursor:pointer;text-transform:none;letter-spacing:0;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.oc-fp__clear-filter-btn:hover{background:#fee2e2;border-color:#ef4444;color:#b91c1c}.oc-fp__tabs{display:flex;border-bottom:1px solid var(--border-color, #e2e8f0);flex-shrink:0;background:#f8fafc}.oc-fp__tab{flex:1;min-width:0;padding:7px 4px;font-size:12px;font-weight:500;color:var(--text-secondary, #64748b);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s,border-color .15s,background .15s;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-fp__tab:hover{color:var(--color-cyan, #06b6d4);background:rgba(6,182,212,.05)}.oc-fp__tab--active{color:var(--color-cyan, #06b6d4);border-bottom-color:var(--color-cyan, #06b6d4);font-weight:700;background:#fff}.oc-fp__search-wrap{padding:8px 10px;border-bottom:1px solid var(--border-color, #e2e8f0);flex-shrink:0;position:relative}.oc-fp__search{width:100%;padding:5px 8px 5px 28px;border:1px solid var(--border-color, #e2e8f0);border-radius:6px;font-size:13px;color:var(--text-primary, #1e293b);background:#f8fafc;outline:none;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.oc-fp__search:focus{border-color:var(--color-cyan, #06b6d4);box-shadow:0 0 0 2px #06b6d41f;background:#fff}.oc-fp__search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.oc-fp__xuong-context{display:flex;align-items:center;justify-content:space-between;padding:4px 10px;background:#eff6ff;border-bottom:1px solid #bfdbfe;flex-shrink:0;gap:6px}.oc-fp__xuong-context-label{font-size:11.5px;color:#1d4ed8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-fp__xuong-context-label strong{font-weight:700}.oc-fp__xuong-context-clear{flex-shrink:0;background:none;border:none;cursor:pointer;font-size:15px;line-height:1;color:#60a5fa;padding:0 2px;border-radius:3px;transition:color .15s,background .15s}.oc-fp__xuong-context-clear:hover{color:#1d4ed8;background:#dbeafe}.oc-fp__bophan-context{display:flex;align-items:center;justify-content:space-between;padding:4px 10px;background:#f0fdf4;border-bottom:1px solid #bbf7d0;flex-shrink:0;gap:6px}.oc-fp__bophan-context-label{font-size:11.5px;color:#15803d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-fp__bophan-context-label strong{font-weight:700}.oc-fp__bophan-context-clear{flex-shrink:0;background:none;border:none;cursor:pointer;font-size:15px;line-height:1;color:#4ade80;padding:0 2px;border-radius:3px;transition:color .15s,background .15s}.oc-fp__bophan-context-clear:hover{color:#15803d;background:#dcfce7}.oc-fp__chucvu-context{display:flex;align-items:center;justify-content:space-between;padding:4px 10px;background:#faf5ff;border-bottom:1px solid #e9d5ff;flex-shrink:0;gap:6px}.oc-fp__chucvu-context-label{font-size:11.5px;color:#7c3aed;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-fp__chucvu-context-label strong{font-weight:700}.oc-fp__chucvu-context-clear{flex-shrink:0;background:none;border:none;cursor:pointer;font-size:15px;line-height:1;color:#c084fc;padding:0 2px;border-radius:3px;transition:color .15s,background .15s}.oc-fp__chucvu-context-clear:hover{color:#7c3aed;background:#ede9fe}.oc-fp__table-header{display:flex;align-items:center;padding:4px 10px 4px 6px;border-bottom:1px solid var(--border-color, #e2e8f0);background:#f8fafc;flex-shrink:0;gap:4px}.oc-fp__th{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-fp__th--drag{width:20px;flex-shrink:0}.oc-fp__th--name{flex:100 1 0;min-width:0}.oc-fp__th--desc{flex:30 1 0;min-width:0;text-align:left;padding-left:4px}.oc-fp__th--shift{width:60px;flex-shrink:0;text-align:center}.oc-fp__th--capbac{width:68px;flex-shrink:0;text-align:center}.oc-fp__th--action{width:28px;flex-shrink:0}.oc-fp__list{flex:1;overflow-y:auto;padding:2px 0}.oc-fp__item{display:flex;align-items:center;gap:4px;padding:5px 10px 5px 6px;font-size:13px;color:var(--text-primary, #1e293b);cursor:pointer;border-left:3px solid transparent;transition:background .12s,color .12s;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-height:34px}.oc-fp__item:hover{background:rgba(6,182,212,.06)}.oc-fp__item--active{background:rgba(6,182,212,.1);color:var(--color-cyan, #06b6d4);border-left-color:var(--color-cyan, #06b6d4);font-weight:600}.oc-fp__item--all{font-style:italic;color:var(--text-secondary, #64748b);font-size:13px;padding-left:10px}.oc-fp__item--all.oc-fp__item--active{color:var(--color-cyan, #06b6d4);font-style:normal;font-weight:600}.oc-fp__item--dragging{opacity:.4;cursor:grabbing}.oc-fp__item--inactive{opacity:.45;background:repeating-linear-gradient(135deg,transparent,transparent 6px,rgba(0,0,0,.02) 6px,rgba(0,0,0,.02) 12px);border-left-color:#e2e8f0!important}.oc-fp__item--inactive .oc-fp__item-name{text-decoration:line-through;color:#94a3b8}.oc-fp__item--inactive .oc-fp__badge{color:#cbd5e1}.oc-fp__item--drag-over{background:rgba(6,182,212,.15);border-left-color:var(--color-cyan, #06b6d4);border-top:2px dashed var(--color-cyan, #06b6d4)}.oc-fp__drag-handle{width:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#cbd5e1;cursor:grab;border-radius:3px;transition:color .15s}.oc-fp__drag-handle:hover{color:var(--color-cyan, #06b6d4)}.oc-fp__drag-handle:active{cursor:grabbing}.oc-fp__item-name{flex:100 1 0;min-width:0;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:5px}.oc-fp__badge{font-size:10px;font-weight:500;margin-left:5px;color:#a0aec0;white-space:nowrap;flex-shrink:0}.oc-fp__badge:before{content:"("}.oc-fp__badge:after{content:")"}.oc-fp__item--active .oc-fp__badge{color:#06b6d4b3}.oc-fp__badge--manager{background:#fef3c7;color:#d97706;border:1px solid #fde68a;border-radius:3px;padding:0 4px;font-size:9px;font-weight:700;margin-left:4px;letter-spacing:.03em}.oc-fp__badge--manager:before{content:none}.oc-fp__badge--manager:after{content:none}.oc-fp__item--active .oc-fp__badge--manager{background:#ecfeff;color:#0e7490;border-color:#a5f3fc}.oc-fp__item-desc{flex:50 1 0;min-width:0;font-size:11px;color:#94a3b8;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;padding-left:4px}.oc-fp__item-shift{width:60px;flex-shrink:0;font-size:11px;color:#0891b2;font-weight:500;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-fp__cap-bac{display:flex;align-items:center;gap:3px;width:68px;flex-shrink:0;justify-content:center}.oc-fp__cap-bac-btn{width:18px;height:18px;border:1px solid #e2e8f0;border-radius:3px;background:#f8fafc;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .12s,border-color .12s;flex-shrink:0}.oc-fp__cap-bac-btn:hover:not(:disabled){background:var(--color-cyan, #06b6d4);border-color:var(--color-cyan, #06b6d4);color:#fff}.oc-fp__cap-bac-btn:disabled{opacity:.35;cursor:default}.oc-fp__cap-bac-val{min-width:20px;text-align:center;font-size:12px;font-weight:700;color:var(--text-primary, #1e293b)}.oc-fp__gear-wrap{position:relative;display:flex;align-items:center;justify-content:flex-end;width:28px;flex-shrink:0;opacity:0;pointer-events:none;transition:opacity .15s}.oc-fp__item:hover .oc-fp__gear-wrap{opacity:1;pointer-events:auto}.oc-fp__gear-wrap:has(.oc-fp__dropdown){opacity:1;pointer-events:auto}.oc-fp__gear-btn{width:22px;height:22px;border:1px solid #e2e8f0;border-radius:5px;background:#f8fafc;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .12s,border-color .12s,color .12s;flex-shrink:0}.oc-fp__gear-btn:hover{background:var(--color-cyan, #06b6d4);border-color:var(--color-cyan, #06b6d4);color:#fff}.oc-fp__dropdown{position:absolute;right:0;top:calc(100% + 4px);z-index:200;background:#fff;border:1px solid #e2e8f0;border-radius:7px;box-shadow:0 4px 16px #0000001f;min-width:140px;overflow:hidden;animation:oc-fp-dropdown-in .1s ease}@keyframes oc-fp-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.oc-fp__dropdown-item{display:flex;align-items:center;gap:7px;width:100%;padding:8px 12px;font-size:13px;font-weight:500;border:none;background:transparent;cursor:pointer;text-align:left;transition:background .1s,color .1s;color:var(--text-primary, #1e293b)}.oc-fp__dropdown-item:hover{background:#f1f5f9}.oc-fp__dropdown-item--edit{color:#3b82f6}.oc-fp__dropdown-item--edit:hover{background:rgba(59,130,246,.08)}.oc-fp__dropdown-item--delete{color:#ef4444}.oc-fp__dropdown-item--delete:hover{background:rgba(239,68,68,.08)}.oc-fp__dropdown-item--hard-delete{color:#b91c1c;border-top:1px solid #fee2e2}.oc-fp__dropdown-item--hard-delete:hover{background:rgba(185,28,28,.1)}.oc-fp__footer{border-top:1px solid var(--border-color, #e2e8f0);padding:8px 10px;flex-shrink:0;background:#f8fafc}.oc-fp__add-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 12px;border:1px dashed var(--color-cyan, #06b6d4);border-radius:6px;background:transparent;color:var(--color-cyan, #06b6d4);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.oc-fp__add-btn:hover{background:var(--color-cyan, #06b6d4);color:#fff}.oc-fp__empty{padding:20px 14px;font-size:13px;color:#94a3b8;text-align:center}.oc-fp__list::-webkit-scrollbar{width:4px}.oc-fp__list::-webkit-scrollbar-track{background:transparent}.oc-fp__list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.oc-fp__group{display:flex;flex-direction:column}.oc-fp__group-header{display:flex;align-items:center;gap:5px;padding:5px 8px 5px 6px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:11px;font-weight:600;border-bottom:1px solid transparent;transition:background .12s;position:sticky;top:0;z-index:1}.oc-fp__group-header--xuong{background:#e0f2fe;color:#0369a1;border-bottom-color:#bae6fd;letter-spacing:.02em;top:0}.oc-fp__group-header--xuong:hover{background:#bae6fd}.oc-fp__group-header--bophan{background:#f0fdf4;color:#166534;border-bottom-color:#bbf7d0;padding-left:22px}.oc-fp__group-header--bophan:hover{background:#dcfce7}.oc-fp__group-header--chucvu{background:#faf5ff;color:#6b21a8;border-bottom-color:#e9d5ff;padding-left:38px}.oc-fp__group-header--chucvu:hover{background:#f3e8ff}.oc-fp__group-chevron{display:flex;align-items:center;flex-shrink:0;opacity:.7}.oc-fp__group-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-fp__group-badge{flex-shrink:0;background:rgba(0,0,0,.08);border-radius:10px;padding:1px 6px;font-size:10px;font-weight:700;line-height:1.4}.oc-fp__item--grouped{padding-left:50px}[data-theme=dark] .oc-fp{background:var(--bg-content, #1e293b);border-color:var(--border-divider, #475569)}[data-theme=dark] .oc-fp__header{background:var(--bg-input, #334155);border-bottom-color:var(--border-divider, #475569);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .oc-fp__clear-filter-btn{background:rgba(153,27,27,.15);border-color:#fca5a54d;color:#fca5a5}[data-theme=dark] .oc-fp__tabs{background:var(--bg-input, #334155);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .oc-fp__tab{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .oc-fp__tab--active{background:var(--bg-content, #1e293b);color:#22d3ee;border-bottom-color:#22d3ee}[data-theme=dark] .oc-fp__search-wrap{border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .oc-fp__search{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .oc-fp__search:focus{background:var(--bg-content, #1e293b);border-color:#22d3ee}[data-theme=dark] .oc-fp__xuong-context{background:rgba(30,64,175,.12);border-bottom-color:#93c5fd4d}[data-theme=dark] .oc-fp__xuong-context-label{color:#93c5fd}[data-theme=dark] .oc-fp__bophan-context{background:rgba(6,78,59,.2);border-bottom-color:#86efac4d}[data-theme=dark] .oc-fp__bophan-context-label{color:#4ade80}[data-theme=dark] .oc-fp__chucvu-context{background:rgba(88,28,135,.15);border-bottom-color:#c4b5fd4d}[data-theme=dark] .oc-fp__chucvu-context-label{color:#c4b5fd}[data-theme=dark] .oc-fp__table-header{background:var(--bg-input, #334155);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .oc-fp__th{color:var(--text-secondary, #64748b)}[data-theme=dark] .oc-fp__item{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .oc-fp__item:hover{background:rgba(6,182,212,.08)}[data-theme=dark] .oc-fp__item--active{background:rgba(6,182,212,.12);color:#22d3ee;border-left-color:#22d3ee}[data-theme=dark] .oc-fp__item--all{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .oc-fp__item--inactive .oc-fp__item-name{color:var(--text-secondary, #64748b)}[data-theme=dark] .oc-fp__drag-handle{color:var(--border-divider, #475569)}[data-theme=dark] .oc-fp__item-desc{color:var(--text-secondary, #64748b)}[data-theme=dark] .oc-fp__item-shift{color:#22d3ee}[data-theme=dark] .oc-fp__cap-bac-btn{background:var(--bg-input, #334155);border-color:var(--border-divider, #475569);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .oc-fp__cap-bac-val{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .oc-fp__gear-btn{background:var(--bg-input, #334155);border-color:var(--border-divider, #475569);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .oc-fp__dropdown{background:var(--bg-content, #1e293b);border-color:var(--border-divider, #475569);box-shadow:0 4px 16px #0006}[data-theme=dark] .oc-fp__dropdown-item{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .oc-fp__dropdown-item:hover{background:var(--bg-input, #334155)}[data-theme=dark] .oc-fp__footer{background:var(--bg-input, #334155);border-top-color:var(--border-divider, #475569)}[data-theme=dark] .oc-fp__empty{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .oc-fp__list::-webkit-scrollbar-thumb{background:var(--border-divider, #475569)}[data-theme=dark] .oc-fp__group-header--xuong{background:rgba(3,105,161,.2);color:#7dd3fc;border-bottom-color:#7dd3fc4d}[data-theme=dark] .oc-fp__group-header--xuong:hover{background:rgba(3,105,161,.3)}[data-theme=dark] .oc-fp__group-header--bophan{background:rgba(22,101,52,.2);color:#4ade80;border-bottom-color:#4ade804d}[data-theme=dark] .oc-fp__group-header--bophan:hover{background:rgba(22,101,52,.3)}[data-theme=dark] .oc-fp__group-header--chucvu{background:rgba(107,33,168,.2);color:#c4b5fd;border-bottom-color:#c4b5fd4d}[data-theme=dark] .oc-fp__group-header--chucvu:hover{background:rgba(107,33,168,.3)}[data-theme=dark] .oc-fp__badge--manager{background:rgba(120,53,15,.2);color:#fcd34d;border-color:#fdd34d4d}.oc-page{display:flex;flex-direction:column;height:calc(100vh - 50px);background-color:var(--bg-main, #f5f6fa);box-sizing:border-box;gap:12px;overflow:hidden}.oc-toolbar{display:flex;align-items:center;gap:10px;padding:14px 24px 0;flex-shrink:0;flex-wrap:wrap}.oc-toolbar__title{font-size:32px;font-weight:600;color:var(--text-primary, #1e293b);margin-right:auto;display:flex;align-items:center;gap:6px}.oc-toolbar__title svg{color:var(--color-cyan, #06b6d4)}.oc-btn-add-root{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;background-color:var(--color-cyan, #06b6d4);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;height:34px;white-space:nowrap;transition:background-color .2s,opacity .2s}.oc-btn-add-root:hover{background-color:#0891b2}.oc-btn-add-root:disabled{opacity:.5;cursor:not-allowed}.oc-body{display:flex;flex-direction:row;gap:12px;flex:1;min-height:0;overflow:hidden}.oc-tree-container{flex:1;min-width:0;min-height:0;overflow-y:auto;overflow-x:auto;background-color:#fff;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:12px 0 0;box-sizing:border-box}.oc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:60px 20px;color:var(--text-secondary, #94a3b8);font-size:15px}.oc-empty svg{color:var(--text-muted, #cbd5e1)}.oc-loading{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary, #94a3b8);font-size:15px;gap:8px}.oc-mobile-tabs{display:none}.oc-view-toggle{display:flex;align-items:center;gap:0;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;overflow:hidden;background:#f8fafc;flex-shrink:0}.oc-view-toggle__btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;font-size:13px;font-weight:500;color:var(--text-secondary, #64748b);background:transparent;border:none;cursor:pointer;transition:color .15s,background .15s;white-space:nowrap}.oc-view-toggle__btn:hover{color:var(--color-cyan, #06b6d4);background:rgba(6,182,212,.06)}.oc-view-toggle__btn--active{color:#fff;background:var(--color-cyan, #06b6d4)}.oc-view-toggle__btn--active:hover{background:#0891b2;color:#fff}.oc-view-toggle__btn svg{flex-shrink:0}.oc-filter-wrap{display:contents}@media (max-width: 768px){.oc-toolbar{padding:10px 14px 0}.oc-toolbar__title{font-size:20px}.oc-view-toggle__btn span{display:none}.oc-view-toggle__btn{padding:6px 10px}.oc-mobile-tabs{display:flex;flex-shrink:0;border-bottom:2px solid var(--border-color, #e2e8f0);background:#f8fafc;padding:0 14px;gap:0}.oc-mobile-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;font-size:13px;font-weight:500;color:var(--text-secondary, #64748b);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap}.oc-mobile-tab:hover{color:var(--color-cyan, #06b6d4)}.oc-mobile-tab--active{color:var(--color-cyan, #06b6d4);border-bottom-color:var(--color-cyan, #06b6d4);font-weight:700}.oc-mobile-tab svg{flex-shrink:0}.oc-body{flex-direction:column;gap:0;padding:0}.oc-filter-wrap{display:none;flex:1;min-height:0;overflow:hidden}.oc-filter-wrap--mobile-visible{display:flex;flex-direction:column}.oc-filter-wrap--mobile-visible .oc-fp{width:100%;max-width:100%;min-width:0;border-radius:0;border-left:none;border-right:none;border-top:none;flex:1}.oc-tree-container{display:none;border-radius:0;border-left:none;border-right:none;border-bottom:none;padding:8px 6px}.oc-tree-container--mobile-visible{display:block;flex:1;min-height:0}}[data-theme=dark] .oc-page{background-color:var(--bg-surface, #0f172a)}[data-theme=dark] .oc-toolbar__title{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .oc-tree-container{background-color:var(--bg-content, #1e293b);border-color:var(--border-divider, #475569)}[data-theme=dark] .oc-view-toggle{background:var(--bg-input, #334155);border-color:var(--border-divider, #475569)}[data-theme=dark] .oc-view-toggle__btn{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .oc-view-toggle__btn:hover{color:#22d3ee;background:rgba(6,182,212,.08)}[data-theme=dark] .oc-view-toggle__btn--active{background:var(--color-cyan, #06b6d4);color:#fff}[data-theme=dark] .oc-mobile-tabs{background:var(--bg-input, #334155);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .oc-mobile-tab{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .oc-mobile-tab--active{color:var(--color-cyan, #06b6d4);border-bottom-color:var(--color-cyan, #06b6d4)}[data-theme=dark] .oc-empty,[data-theme=dark] .oc-loading{color:var(--text-secondary, #94a3b8)}.bl-edit-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.bl-edit-modal{background:#fff;border-radius:12px;width:100%;max-width:480px;height:90vh;box-shadow:0 20px 60px #0003;overflow:hidden;display:flex;flex-direction:column}.bl-edit-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#fffbeb;border-bottom:1px solid #fde68a}.bl-edit-header-title{display:flex;align-items:center;gap:8px;color:#92400e;font-size:15px;font-weight:600}.bl-edit-header-title h3{margin:0;font-size:15px;font-weight:600}.bl-edit-close-btn{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;border-radius:6px;display:flex;align-items:center;transition:background .15s}.bl-edit-close-btn:hover{background:#f3f4f6;color:#111827}.bl-edit-body{padding:18px 20px;display:flex;flex-direction:column;gap:14px;flex:1;overflow-y:auto}.bl-edit-info-card{display:flex;flex-direction:column;gap:2px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:10px 14px}.bl-edit-info-name{font-size:14px;font-weight:600;color:#111827}.bl-edit-info-cccd{font-size:12px;color:#6b7280;font-family:monospace}.bl-edit-field{display:flex;flex-direction:column;gap:5px}.bl-edit-label{font-size:12px;font-weight:500;color:#374151}.bl-edit-required{color:#dc2626;margin-left:2px}.bl-edit-textarea{width:100%;border:1px solid #e5e7eb;border-radius:7px;padding:8px 10px;font-size:13px;outline:none;resize:vertical;font-family:inherit;box-sizing:border-box;color:#111827;transition:border-color .15s}.bl-edit-textarea:focus{border-color:#d97706;box-shadow:0 0 0 2px #d977061a}.bl-edit-textarea:disabled{background:#f9fafb;opacity:.7;cursor:not-allowed}.bl-edit-input{width:100%;border:1px solid #e5e7eb;border-radius:7px;padding:8px 10px;font-size:13px;outline:none;box-sizing:border-box;color:#111827;transition:border-color .15s}.bl-edit-input:focus{border-color:#d97706;box-shadow:0 0 0 2px #d977061a}.bl-edit-input:disabled{background:#f9fafb;opacity:.7;cursor:not-allowed}.bl-edit-select{width:100%;border:1px solid #e5e7eb;border-radius:7px;padding:8px 10px;font-size:13px;outline:none;box-sizing:border-box;color:#111827;background:#fff;cursor:pointer;transition:border-color .15s}.bl-edit-select:focus{border-color:#d97706;box-shadow:0 0 0 2px #d977061a}.bl-edit-select:disabled{background:#f9fafb;opacity:.7;cursor:not-allowed}.bl-edit-hint{font-size:11px;color:#9ca3af}.bl-edit-radio-group{display:flex;gap:16px;flex-wrap:wrap}.bl-edit-radio{display:flex;align-items:center;gap:6px;font-size:13px;color:#374151;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bl-edit-radio input[type=radio]{accent-color:#d97706;cursor:pointer;width:15px;height:15px}.bl-edit-radio input:disabled{cursor:not-allowed;opacity:.6}.bl-edit-footer{display:flex;gap:10px;justify-content:flex-end;padding:12px 20px;border-top:1px solid #f3f4f6;background:#fafafa}.bl-edit-btn-cancel{border:1px solid #e5e7eb;background:#fff;border-radius:7px;padding:8px 18px;font-size:13px;font-weight:500;cursor:pointer;color:#374151;transition:background .15s}.bl-edit-btn-cancel:hover{background:#f3f4f6}.bl-edit-btn-confirm{border:none;background:#d97706;color:#fff;border-radius:7px;padding:8px 18px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.bl-edit-btn-confirm:hover{background:#b45309}.bl-edit-btn-cancel:disabled,.bl-edit-btn-confirm:disabled{opacity:.6;cursor:not-allowed}.bl-edit-fp-status{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.bl-edit-fp-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;padding:3px 10px;border-radius:20px;border:1px solid}.bl-edit-fp-badge-ok{color:#059669;background:#d1fae5;border-color:#6ee7b7}.bl-edit-fp-badge-empty{color:#b45309;background:#fef3c7;border-color:#fde68a}.bl-edit-fp-fetch-btn{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;padding:4px 12px;border-radius:6px;border:1px solid #bfdbfe;background:#eff6ff;color:#2563eb;cursor:pointer;transition:background .15s}.bl-edit-fp-fetch-btn:hover:not(:disabled){background:#dbeafe}.bl-edit-fp-fetch-btn:disabled{opacity:.6;cursor:not-allowed}.bl-edit-fp-preview{display:flex;align-items:center;gap:8px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:6px 10px;margin-bottom:4px}.bl-edit-fp-preview-text{flex:1;font-family:Courier New,Courier,monospace;font-size:11px;color:#6b7280;word-break:break-all}.bl-edit-fp-clear-btn{display:inline-flex;align-items:center;gap:3px;font-size:11px;padding:2px 8px;border-radius:4px;border:1px solid #fca5a5;background:#fff;color:#dc2626;cursor:pointer;white-space:nowrap;transition:background .15s}.bl-edit-fp-clear-btn:hover:not(:disabled){background:#fee2e2}.bl-edit-fp-clear-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes bl-edit-spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bl-edit-spin{animation:bl-edit-spin-anim .8s linear infinite}.bl-edit-fp-nv-list{border:1px solid #e0e7ff;border-radius:8px;overflow:hidden;margin-bottom:6px}.bl-edit-fp-nv-list-header{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#eef2ff;color:#4338ca;font-size:11px;font-weight:600}.bl-edit-fp-nv-item{display:flex;align-items:center;gap:6px;width:100%;padding:7px 10px;background:#fff;border:none;border-top:1px solid #f0f0f0;cursor:pointer;text-align:left;transition:background .12s;flex-wrap:wrap}.bl-edit-fp-nv-item:hover:not(:disabled){background:#f5f3ff}.bl-edit-fp-nv-item:disabled{opacity:.6;cursor:not-allowed}.bl-edit-fp-nv-item-active{background:#ede9fe!important}.bl-edit-fp-nv-code{font-size:12px;font-weight:600;color:#1e1b4b;min-width:70px}.bl-edit-fp-nv-name{flex:1;font-size:12px;color:#374151}.bl-edit-fp-nv-badge{font-size:10px;padding:1px 7px;border-radius:10px;font-weight:500;white-space:nowrap}.bl-edit-fp-nv-badge-active{background:#dcfce7;color:#15803d}.bl-edit-fp-nv-badge-inactive{background:#f3f4f6;color:#6b7280}.bl-edit-fp-nv-badge-reg{background:#fef9c3;color:#854d0e}.bl-edit-fp-nv-fp-ok{font-size:10px;color:#059669;font-weight:500}.bl-edit-fp-nv-fp-no{font-size:10px;color:#9ca3af}.bl-btn-icon{border:1px solid #e5e7eb;background:#fff;border-radius:6px;padding:5px;cursor:pointer;color:#6b7280;display:flex;align-items:center;transition:all .15s}.bl-btn-icon:hover{background:#f3f4f6;color:#374151}.bl-btn-icon-success{color:#059669;border-color:#d1fae5}.bl-btn-icon-success:hover{background:#d1fae5}.bl-btn-icon-danger{color:#dc2626;border-color:#fee2e2}.bl-btn-icon-danger:hover{background:#fee2e2}.bl-btn-icon-edit{color:#d97706;border-color:#fde68a}.bl-btn-icon-edit:hover{background:#fef3c7}.bl-btn-icon-reactivate{color:#2563eb;border-color:#bfdbfe}.bl-btn-icon-reactivate:hover{background:#dbeafe}.bl-page-table-wrapper{overflow-x:auto;border:1px solid #e5e7eb;border-radius:10px}.bl-page-table{width:100%;border-collapse:collapse;font-size:13px}.bl-page-table th{background:#f9fafb;font-weight:600;color:#374151;padding:10px 12px;text-align:left;border-bottom:1px solid #e5e7eb;white-space:nowrap}.bl-page-table td{padding:10px 12px;border-bottom:1px solid #f3f4f6;color:#374151;vertical-align:middle}.bl-page-table tr:last-child td{border-bottom:none}.bl-page-table tr:hover td{background:#fafafa}.bl-row-removed td{opacity:.6}.bl-td-stt{text-align:center;width:48px;color:#9ca3af}.bl-td-cccd{font-family:monospace;font-size:13px;font-weight:500}.bl-td-ly-do{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bl-td-actions{display:flex;gap:4px;align-items:center;white-space:nowrap}.bl-badge-nhandang-cccd{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;padding:2px 8px;border-radius:12px;font-size:11px;white-space:nowrap}.bl-badge-nhandang-van_tay{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0;padding:2px 8px;border-radius:12px;font-size:11px;white-space:nowrap}.bl-badge-nhandang-cccd_van_tay{background:#faf5ff;color:#7e22ce;border:1px solid #e9d5ff;padding:2px 8px;border-radius:12px;font-size:11px;white-space:nowrap}.bl-page-loading,.bl-page-empty{text-align:center;padding:60px 20px;color:#9ca3af;font-size:14px}.bl-page-empty{display:flex;flex-direction:column;align-items:center;gap:10px}.bl-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.bl-detail-modal{background:#fff;border-radius:12px;width:100%;max-width:520px;height:90vh;box-shadow:0 20px 60px #0003;overflow:hidden;display:flex;flex-direction:column}.bl-detail-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:15px;font-weight:600;color:#111827}.bl-detail-header button{background:none;border:none;cursor:pointer;font-size:18px;color:#6b7280;padding:2px 6px}.bl-detail-header h3{margin:0;font-size:15px;font-weight:600}.bl-detail-body{padding:16px 20px;flex:1;overflow-y:auto}.bl-detail-row{display:flex;gap:12px;padding:8px 0;border-bottom:1px solid #f3f4f6}.bl-detail-row:last-child{border-bottom:none}.bl-detail-label{width:130px;flex-shrink:0;font-size:12px;color:#6b7280;font-weight:500}.bl-detail-value{flex:1;font-size:13px;color:#111827;word-break:break-word}.bl-remove-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.bl-remove-modal{background:#fff;border-radius:12px;width:100%;max-width:440px;height:90vh;box-shadow:0 20px 60px #0003;overflow:hidden;display:flex;flex-direction:column}.bl-remove-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:15px;font-weight:600;color:#111827}.bl-remove-header button{background:none;border:none;cursor:pointer;font-size:18px;color:#6b7280;padding:2px 6px}.bl-remove-header h3{margin:0;font-size:15px;font-weight:600}.bl-remove-body{padding:16px 20px;flex:1;overflow-y:auto}.bl-remove-body p{margin:0 0 12px;font-size:14px}.bl-remove-label{font-size:12px;color:#6b7280;font-weight:500;margin-bottom:6px;display:block}.bl-remove-textarea{width:100%;border:1px solid #e5e7eb;border-radius:6px;padding:8px 10px;font-size:13px;outline:none;resize:vertical;font-family:inherit;box-sizing:border-box;transition:border-color .15s}.bl-remove-textarea:focus{border-color:#7c3aed}.bl-remove-footer{display:flex;gap:10px;justify-content:flex-end;padding:12px 20px;border-top:1px solid #f3f4f6;flex-shrink:0}.bl-remove-btn-cancel{border:1px solid #e5e7eb;background:#fff;border-radius:7px;padding:8px 16px;font-size:13px;cursor:pointer;color:#374151;transition:background .15s}.bl-remove-btn-cancel:hover{background:#f3f4f6}.bl-remove-btn-confirm{border:none;background:#059669;color:#fff;border-radius:7px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.bl-remove-btn-confirm:hover{background:#047857}.bl-remove-btn-confirm:disabled,.bl-remove-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.bl-react-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.bl-react-modal{background:#fff;border-radius:12px;width:100%;max-width:480px;height:90vh;box-shadow:0 20px 60px #0003;overflow:hidden;display:flex;flex-direction:column}.bl-react-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#eff6ff;border-bottom:1px solid #bfdbfe}.bl-react-header-title{display:flex;align-items:center;gap:8px}.bl-react-header-title h3{margin:0;font-size:15px;font-weight:600;color:#1d4ed8}.bl-react-header-icon{color:#2563eb}.bl-react-close-btn{background:none;border:none;cursor:pointer;font-size:18px;color:#6b7280;padding:2px 6px;border-radius:4px;transition:background .15s}.bl-react-close-btn:hover{background:#dbeafe}.bl-react-body{padding:16px 20px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;flex:1}.bl-react-info-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.bl-react-info-row{display:flex;gap:10px;font-size:13px;align-items:flex-start}.bl-react-info-label{flex:0 0 110px;color:#6b7280;font-weight:500;padding-top:1px}.bl-react-info-value{flex:1;color:#111827;word-break:break-word}.bl-react-cccd{font-family:monospace;font-weight:600;color:#1d4ed8}.bl-react-ly-do-goc{font-style:italic;color:#374151}.bl-react-warning{background:#fffbeb;border:1px solid #fde68a;border-radius:7px;padding:10px 12px;font-size:13px;color:#92400e;line-height:1.5}.bl-react-field{display:flex;flex-direction:column;gap:6px}.bl-react-label{font-size:12px;font-weight:500;color:#374151;display:block}.bl-react-required{color:#dc2626;margin-left:2px}.bl-react-textarea{width:100%;border:1px solid #e5e7eb;border-radius:6px;padding:8px 10px;font-size:13px;font-family:inherit;resize:vertical;outline:none;box-sizing:border-box;transition:border-color .15s}.bl-react-textarea:focus{border-color:#2563eb}.bl-react-textarea-error{border-color:#dc2626!important}.bl-react-input{width:100%;border:1px solid #e5e7eb;border-radius:6px;padding:8px 10px;font-size:13px;font-family:inherit;outline:none;box-sizing:border-box;transition:border-color .15s}.bl-react-input:focus{border-color:#2563eb}.bl-react-error-msg{font-size:12px;color:#dc2626}.bl-react-footer{display:flex;gap:10px;justify-content:flex-end;padding:12px 20px;border-top:1px solid #f3f4f6}.bl-react-btn-cancel{border:1px solid #e5e7eb;background:#fff;border-radius:7px;padding:8px 16px;font-size:13px;cursor:pointer;color:#374151;transition:background .15s}.bl-react-btn-cancel:hover{background:#f3f4f6}.bl-react-btn-confirm{display:flex;align-items:center;gap:6px;border:none;background:#2563eb;color:#fff;border-radius:7px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.bl-react-btn-confirm:hover{background:#1d4ed8}.bl-react-btn-confirm:disabled,.bl-react-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.bl-page{padding:20px 24px;display:flex;flex-direction:column;gap:16px;min-height:100%}.bl-page-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px}.bl-page-title{display:flex;align-items:center;gap:12px}.bl-page-title-icon{color:#7c3aed}.bl-page-title h1{margin:0;font-size:20px;font-weight:700;color:#111827}.bl-page-title p{margin:2px 0 0;font-size:13px;color:#6b7280}.bl-page-btn-add{display:flex;align-items:center;gap:6px;background:#7c3aed;color:#fff;border:none;border-radius:8px;padding:9px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.bl-page-btn-add:hover{background:#6d28d9}.bl-page-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bl-page-search-group{display:flex;flex:1;min-width:220px;max-width:360px}.bl-page-search-input{flex:1;border:1px solid #e5e7eb;border-right:none;border-radius:7px 0 0 7px;padding:8px 12px;font-size:13px;outline:none}.bl-page-search-input:focus{border-color:#7c3aed}.bl-page-btn-search{border:1px solid #e5e7eb;border-radius:0 7px 7px 0;padding:8px 12px;background:#f9fafb;cursor:pointer;display:flex;align-items:center;color:#6b7280;transition:background .15s}.bl-page-btn-search:hover{background:#f3f4f6}.bl-page-filter-select{border:1px solid #e5e7eb;border-radius:7px;padding:8px 10px;font-size:13px;color:#374151;outline:none;cursor:pointer}.bl-page-filter-select:focus{border-color:#7c3aed}.bl-page-btn-refresh{border:1px solid #e5e7eb;border-radius:7px;padding:8px;background:#f9fafb;cursor:pointer;display:flex;align-items:center;color:#6b7280;transition:background .15s}.bl-page-btn-refresh:hover{background:#f3f4f6}.bl-spin{animation:bl-spin-anim .8s linear infinite}@keyframes bl-spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bl-page-stats{display:flex;align-items:center;gap:10px;font-size:13px;color:#6b7280}.bl-page-stats-total{font-weight:500}.bl-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:99px;font-size:12px;font-weight:500;white-space:nowrap}.bl-badge-danger{background:#fee2e2;color:#dc2626}.bl-badge-success{background:#d1fae5;color:#065f46}.bl-badge-cong-ty{background:#ede9fe;color:#5b21b6}.bl-badge-xuong{background:#e0f2fe;color:#0369a1}.bl-page-stats-badge{padding:3px 10px;border-radius:99px;font-size:12px;font-weight:500}[data-theme=dark] .bl-page-title h1{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .bl-page-title p{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .bl-page-title-icon{color:#a78bfa}[data-theme=dark] .bl-page-search-input{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .bl-page-search-input::-moz-placeholder{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .bl-page-search-input::placeholder{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .bl-page-search-input:focus{border-color:#a78bfa}[data-theme=dark] .bl-page-btn-search{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .bl-page-btn-search:hover{background:var(--bg-surface-hover, #475569)}[data-theme=dark] .bl-page-filter-select{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .bl-page-filter-select:focus{border-color:#a78bfa}[data-theme=dark] .bl-page-btn-refresh{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .bl-page-btn-refresh:hover{background:var(--bg-surface-hover, #475569)}[data-theme=dark] .bl-page-stats{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .bl-badge-danger{background:rgba(220,38,38,.15);color:#f87171}[data-theme=dark] .bl-badge-success{background:rgba(6,95,70,.2);color:#34d399}[data-theme=dark] .bl-badge-cong-ty{background:rgba(91,33,182,.2);color:#c4b5fd}[data-theme=dark] .bl-badge-xuong{background:rgba(3,105,161,.2);color:#7dd3fc}.mth-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px 20px;display:flex;flex-direction:column;gap:8px}.mth-info-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.mth-tab-bar{margin-left:auto;display:flex;align-items:center;gap:6px;background:#f3f4f6;border-radius:10px;padding:4px;flex-shrink:0}.mth-tab-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:none;border-radius:7px;font-size:13px;font-weight:500;color:#6b7280;background:transparent;cursor:pointer;transition:background .18s,color .18s;white-space:nowrap}.mth-tab-btn:hover{background:#e5e7eb;color:#111827}.mth-tab-btn.active{background:#fff;color:#6366f1;font-weight:700;box-shadow:0 1px 4px #0000001a}.mth-avatar-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.mth-details{display:flex;flex-direction:column;gap:3px}.mth-name{font-size:17px;font-weight:700;color:#111827}.mth-position{font-size:13px;color:#6b7280;display:flex;flex-wrap:wrap;gap:8px}.mth-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#ede9fe;color:#5b21b6;border-radius:12px;font-size:12px;font-weight:600}.mth-stats-row{display:flex;align-items:stretch;gap:10px;flex-wrap:nowrap}.mth-stats-group{display:contents}.mth-stat-card{flex:1 1 0;min-width:0;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:10px 14px;display:flex;flex-direction:row;align-items:center;gap:8px;white-space:nowrap}.mth-actions-slot{margin-left:auto;display:flex;align-items:center;gap:10px;flex-shrink:0;align-self:center}.mth-stat-label{font-size:11.5px;color:#9ca3af;font-weight:500}.mth-stat-value{font-size:22px;font-weight:700;color:#4f46e5;line-height:1.2}.mth-stat-card.total .mth-stat-value{color:#111827}.mth-skeleton{background:#f3f4f6;border-radius:12px;height:130px;animation:mth-pulse 1.4s ease-in-out infinite}@keyframes mth-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 640px){.mth-wrapper{padding:12px 14px;gap:10px}.mth-position{font-size:10px;gap:4px}.mth-badge{font-size:10px;padding:1px 6px}.mth-info-row{flex-wrap:wrap;align-items:center;gap:10px}.mth-avatar-icon{flex-shrink:0}.mth-details{flex:1;min-width:0}.mth-tab-bar{margin-left:0;width:100%;order:10;justify-content:center}.mth-tab-btn{flex:1;justify-content:center}.mth-stats-row{flex-direction:row;flex-wrap:nowrap;gap:5px}.mth-stats-group{display:contents}.mth-stat-card{flex:1 1 0;min-width:0;padding:6px;gap:3px;flex-direction:column;align-items:center;white-space:nowrap}.mth-stat-label{font-size:9px;text-align:center}.mth-stat-value{font-size:14px;text-align:center}}[data-theme=dark] .mth-wrapper{background:var(--bg-content, #1e293b);border-color:var(--border-divider, #475569)}[data-theme=dark] .mth-name{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .mth-position{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .mth-badge{background:rgba(139,92,246,.15);color:#c4b5fd}[data-theme=dark] .mth-tab-bar{background:var(--bg-input, #334155)}[data-theme=dark] .mth-tab-btn{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .mth-tab-btn:hover{background:rgba(255,255,255,.08);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .mth-tab-btn.active{background:var(--bg-content, #1e293b);color:#a5b4fc;box-shadow:0 1px 4px #0006}[data-theme=dark] .mth-stat-card{background:var(--bg-input, #334155);border-color:var(--border-divider, #475569)}[data-theme=dark] .mth-stat-label{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .mth-stat-value{color:#a5b4fc}[data-theme=dark] .mth-stat-card.total .mth-stat-value{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .mth-skeleton{background:var(--bg-input, #334155)}.rtab-wrapper{display:flex;flex-direction:column;gap:14px;padding:10px}.rtab-scope-bar{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:10px 14px;font-size:13px;color:#1d4ed8;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.rtab-scope-bar strong{font-weight:700}.rtab-target-row{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;flex-wrap:wrap}.rtab-target-label{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:#15803d;white-space:nowrap}.rtab-target-row .sd-wrapper{flex:1;min-width:220px}.rtab-target-row .sd-trigger{width:100%;border-color:#86efac;background:#fff}.rtab-target-badge{font-size:12px;color:#15803d;background:#dcfce7;border:1px solid #86efac;border-radius:6px;padding:3px 8px;white-space:nowrap}.rtab-scan-row{display:flex;gap:8px;flex-wrap:wrap}.rtab-scan-input-wrap{position:relative;flex:1;min-width:200px}.rtab-scan-input{width:100%;padding:9px 14px;border:1.5px solid #d1d5db;border-radius:8px;font-size:14px;box-sizing:border-box;outline:none;transition:border-color .18s;background:#fff}.rtab-scan-input:focus{border-color:#6366f1}.rtab-btn{display:flex;align-items:center;gap:6px;padding:9px 16px;border:1.5px solid #d1d5db;border-radius:8px;font-size:13.5px;font-weight:500;cursor:pointer;background:#fff;color:#374151;transition:all .18s;white-space:nowrap}.rtab-btn:hover{border-color:#6366f1;color:#4f46e5;background:#f5f3ff}.rtab-btn.primary{background:#4f46e5;border-color:#4f46e5;color:#fff}.rtab-btn.primary:hover{background:#4338ca;border-color:#4338ca}.rtab-btn.primary:disabled{background:#a5b4fc;border-color:#a5b4fc;cursor:not-allowed}.rtab-btn.danger{color:#dc2626;border-color:#fecaca;background:#fef2f2}.rtab-btn.danger:hover{background:#fee2e2;border-color:#dc2626}.rtab-hint{font-size:12px;color:#9ca3af;margin-top:-6px}.rtab-list-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.rtab-list-title{font-size:14px;font-weight:600;color:#374151}.rtab-table-wrap{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px}.rtab-table{width:100%;border-collapse:collapse;font-size:13.5px}.rtab-table thead th{background:#f9fafb;padding:9px 12px;text-align:left;font-weight:600;color:#6b7280;border-bottom:1px solid #e5e7eb;white-space:nowrap}.rtab-table tbody tr:hover{background:#f9fafb}.rtab-table tbody td{padding:9px 12px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.rtab-table tbody tr:last-child td{border-bottom:none}.rtab-status-icon{display:inline-flex;align-items:center;margin-right:5px;vertical-align:middle;flex-shrink:0}.rtab-status-icon.valid{color:#059669}.rtab-status-icon.not_found{color:#dc2626}.rtab-status-icon.already_in_team{color:#d97706}.rtab-status-icon.scope_mismatch{color:#9d174d}.rtab-status-icon.loading{color:#9ca3af}.rtab-row-valid{background:#f0fdf4}.rtab-row-not_found{background:#fff5f5}.rtab-row-already_in_team{background:#fffbeb}.rtab-row-scope_mismatch{background:#fdf2f8}.rtab-row-loading{background:#fff}.rtab-staff-cell{display:flex;align-items:center;gap:10px}.rtab-avatar-wrap{flex-shrink:0;width:40px;height:60px;border-radius:4px;overflow:hidden;border:1px solid #e5e7eb;background:#f9fafb}.rtab-avatar{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;display:block}.rtab-avatar--clickable{cursor:zoom-in;transition:opacity .15s}.rtab-avatar--clickable:hover{opacity:.85}.rtab-avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e5e7eb 0%,#d1d5db 100%)}.rtab-remove-btn{background:none;border:none;cursor:pointer;color:#9ca3af;padding:7px;border-radius:6px;display:flex;align-items:center;transition:color .15s,background .15s}.rtab-remove-btn:hover{color:#dc2626;background:#fee2e2}.rtab-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e7eb;padding:10px 16px;box-shadow:0 -2px 8px #00000014;z-index:100}.rtab-empty{text-align:center;padding:40px 20px;color:#9ca3af;font-size:14px}.rtab-desktop-only{display:block}.rtab-mobile-only{display:none}@media (max-width: 640px){.rtab-desktop-only{display:none}.rtab-mobile-only{display:flex;flex-direction:column;gap:10px}}.rtab-card-list{padding:2px 0}.rtab-card{display:flex;align-items:stretch;gap:12px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;box-shadow:0 1px 3px #0000000f;transition:box-shadow .15s}.rtab-card:active{box-shadow:0 2px 6px #0000001a}.rtab-card-valid{border-left:4px solid #10b981;background:#f0fdf4}.rtab-card-not_found{border-left:4px solid #ef4444;background:#fff5f5}.rtab-card-already_in_team{border-left:4px solid #f59e0b;background:#fffbeb}.rtab-card-scope_mismatch{border-left:4px solid #ec4899;background:#fdf2f8}.rtab-card-loading{border-left:4px solid #d1d5db;background:#fff}.rtab-card-avatar-wrap{flex-shrink:0;width:44px;height:66px;border-radius:5px;overflow:hidden;border:1px solid #e5e7eb;background:#f9fafb;align-self:center}.rtab-card-avatar{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;display:block}.rtab-card-avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e5e7eb 0%,#d1d5db 100%)}.rtab-card-body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0}.rtab-card-name{font-size:20px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rtab-card-code-row{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%}.rtab-card-code{display:flex;align-items:center;gap:4px;font-size:13px;color:#374151;flex-shrink:0}.rtab-card-status{font-size:12px;color:#6b7280;text-align:right}.rtab-card-actions{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:6px;flex-shrink:0}.rtab-card-idx{font-size:11px;color:#9ca3af;font-weight:500}[data-theme=dark] .rtab-scope-bar{background:rgba(59,130,246,.08);border-color:#3b82f64d;color:#93c5fd}[data-theme=dark] .rtab-target-row{background:rgba(16,185,129,.08);border-color:#10b9814d}[data-theme=dark] .rtab-target-label{color:#34d399}[data-theme=dark] .rtab-target-badge{background:rgba(16,185,129,.12);border-color:#10b9814d;color:#34d399}[data-theme=dark] .rtab-target-row .sd-trigger{background:var(--bg-input, #334155);border-color:#10b9814d}[data-theme=dark] .rtab-scan-input{background:var(--bg-content, #1e293b);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .rtab-scan-input:focus{border-color:#818cf8}[data-theme=dark] .rtab-btn{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .rtab-btn:hover{border-color:#818cf8;color:#a5b4fc;background:var(--bg-surface-hover, #475569)}[data-theme=dark] .rtab-btn.danger{color:#f87171;border-color:#ef44444d;background:rgba(239,68,68,.08)}[data-theme=dark] .rtab-btn.danger:hover{background:rgba(239,68,68,.15);border-color:#f87171}[data-theme=dark] .rtab-hint{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .rtab-list-title{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .rtab-table-wrap{border-color:var(--border-divider, #475569)}[data-theme=dark] .rtab-table thead th{background:var(--bg-input, #334155);color:var(--text-secondary, #94a3b8);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .rtab-table tbody td{border-bottom-color:var(--border-divider, #2d3f55);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .rtab-table tbody tr:hover{background:var(--bg-surface-hover, #334155)}[data-theme=dark] .rtab-row-valid{background:rgba(16,185,129,.08)}[data-theme=dark] .rtab-row-not_found{background:rgba(239,68,68,.08)}[data-theme=dark] .rtab-row-already_in_team{background:rgba(245,158,11,.08)}[data-theme=dark] .rtab-row-scope_mismatch{background:rgba(236,72,153,.08)}[data-theme=dark] .rtab-row-loading{background:transparent}[data-theme=dark] .rtab-footer{background:var(--bg-content, #1e293b);border-top-color:var(--border-divider, #475569);box-shadow:0 -2px 8px #00000059}[data-theme=dark] .rtab-empty{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .rtab-avatar-wrap{border-color:var(--border-divider, #475569);background:var(--bg-input, #334155)}[data-theme=dark] .rtab-avatar-placeholder{background:linear-gradient(135deg,#334155 0%,#475569 100%)}[data-theme=dark] .rtab-remove-btn{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .rtab-remove-btn:hover{color:#f87171;background:rgba(239,68,68,.1)}[data-theme=dark] .rtab-card{background:var(--bg-content, #1e293b);border-color:var(--border-divider, #475569)}[data-theme=dark] .rtab-card-valid{background:rgba(16,185,129,.08)}[data-theme=dark] .rtab-card-not_found{background:rgba(239,68,68,.08)}[data-theme=dark] .rtab-card-already_in_team{background:rgba(245,158,11,.08)}[data-theme=dark] .rtab-card-scope_mismatch{background:rgba(236,72,153,.08)}[data-theme=dark] .rtab-card-loading{background:var(--bg-content, #1e293b)}[data-theme=dark] .rtab-card-avatar-wrap{border-color:var(--border-divider, #475569);background:var(--bg-input, #334155)}[data-theme=dark] .rtab-card-avatar-placeholder{background:linear-gradient(135deg,#334155 0%,#475569 100%)}[data-theme=dark] .rtab-card-name{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .rtab-card-code{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .rtab-card-status,[data-theme=dark] .rtab-card-idx{color:var(--text-secondary, #64748b)}.mtt-wrapper{flex:1;min-height:0;overflow:hidden;border:1px solid #e5e7eb;border-radius:10px;display:flex;flex-direction:column}.mtt-table{width:100%;border-collapse:collapse;font-size:13.5px;table-layout:fixed}.mtt-table thead{position:sticky;top:0;z-index:1;box-shadow:0 1px #97a2b8}.mtt-table thead th{background:#f9fafb;padding:11px 12px;text-align:left;font-weight:600;color:#adb7cc;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mtt-table-scroll{overflow-x:auto;overflow-y:auto;flex:1;min-height:0}.mtt-table thead th .mtt-th-inner{display:flex;align-items:center;gap:4px}.mtt-th-sort-area{display:inline-flex;align-items:center;gap:4px;cursor:pointer;flex:1;min-width:0}.mtt-th-sort-area:hover{color:#374151}.mtt-table thead th.mtt-sortable:hover{background:#f3f4f6}.mtt-sort-icon{font-size:10px;color:#9ca3af;flex-shrink:0}.mtt-sort-icon--active{color:#4f46e5}.mtt-table tbody tr:hover{background:#f9fafb}.mtt-table tbody td{padding:9px 12px;border-bottom:1px solid #f3f4f6;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mtt-table tbody tr:last-child td{border-bottom:none}.mtt-col-action{width:72px;text-align:center}.mtt-col-ma-nv{width:110px;text-align:center}.mtt-col-ten{width:220px;text-align:center}.mtt-col-chuc-vu,.mtt-col-cv-ct{width:160px;text-align:center}.mtt-col-bo-phan{width:110px;text-align:center}.mtt-col-shift{width:90px;text-align:center}.mtt-col-nhom-cv{width:140px;text-align:center}.mtt-col-phan-loai-hd{width:130px;text-align:center}.mtt-col-status{width:120px;text-align:center}.mtt-action-header{display:flex;justify-content:center;align-items:center}.mtt-action-cell{display:flex;align-items:center;justify-content:center;gap:4px}.mtt-action-cell input[type=checkbox],.mtt-action-header input[type=checkbox]{cursor:pointer;width:15px;height:15px;accent-color:#3b82f6;flex-shrink:0}.mtt-row--selected{background:#eff6ff!important;cursor:grab}.mtt-row--selected:active{cursor:grabbing;opacity:.7}.mtt-name-cell{display:flex;align-items:center;gap:10px}.mtt-avatar{width:40px;height:60px;-o-object-fit:cover;object-fit:cover;border-radius:4px;cursor:pointer;flex-shrink:0;border:1px solid #e0e0e0;transition:opacity .2s}.mtt-avatar:hover{opacity:.8}.mtt-name-text{font-weight:600;color:#111827}.mtt-mono{font-family:Courier New,monospace;font-size:12.5px;color:#374151}.mtt-badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.mtt-badge.shift-a{background:#dbeafe;color:#1e40af}.mtt-badge.shift-b{background:#d1fae5;color:#065f46}.mtt-badge.shift-c{background:#fce7f3;color:#9d174d}.mtt-badge.shift-hc{background:#ede9fe;color:#5b21b6}.mtt-badge.shift-default{background:#f3f4f6;color:#374151}.mtt-badge.status-working{background:#d1fae5;color:#065f46}.mtt-badge.status-quit{background:#fee2e2;color:#991b1b}.mtt-badge.status-maternity{background:#fef3c7;color:#92400e}.mtt-badge.status-default{background:#f3f4f6;color:#374151}.mtt-badge.chucvu{background:#eff6ff;color:#1d4ed8}.mtt-empty{text-align:center;padding:60px 20px;color:#9ca3af;font-size:14px}.mtt-card-list{display:none}.mtt-wrapper--desktop{display:flex}.mtt-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:border-color .15s,box-shadow .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mtt-card--selected{border-color:#6366f1;box-shadow:0 0 0 2px #6366f126;background:#faf5ff}.mtt-card__header{display:flex;align-items:center;gap:10px}.mtt-card__avatar{width:44px;height:66px;border-radius:5px;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;flex-shrink:0;border:1px solid #e5e7eb;align-self:flex-start}.mtt-card__header-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mtt-card__name{font-weight:600;font-size:14px;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mtt-card__code{font-size:12px;color:#6b7280}.mtt-card__badges{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.mtt-card__body{display:flex;flex-direction:column;gap:5px;padding-top:4px;border-top:1px solid #f3f4f6}.mtt-card__row{display:flex;align-items:center;gap:8px;font-size:13px}.mtt-card__row--nhom{margin-top:1px}.mtt-card__label{color:#9ca3af;font-size:11.5px;width:72px;flex-shrink:0}.mtt-card__value{color:#374151;font-size:13px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mtt-card__value--placeholder{color:#d1d5db;font-size:12px;flex:1;font-style:italic}.mtt-card__sep{color:#d1d5db;font-size:13px;flex-shrink:0}.mtt-card__gear{margin-left:auto;flex-shrink:0}@media (max-width: 768px){.mtt-wrapper--desktop{display:none!important}.mtt-card-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding:8px;flex:1;min-height:0}}.mtt-avatar--clickable{cursor:zoom-in;transition:opacity .15s}.mtt-avatar--clickable:hover{opacity:.8}[data-theme=dark] .mtt-wrapper{background:var(--bg-content, #1e293b);border-color:var(--border-divider, #475569)}[data-theme=dark] .mtt-table thead th{background:var(--bg-input, #334155);color:var(--text-secondary, #94a3b8);box-shadow:0 1px 0 var(--border-divider, #475569)}[data-theme=dark] .mtt-table thead th.mtt-sortable:hover{background:var(--bg-surface-hover, #475569)}[data-theme=dark] .mtt-th-sort-area:hover{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .mtt-sort-icon--active{color:#a5b4fc}[data-theme=dark] .mtt-table tbody td{border-bottom-color:var(--border-divider, #2d3f55);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .mtt-table tbody tr:hover{background:var(--bg-surface-hover, #334155)}[data-theme=dark] .mtt-name-text{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .mtt-mono{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .mtt-avatar{border-color:var(--border-divider, #475569)}[data-theme=dark] .mtt-row--selected{background:rgba(59,130,246,.12)!important}[data-theme=dark] .mtt-empty{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .mtt-card{background:var(--bg-content, #1e293b);border-color:var(--border-divider, #475569)}[data-theme=dark] .mtt-card--selected{border-color:#818cf8;background:rgba(99,102,241,.1);box-shadow:0 0 0 2px #6366f133}[data-theme=dark] .mtt-card__name{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .mtt-card__code{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .mtt-card__body{border-top-color:var(--border-divider, #475569)}[data-theme=dark] .mtt-card__label{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .mtt-card__value{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .mtt-card__value--placeholder{color:var(--text-secondary, #475569)}[data-theme=dark] .mtt-card__sep{color:var(--border-divider, #475569)}[data-theme=dark] .mtt-card__avatar{border-color:var(--border-divider, #475569)}.mtp-panel{width:500px;min-width:260px;max-width:800px;height:100%;display:flex;flex-direction:column;background:#fff;border-right:1px solid #e5e7eb;border-radius:8px 0 0 8px;overflow:hidden;flex-shrink:0}.mtp-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#f8fafc;border-bottom:1px solid #e5e7eb;flex-shrink:0}.mtp-header__title{font-size:13px;font-weight:600;color:#374151}.mtp-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px 0 8px}.mtp-item{display:flex;align-items:center;gap:6px;padding:5px 10px;cursor:pointer;font-size:13px;color:#374151;transition:background .12s;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box}.mtp-item.is-selected{background:#dbeafe;color:#1d4ed8}.mtp-item.is-drop-target{background:#dcfce7!important;outline:2px dashed #16a34a;outline-offset:-2px}.mtp-item--all{font-weight:500;border-bottom:1px solid #f3f4f6;padding:7px 12px;margin-bottom:2px}.mtp-item--on-leave{font-weight:500;border-bottom:1px solid #f3f4f6;padding:7px 12px;color:#1e40af}.mtp-item--on-leave .mtp-item__icon{font-size:13px}.mtp-item--on-leave.is-selected{background:#dbeafe;color:#1e40af}.mtp-item--seasonal{font-weight:500;border-bottom:1px solid #f3f4f6;padding:7px 12px;margin-bottom:4px;color:#92400e}.mtp-item--seasonal .mtp-item__icon{font-size:13px}.mtp-item--seasonal.is-selected{background:#fef3c7;color:#92400e}.mtp-item--unassigned{font-weight:500;border-bottom:1px solid #f3f4f6;padding:7px 12px;margin-bottom:4px;color:#475569}.mtp-item--unassigned .mtp-item__icon{font-size:13px}.mtp-item--unassigned.is-selected{background:#f1f5f9;color:#1e293b}.mtp-item--manager{align-items:center;padding-top:5px;padding-bottom:5px;gap:7px}.mtp-item__toggle{display:flex;align-items:center;justify-content:center;width:14px;height:14px;color:#6b7280;flex-shrink:0;cursor:pointer}.mtp-item__avatar{width:26px;height:26px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0;border:1px solid #e5e7eb}.mtp-item__avatar--placeholder{display:flex;align-items:center;justify-content:center;background:#dbeafe;color:#1d4ed8;font-size:11px;font-weight:700;width:26px;height:26px;border-radius:50%;flex-shrink:0}.mtp-item__content{display:flex;flex-direction:row;align-items:center;gap:0;min-width:0;flex:1;overflow:hidden}.mtp-item__top-line{display:flex;flex-direction:row;align-items:center;gap:0;width:100%;overflow:hidden}.mtp-item__role{font-size:12px;color:#6b7280;font-style:italic;white-space:nowrap;flex-shrink:0}.mtp-item.is-selected .mtp-item__role{color:#3b82f6}.mtp-item__separator{font-size:12px;color:#9ca3af;margin:0 3px;flex-shrink:0}.mtp-item__name{font-size:12.5px;font-weight:500;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:45%;min-width:0}.mtp-item.is-selected .mtp-item__name{color:#1d4ed8}.mtp-item__count-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;min-width:20px;height:18px;padding:0 5px;font-size:10px;font-weight:700;color:#646cb3;background:#d9d9f5;border-radius:9px;flex-shrink:0;white-space:nowrap;line-height:1}.mtp-item.is-selected .mtp-item__count-badge{background:rgba(99,102,241,.75);color:#fff}.mtp-item__count-badge--seasonal{color:#92400e;background:#fde68a}.mtp-item--seasonal.is-selected .mtp-item__count-badge--seasonal{background:rgba(180,120,0,.55);color:#fff}.mtp-item__count-badge--unassigned{color:#475569;background:#e2e8f0}.mtp-item--unassigned.is-selected .mtp-item__count-badge--unassigned{background:rgba(71,85,105,.5);color:#fff}.mtp-item__count-badge--on-leave{color:#1e40af;background:#bfdbfe}.mtp-item--on-leave.is-selected .mtp-item__count-badge--on-leave{background:rgba(30,64,175,.5);color:#fff}.mtp-item__count-badge+.mtp-item__nhom-badge{margin-left:4px}.mtp-item__nhom-badge{display:inline-block;margin-left:auto;min-width:52px;text-align:center;padding:1px 5px;font-size:10px;font-style:normal;font-weight:600;color:#0891b2;background:#ecfeff;border:1px solid #a5f3fc;border-radius:3px;letter-spacing:.03em;flex-shrink:0;white-space:nowrap}.mtp-item.is-selected .mtp-item__nhom-badge{color:#fff;background:rgba(6,182,212,.35);border-color:transparent}.mtp-item__nhom-desc{font-size:11px;color:#94a3b8;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin-left:4px;line-height:1.3}.mtp-item.is-selected .mtp-item__nhom-desc{color:#3b82f6b3}.mtp-item__icon{font-size:14px;flex-shrink:0}.mtp-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 13px;background:#f8fafc;border-bottom:1px solid #e5e7eb;flex-shrink:0}.mtp-header__title{font-size:13px;font-weight:600;color:#374151;display:flex;align-items:center;gap:6px}.mtp-header__clear{font-size:11px;color:#3b82f6;background:none;border:1px solid #bfdbfe;border-radius:4px;padding:2px 8px;cursor:pointer;transition:background .15s}.mtp-header__clear:hover{background:#eff6ff}.mtp-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px 0}.mtp-loading{display:flex;align-items:center;gap:8px;padding:12px 16px;font-size:12px;color:#9ca3af}.mtp-loading__dot{width:8px;height:8px;border-radius:50%;background:#3b82f6;animation:mtp-pulse 1s infinite}@keyframes mtp-pulse{0%,to{opacity:1}50%{opacity:.3}}.mtp-empty{padding:16px;font-size:12px;color:#9ca3af;text-align:center}.mtp-item{display:flex;align-items:center;gap:6px;padding:5px 10px;cursor:pointer;font-size:13px;color:#374151;transition:background .12s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mtp-item:hover{background:#f0f9ff}.mtp-item.is-selected{background:#dbeafe;color:#1d4ed8;font-weight:600}.mtp-item--all{font-weight:500;color:#111827;border-bottom:1px solid #f3f4f6;padding:9px 12px}.mtp-item--xuong{font-weight:600;font-size:13px;color:#1e40af;padding:6px 10px;border-top:1px solid #f3f4f6}.mtp-item--bophan{font-weight:500;font-size:12.5px;color:#374151}.mtp-item--chucvu{cursor:default;padding:3px 10px}.mtp-item--chucvu:hover{background:transparent}.mtp-item--manager{gap:8px;padding:4px 10px}.mtp-item--empty-manager{cursor:default;padding:3px 10px}.mtp-item--empty-manager:hover{background:transparent}.mtp-item__toggle{display:flex;align-items:center;color:#6b7280;flex-shrink:0}.mtp-item__icon{font-size:13px;flex-shrink:0}.mtp-item__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mtp-item__role-label{font-size:11.5px;font-style:italic;color:#6b7280;font-weight:500}.mtp-item__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px}.mtp-item__empty{font-size:11.5px;color:#d1d5db;font-style:italic}.mtp-item__avatar{width:24px;height:24px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0;border:1px solid #e5e7eb}.mtp-item__avatar--placeholder{display:flex;align-items:center;justify-content:center;background:#dbeafe;color:#1d4ed8;font-size:11px;font-weight:700}[data-theme=dark] .mtp-panel{background:var(--bg-content, #1e293b);border-right-color:var(--border-divider, #475569);border-radius:8px 0 0 8px}[data-theme=dark] .mtp-header{background:var(--bg-input, #334155);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .mtp-header__title{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .mtp-header__clear{color:#93c5fd;border-color:#3b82f64d}[data-theme=dark] .mtp-header__clear:hover{background:rgba(59,130,246,.1)}[data-theme=dark] .mtp-item{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .mtp-item:hover{background:rgba(255,255,255,.06)}[data-theme=dark] .mtp-item.is-selected{background:rgba(59,130,246,.15);color:#93c5fd}[data-theme=dark] .mtp-item--all{color:var(--text-primary, #e2e8f0);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .mtp-item--xuong{color:#93c5fd;border-top-color:var(--border-divider, #475569)}[data-theme=dark] .mtp-item--bophan{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .mtp-item--seasonal{color:#fbbf24;border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .mtp-item--seasonal.is-selected{background:rgba(245,158,11,.12);color:#fcd34d}[data-theme=dark] .mtp-item--unassigned{color:#94a3b8;border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .mtp-item--unassigned.is-selected{background:rgba(148,163,184,.12);color:#cbd5e1}[data-theme=dark] .mtp-item--on-leave{color:#93c5fd;border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .mtp-item--on-leave.is-selected{background:rgba(59,130,246,.15);color:#93c5fd}[data-theme=dark] .mtp-item__role,[data-theme=dark] .mtp-item__role-label{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .mtp-item__name{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .mtp-item.is-selected .mtp-item__name{color:#93c5fd}[data-theme=dark] .mtp-item__separator{color:var(--border-divider, #475569)}[data-theme=dark] .mtp-item__toggle{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .mtp-item__nhom-desc{color:var(--text-secondary, #64748b)}[data-theme=dark] .mtp-item__count-badge{background:rgba(99,102,241,.2);color:#a5b4fc}[data-theme=dark] .mtp-item.is-selected .mtp-item__count-badge{background:rgba(99,102,241,.5);color:#fff}[data-theme=dark] .mtp-item__avatar{border-color:var(--border-divider, #475569)}[data-theme=dark] .mtp-item__avatar--placeholder{background:rgba(59,130,246,.15);color:#93c5fd}[data-theme=dark] .mtp-item.is-drop-target{background:rgba(22,163,74,.15)!important;outline-color:#4ade80}[data-theme=dark] .mtp-empty,[data-theme=dark] .mtp-loading{color:var(--text-secondary, #94a3b8)}.mcsb-wrap{position:relative;display:flex;align-items:flex-start;gap:4px;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:0 8px;width:100%;height:auto;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.mcsb-wrap:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.mcsb-wrap--list{border-color:#8b5cf6;background:#faf5ff}.mcsb-wrap--list:focus-within{border-color:#7c3aed;box-shadow:0 0 0 3px #8b5cf626}.mcsb-icon{color:#9ca3af;flex-shrink:0;margin-top:9px}.mcsb-wrap--list .mcsb-icon{color:#8b5cf6}.mcsb-input{flex:1;border:none;outline:none;background:transparent;font-size:13px;color:#111827;resize:none;line-height:1.5;padding:7px 0;min-height:34px;max-height:120px;overflow-y:auto;font-family:inherit}.mcsb-input::-moz-placeholder{color:#9ca3af;font-size:12.5px}.mcsb-input::placeholder{color:#9ca3af;font-size:12.5px}.mcsb-badge{display:inline-flex;align-items:center;gap:2px;background:#8b5cf6;color:#fff;font-size:11px;font-weight:600;border-radius:10px;padding:2px 6px;margin-top:8px;flex-shrink:0;white-space:nowrap}.mcsb-clear{background:none;border:none;cursor:pointer;color:#9ca3af;padding:0;display:flex;align-items:center;flex-shrink:0;margin-top:9px;transition:color .15s}.mcsb-clear:hover{color:#ef4444}[data-theme=dark] .mcsb-wrap{background:var(--bg-content, #1e293b);border-color:var(--border-input, #475569)}[data-theme=dark] .mcsb-wrap:focus-within{border-color:#818cf8;box-shadow:0 0 0 3px #6366f133}[data-theme=dark] .mcsb-wrap--list{background:rgba(139,92,246,.08);border-color:#7c3aed}[data-theme=dark] .mcsb-wrap--list:focus-within{border-color:#a78bfa;box-shadow:0 0 0 3px #8b5cf633}[data-theme=dark] .mcsb-icon{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .mcsb-wrap--list .mcsb-icon{color:#a78bfa}[data-theme=dark] .mcsb-input{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .mcsb-input::-moz-placeholder{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .mcsb-input::placeholder{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .mcsb-clear{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .mcsb-clear:hover{color:#f87171}.mt-page{display:flex;flex-direction:column;min-height:100%;box-sizing:border-box}.mt-tab-bar{display:flex;gap:4px;background:var(--color-bg-secondary, #f3f4f6);border-radius:10px;padding:4px;width:-moz-fit-content;width:fit-content}.mt-tab-btn{display:flex;align-items:center;gap:6px;padding:7px 18px;border:none;background:transparent;color:var(--color-text-secondary, #6b7280);font-size:13.5px;font-weight:500;border-radius:7px;cursor:pointer;transition:background .18s,color .18s;white-space:nowrap}.mt-tab-btn:hover{background:rgba(99,102,241,.08);color:#4f46e5}.mt-tab-btn.active{background:#fff;color:#4f46e5;box-shadow:0 1px 4px #0000001a}.mt-filter-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.mt-btn-add{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#4f46e5;color:#fff;border:none;border-radius:8px;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .18s;white-space:nowrap}.mt-btn-add:hover{background:#4338ca}.mt-tab2-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.mt-toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:8px;z-index:9999}.mt-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:var(--color-text-secondary, #9ca3af);font-size:15px}.mt-empty svg{opacity:.35}.mt-mobile-subtab-bar{display:none}@media (max-width: 768px){.mt-mobile-subtab-bar{display:flex;flex-shrink:0;width:100%;background:#f3f4f6;border-bottom:1px solid #e5e7eb;padding:4px;gap:4px;box-sizing:border-box}.mt-mobile-subtab-btn{flex:1;padding:8px 12px;border:none;background:transparent;color:#6b7280;font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;transition:background .18s,color .18s;text-align:center}.mt-mobile-subtab-btn.active{background:#fff;color:#4f46e5;box-shadow:0 1px 3px #0000001a}.mt-tab2-layout{flex-direction:column;height:auto;overflow:visible}.mtp-panel--mobile-hidden,.mt-tab2-main--mobile-hidden{display:none!important}.mtp-panel{width:100%!important;height:calc(100vh - 180px);border-right:none!important;border-bottom:1px solid #e5e7eb}.mt-tab2-main{width:100%;height:calc(100vh - 180px)}.mt-tab2-table-area--modal-open{margin-right:0}.mtp-header{display:none!important}.mt-tree-filter-badge{flex-direction:column;align-items:stretch;gap:6px;padding:8px 10px;min-height:unset}.mt-tree-filter-badge__label{white-space:normal}.mt-tree-filter-badge__search{width:100%!important;flex:1 1 auto!important;margin-left:0!important;margin-right:0!important;max-width:100%!important}.mt-tree-filter-badge{justify-content:flex-start;align-items:stretch}}@media (max-width: 640px){.mt-tab-bar{width:100%}.mt-tab-btn{flex:1;justify-content:center}.mt-filter-row{flex-direction:column;align-items:stretch}}.mt-tab2-layout{display:flex;gap:0;align-items:stretch;background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;height:100vh;min-height:400px}.mt-tab2-main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.mt-tab2-main>.cpn-pagination-container{flex-shrink:0}.mt-tab2-table-area{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;transition:margin-right .4s cubic-bezier(.4,0,.2,1)}.mt-tab2-table-area--modal-open{margin-right:700px}.mt-tree-filter-badge{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 10px;background:#f8faff;border-bottom:1px solid #e5e7eb;min-height:42px;flex-shrink:0;overflow:visible}.mt-tree-filter-badge__label{display:flex;align-items:center;gap:6px;font-size:13px;color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:3px 8px;white-space:nowrap}.mt-tree-filter-badge__label button{background:none;border:none;cursor:pointer;color:#6b7280;font-size:14px;padding:0 2px;line-height:1;margin-left:2px}.mt-tree-filter-badge__label button:hover{color:#ef4444}.mt-tree-filter-badge__clear-btn{display:inline-flex;align-items:center;gap:4px;padding:7px 16px;font-size:14px;font-weight:500;color:#b45309;background:#fffbeb;border:1px solid #fcd34d;border-radius:6px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s;flex-shrink:0}.mt-tree-filter-badge__clear-btn:hover{background:#fef3c7;color:#92400e;border-color:#f59e0b}.mt-tree-filter-badge__search{display:flex;align-items:center;gap:8px;flex:0 0 auto;width:500px;min-width:0;margin-left:auto}.mt-tree-filter-badge__search>:first-child{flex:1;min-width:0}.mt-staffdetail-modal.cpn-staffdetailmodal-overlay .cpn-staffdetailmodal-container{margin-top:241px;height:calc(100vh - 241px)}@media (max-width: 768px){.mt-staffdetail-modal.cpn-staffdetailmodal-overlay .cpn-staffdetailmodal-container{margin-top:50px;height:calc(100vh - 50px);width:100%}}[data-theme=dark] .mt-tab-bar,[data-theme=dark] .mt-mobile-subtab-bar{background:var(--bg-input, #334155)}[data-theme=dark] .mt-tab-btn,[data-theme=dark] .mt-mobile-subtab-btn{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .mt-tab-btn:hover,[data-theme=dark] .mt-mobile-subtab-btn:hover{background:rgba(255,255,255,.08);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .mt-tab-btn.active,[data-theme=dark] .mt-mobile-subtab-btn.active{background:var(--bg-content, #1e293b);color:var(--color-primary, #667eea);box-shadow:0 1px 4px #0006}[data-theme=dark] .mt-tab2-layout{background:var(--bg-content, #1e293b);border-color:var(--border-divider, #475569)}[data-theme=dark] .mt-tree-filter-badge{background:var(--bg-input, #334155);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .mt-tree-filter-badge__label{color:#93c5fd;background:rgba(59,130,246,.1);border-color:#3b82f64d}[data-theme=dark] .mt-tree-filter-badge__label button{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .mt-tree-filter-badge__clear-btn{color:#fbbf24;background:rgba(245,158,11,.1);border-color:#f59e0b4d}[data-theme=dark] .mt-tree-filter-badge__clear-btn:hover{background:rgba(245,158,11,.18);color:#fcd34d}[data-theme=dark] .mt-empty{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .mtp-panel{border-color:var(--border-divider, #475569)}[data-theme=dark] .mt-tab2-layout .mtp-panel{border-right-color:var(--border-divider, #475569)}.image-uploader{margin-bottom:1rem}.image-uploader-label{display:block;margin-bottom:.5rem;font-weight:500;color:#333;font-size:.9rem}.image-uploader-container{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.image-preview-container{position:relative;border:2px solid #e0e0e0;border-radius:8px;overflow:hidden;background:#f5f5f5}.image-preview{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.image-remove-btn{position:absolute;top:8px;right:8px;background:rgba(220,38,38,.9);color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.image-remove-btn:hover{background:rgba(220,38,38,1);transform:scale(1.1)}.image-upload-placeholder{border:2px dashed #cbd5e0;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;background:#f9fafb;color:#64748b}.image-upload-placeholder:hover{border-color:#3b82f6;background:#eff6ff;color:#3b82f6}.image-upload-placeholder svg{margin-bottom:.5rem;opacity:.5}.image-upload-placeholder p{margin:.25rem 0;font-size:.9rem}.image-upload-hint{font-size:.75rem!important;color:#94a3b8!important}.image-uploader-input{display:none}.image-upload-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.image-upload-btn:hover:not(:disabled){background:#2563eb}.image-upload-btn:disabled{opacity:.6;cursor:not-allowed}.image-uploader-error{color:#dc2626;font-size:.85rem;margin-top:.5rem;margin-bottom:0}[data-theme=dark] .image-uploader-label{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .image-preview-container{border-color:var(--border-divider, #475569);background:var(--bg-input, #334155)}[data-theme=dark] .image-upload-placeholder{border-color:var(--border-divider, #475569);background:var(--bg-input, #334155);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .image-upload-placeholder:hover{border-color:#60a5fa;background:rgba(96,165,250,.08);color:#60a5fa}[data-theme=dark] .image-upload-hint{color:var(--text-secondary, #94a3b8)!important}.job-form-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.job-form-modal-content{background:white;border-radius:12px;width:100%;max-width:1000px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0003}.job-form-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb}.job-form-modal-header h2{margin:0;font-size:1.5rem;color:#1f2937}.job-form-modal-close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s}.job-form-modal-close-btn:hover:not(:disabled){background:#f3f4f6;color:#111827}.job-form-modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.job-form-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.job-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.job-form-column{display:flex;flex-direction:column;gap:1rem}.job-form-group{display:flex;flex-direction:column}.job-form-group label{margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.9rem}.job-form-group label .required{color:#dc2626;margin-left:.25rem}.job-form-group input[type=text],.job-form-group input[type=number],.job-form-group textarea{padding:.625rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;transition:all .2s;font-family:inherit}.job-form-group input[type=text]:focus,.job-form-group input[type=number]:focus,.job-form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.job-form-group input.error,.job-form-group textarea.error{border-color:#dc2626}.job-form-group textarea{resize:vertical;min-height:60px}.job-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.job-form-checkboxes{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.job-form-checkbox{display:flex;align-items:center;gap:.5rem}.job-form-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.job-form-checkbox label{margin:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.9rem}.job-form-modal-footer{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:.75rem}.job-form-btn-cancel,.job-form-btn-save{padding:.625rem 1.5rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.job-form-btn-cancel{background:#f3f4f6;color:#374151}.job-form-btn-cancel:hover:not(:disabled){background:#e5e7eb}.job-form-btn-save{background:#3b82f6;color:#fff}.job-form-btn-save:hover:not(:disabled){background:#2563eb}.job-form-btn-cancel:disabled,.job-form-btn-save:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.job-form-grid{grid-template-columns:1fr;gap:1rem}.job-form-row{grid-template-columns:1fr}.job-form-modal-content{max-width:100%;margin:0;border-radius:0;max-height:100vh}}[data-theme=dark] .job-form-modal-content{background:var(--bg-content, #1e293b);box-shadow:0 10px 40px #00000080}[data-theme=dark] .job-form-modal-header{border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .job-form-modal-header h2{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .job-form-modal-close-btn{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .job-form-modal-close-btn:hover:not(:disabled){background:rgba(255,255,255,.08);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .job-form-group label{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .job-form-group input[type=text],[data-theme=dark] .job-form-group input[type=number],[data-theme=dark] .job-form-group textarea{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .job-form-group input[type=text]:focus,[data-theme=dark] .job-form-group input[type=number]:focus,[data-theme=dark] .job-form-group textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1f}[data-theme=dark] .job-form-checkbox label{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .job-form-modal-footer{background:var(--bg-input, #334155);border-top-color:var(--border-divider, #475569)}[data-theme=dark] .job-form-btn-cancel{background:var(--bg-content, #1e293b);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .job-form-btn-cancel:hover:not(:disabled){background:var(--bg-surface-hover, #475569)}.srtech-jobs-tab{width:100%}.srtech-jobs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.srtech-jobs-header h3{margin:0;font-size:1.25rem;color:#1f2937}.srtech-jobs-btn-add{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.srtech-jobs-btn-add:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.srtech-jobs-table{width:100%;border-collapse:collapse;background:white;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.srtech-jobs-table thead{background:#f9fafb}.srtech-jobs-table th{padding:.75rem;text-align:left;font-weight:600;font-size:.85rem;color:#374151;border-bottom:1px solid #e5e7eb}.srtech-jobs-table td{padding:.75rem;border-bottom:1px solid #f3f4f6;font-size:.9rem;color:#1f2937}.srtech-jobs-table tbody tr:hover{background:#f9fafb}.srtech-jobs-actions{display:flex;gap:.5rem;align-items:center}.srtech-jobs-btn-edit,.srtech-jobs-btn-delete{padding:.4rem;border:none;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.srtech-jobs-btn-edit{background:#eff6ff;color:#3b82f6}.srtech-jobs-btn-edit:hover{background:#dbeafe;color:#2563eb}.srtech-jobs-btn-delete{background:#fef2f2;color:#dc2626}.srtech-jobs-btn-delete:hover{background:#fee2e2;color:#b91c1c}@media (max-width: 1024px){.srtech-jobs-table{font-size:.85rem}.srtech-jobs-table th{padding:.625rem .5rem;font-size:.8rem}.srtech-jobs-table td{padding:.625rem .5rem;font-size:.85rem}.srtech-jobs-table img{width:100px!important;height:60px!important}}@media (max-width: 768px){.srtech-jobs-header{flex-direction:column;align-items:flex-start;gap:1rem}.srtech-jobs-header h3{font-size:1.1rem}.srtech-jobs-btn-add{width:100%;justify-content:center;padding:.75rem}.srtech-jobs-table{display:block;overflow-x:visible;box-shadow:none}.srtech-jobs-table thead{display:none}.srtech-jobs-table tbody{display:block}.srtech-jobs-table tr{display:block;margin-bottom:1rem;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;background:white;box-shadow:0 1px 3px #0000001a}.srtech-jobs-table tr:hover{background:white;box-shadow:0 2px 6px #00000026}.srtech-jobs-table td{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border:none;border-bottom:1px solid #f3f4f6;text-align:right}.srtech-jobs-table td:last-child{border-bottom:none;padding-top:1rem;justify-content:flex-end}.srtech-jobs-table td:before{content:attr(data-label);font-weight:600;color:#6b7280;text-align:left;font-size:.85rem}.srtech-jobs-table td:has(img){flex-direction:column;align-items:flex-start;gap:.5rem}.srtech-jobs-table img{width:100%!important;height:auto!important;max-height:200px;border-radius:8px}.srtech-jobs-actions{width:100%;justify-content:flex-end;gap:.75rem}.srtech-jobs-btn-edit,.srtech-jobs-btn-delete{padding:.625rem 1rem;font-size:.85rem}input[type=checkbox]{width:24px;height:24px}}@media (max-width: 480px){.srtech-jobs-header h3{font-size:1rem}.srtech-jobs-btn-add{font-size:.85rem;padding:.625rem}.srtech-jobs-table tr{padding:.75rem}.srtech-jobs-table td{font-size:.8rem}.srtech-jobs-table td:before{font-size:.75rem}.srtech-jobs-actions{flex-wrap:wrap}.srtech-jobs-btn-edit,.srtech-jobs-btn-delete{flex:1;min-width:80px}}[data-theme=dark] .srtech-jobs-tab{background:var(--bg-surface, #0f172a)}[data-theme=dark] .srtech-jobs-header{border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .srtech-jobs-header h3{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .srtech-jobs-table{background:var(--bg-content, #1e293b);box-shadow:0 1px 3px #0000004d}[data-theme=dark] .srtech-jobs-table thead{background:var(--bg-input, #334155)}[data-theme=dark] .srtech-jobs-table th{color:var(--text-secondary, #94a3b8);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .srtech-jobs-table td{color:var(--text-primary, #e2e8f0);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .srtech-jobs-table tbody tr:hover{background:rgba(255,255,255,.04)}[data-theme=dark] .srtech-jobs-btn-edit{background:rgba(59,130,246,.12);color:#93c5fd}[data-theme=dark] .srtech-jobs-btn-edit:hover{background:rgba(59,130,246,.2);color:#60a5fa}[data-theme=dark] .srtech-jobs-btn-delete{background:rgba(220,38,38,.1);color:#fca5a5}[data-theme=dark] .srtech-jobs-btn-delete:hover{background:rgba(220,38,38,.18);color:#f87171}[data-theme=dark] .srtech-jobs-table tr{border-color:var(--border-divider, #475569);background:var(--bg-content, #1e293b)}[data-theme=dark] .srtech-jobs-table tr:hover{background:rgba(255,255,255,.04)}[data-theme=dark] .srtech-jobs-table td:before{color:var(--text-secondary, #94a3b8)}.hero-slide-form-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.hero-slide-form-modal-content{background:white;border-radius:12px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0003}.hero-slide-form-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb}.hero-slide-form-modal-header h2{margin:0;font-size:1.5rem;color:#1f2937}.hero-slide-form-modal-close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s}.hero-slide-form-modal-close-btn:hover:not(:disabled){background:#f3f4f6;color:#111827}.hero-slide-form-modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.hero-slide-form-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.hero-slide-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.hero-slide-form-column{display:flex;flex-direction:column;gap:1rem}.hero-slide-form-group{display:flex;flex-direction:column}.hero-slide-form-group label{margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.9rem}.hero-slide-form-group label .required{color:#dc2626;margin-left:.25rem}.hero-slide-form-group input[type=text],.hero-slide-form-group input[type=number],.hero-slide-form-group textarea{padding:.625rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;transition:all .2s;font-family:inherit}.hero-slide-form-group input[type=text]:focus,.hero-slide-form-group input[type=number]:focus,.hero-slide-form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.hero-slide-form-group input.error,.hero-slide-form-group textarea.error{border-color:#dc2626}.hero-slide-form-group textarea{resize:vertical;min-height:60px}.error-message{color:#dc2626;font-size:.8rem;margin-top:.25rem}.hero-slide-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.hero-slide-form-checkboxes{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.hero-slide-form-checkbox{display:flex;align-items:center;gap:.5rem}.hero-slide-form-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.hero-slide-form-checkbox label{margin:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.9rem}.hero-slide-info-box{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:1rem;margin-top:1rem}.hero-slide-info-box h4{margin:0 0 .75rem;color:#0369a1;font-size:.95rem}.hero-slide-info-box ul{margin:0;padding-left:1.25rem;color:#075985;font-size:.85rem}.hero-slide-info-box ul li{margin-bottom:.4rem}.hero-slide-info-box ul li:last-child{margin-bottom:0}.hero-slide-form-modal-footer{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:.75rem}.hero-slide-form-btn-cancel,.hero-slide-form-btn-save{padding:.625rem 1.5rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.hero-slide-form-btn-cancel{background:#f3f4f6;color:#374151}.hero-slide-form-btn-cancel:hover:not(:disabled){background:#e5e7eb}.hero-slide-form-btn-save{background:#3b82f6;color:#fff}.hero-slide-form-btn-save:hover:not(:disabled){background:#2563eb}.hero-slide-form-btn-cancel:disabled,.hero-slide-form-btn-save:disabled{opacity:.6;cursor:not-allowed}.hero-slide-hint{font-weight:400;color:#6b7280;font-size:.85rem;font-style:italic}.hero-slide-link-type-selector{display:flex;gap:1rem;margin-bottom:1rem;padding:.75rem;background:#f9fafb;border-radius:6px}.hero-slide-radio-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:#374151}.hero-slide-radio-option input[type=radio]{cursor:pointer;width:16px;height:16px}.hero-slide-radio-option:hover{color:#1f2937}.hero-slide-job-dropdown,.hero-slide-anchor-dropdown{padding:.625rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;background:white;cursor:pointer;transition:border-color .2s}.hero-slide-job-dropdown:hover,.hero-slide-anchor-dropdown:hover{border-color:#3b82f6}.hero-slide-job-dropdown:focus,.hero-slide-anchor-dropdown:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.hero-slide-job-dropdown:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.hero-slide-help-text{display:block;margin-top:.5rem;color:#6b7280;font-size:.85rem;font-style:italic}@media (max-width: 768px){.hero-slide-form-grid{grid-template-columns:1fr;gap:1rem}.hero-slide-form-row{grid-template-columns:1fr}.hero-slide-form-modal-content{max-width:100%;margin:0;border-radius:0;max-height:100vh}}[data-theme=dark] .hero-slide-form-modal-content{background:var(--bg-content, #1e293b);box-shadow:0 10px 40px #00000080}[data-theme=dark] .hero-slide-form-modal-header{border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .hero-slide-form-modal-header h2{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .hero-slide-form-modal-close-btn{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .hero-slide-form-modal-close-btn:hover:not(:disabled){background:rgba(255,255,255,.08);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .hero-slide-form-group label{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .hero-slide-form-group input[type=text],[data-theme=dark] .hero-slide-form-group input[type=number],[data-theme=dark] .hero-slide-form-group textarea{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .hero-slide-form-group input[type=text]:focus,[data-theme=dark] .hero-slide-form-group input[type=number]:focus,[data-theme=dark] .hero-slide-form-group textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1f}[data-theme=dark] .hero-slide-form-checkbox label{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .hero-slide-link-type-selector{background:var(--bg-input, #334155)}[data-theme=dark] .hero-slide-radio-option{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .hero-slide-radio-option:hover{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .hero-slide-job-dropdown,[data-theme=dark] .hero-slide-anchor-dropdown{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .hero-slide-job-dropdown:disabled{background:var(--bg-surface, #0f172a)}[data-theme=dark] .hero-slide-help-text{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .hero-slide-info-box{background:rgba(14,116,144,.12);border-color:#0e749059}[data-theme=dark] .hero-slide-info-box h4{color:#38bdf8}[data-theme=dark] .hero-slide-info-box ul{color:#7dd3fc}[data-theme=dark] .hero-slide-form-modal-footer{background:var(--bg-input, #334155);border-top-color:var(--border-divider, #475569)}[data-theme=dark] .hero-slide-form-btn-cancel{background:var(--bg-content, #1e293b);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .hero-slide-form-btn-cancel:hover:not(:disabled){background:var(--bg-surface-hover, #475569)}.srtech-hero-slides-tab{width:100%}.srtech-hero-slides-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.srtech-hero-slides-header h3{margin:0;font-size:1.25rem;color:#1f2937}.srtech-hero-slides-btn-add{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#8b5cf6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.srtech-hero-slides-btn-add:hover{background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 8px #8b5cf64d}.srtech-hero-slides-table{width:100%;border-collapse:collapse;background:white;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.srtech-hero-slides-table thead{background:#f9fafb}.srtech-hero-slides-table th{padding:.75rem;text-align:left;font-weight:600;font-size:.85rem;color:#374151;border-bottom:1px solid #e5e7eb}.srtech-hero-slides-table td{padding:.75rem;border-bottom:1px solid #f3f4f6;font-size:.9rem;color:#1f2937}.srtech-hero-slides-table tbody tr:hover{background:#f9fafb}.srtech-hero-slides-actions{display:flex;gap:.5rem;align-items:center}.srtech-hero-slides-btn-edit,.srtech-hero-slides-btn-delete{padding:.4rem;border:none;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.srtech-hero-slides-btn-edit{background:#eff6ff;color:#3b82f6}.srtech-hero-slides-btn-edit:hover{background:#dbeafe;color:#2563eb}.srtech-hero-slides-btn-delete{background:#fef2f2;color:#dc2626}.srtech-hero-slides-btn-delete:hover{background:#fee2e2;color:#b91c1c}@media (max-width: 1024px){.srtech-hero-slides-table{font-size:.85rem}.srtech-hero-slides-table th{padding:.625rem .5rem;font-size:.8rem}.srtech-hero-slides-table td{padding:.625rem .5rem;font-size:.85rem}.srtech-hero-slides-table img{width:100px!important;height:60px!important}}@media (max-width: 768px){.srtech-hero-slides-header{flex-direction:column;align-items:flex-start;gap:1rem}.srtech-hero-slides-header h3{font-size:1.1rem}.srtech-hero-slides-btn-add{width:100%;justify-content:center;padding:.75rem}.srtech-hero-slides-table{display:block;overflow-x:visible;box-shadow:none}.srtech-hero-slides-table thead{display:none}.srtech-hero-slides-table tbody{display:block}.srtech-hero-slides-table tr{display:block;margin-bottom:1rem;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;background:white;box-shadow:0 1px 3px #0000001a}.srtech-hero-slides-table tr:hover{background:white;box-shadow:0 2px 6px #00000026}.srtech-hero-slides-table td{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border:none;border-bottom:1px solid #f3f4f6;text-align:right}.srtech-hero-slides-table td:last-child{border-bottom:none;padding-top:1rem;justify-content:flex-end}.srtech-hero-slides-table td:before{content:attr(data-label);font-weight:600;color:#6b7280;text-align:left;font-size:.85rem}.srtech-hero-slides-table td:has(img){flex-direction:column;align-items:flex-start;gap:.5rem}.srtech-hero-slides-table img{width:100%!important;height:auto!important;max-height:200px;border-radius:8px}.srtech-hero-slides-actions{width:100%;justify-content:flex-end;gap:.75rem}.srtech-hero-slides-btn-edit,.srtech-hero-slides-btn-delete{padding:.625rem 1rem;font-size:.85rem}input[type=checkbox]{width:24px;height:24px}}@media (max-width: 480px){.srtech-hero-slides-header h3{font-size:1rem}.srtech-hero-slides-btn-add{font-size:.85rem;padding:.625rem}.srtech-hero-slides-table tr{padding:.75rem}.srtech-hero-slides-table td{font-size:.8rem}.srtech-hero-slides-table td:before{font-size:.75rem}.srtech-hero-slides-actions{flex-wrap:wrap}.srtech-hero-slides-btn-edit,.srtech-hero-slides-btn-delete{flex:1;min-width:80px}}[data-theme=dark] .srtech-hero-slides-tab{background:var(--bg-surface, #0f172a)}[data-theme=dark] .srtech-hero-slides-header{border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .srtech-hero-slides-header h3{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .srtech-hero-slides-table{background:var(--bg-content, #1e293b);box-shadow:0 1px 3px #0000004d}[data-theme=dark] .srtech-hero-slides-table thead{background:var(--bg-input, #334155)}[data-theme=dark] .srtech-hero-slides-table th{color:var(--text-secondary, #94a3b8);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .srtech-hero-slides-table td{color:var(--text-primary, #e2e8f0);border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .srtech-hero-slides-table tbody tr:hover{background:rgba(255,255,255,.04)}[data-theme=dark] .srtech-hero-slides-btn-edit{background:rgba(59,130,246,.12);color:#93c5fd}[data-theme=dark] .srtech-hero-slides-btn-edit:hover{background:rgba(59,130,246,.2);color:#60a5fa}[data-theme=dark] .srtech-hero-slides-btn-delete{background:rgba(220,38,38,.1);color:#fca5a5}[data-theme=dark] .srtech-hero-slides-btn-delete:hover{background:rgba(220,38,38,.18);color:#f87171}[data-theme=dark] .srtech-hero-slides-table tr{border-color:var(--border-divider, #475569);background:var(--bg-content, #1e293b)}[data-theme=dark] .srtech-hero-slides-table tr:hover{background:rgba(255,255,255,.04)}[data-theme=dark] .srtech-hero-slides-table td:before{color:var(--text-secondary, #94a3b8)}.jp-page{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;background:#f5f6fa}.jp-header{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.jp-header-info{flex:1;min-width:0}.jp-header-info h1{display:flex;align-items:center;gap:10px;font-size:28px;color:#333;margin-bottom:8px}.jp-header-info p{color:#666;font-size:14px;margin:0}.jp-tabs{display:flex;flex-shrink:0;gap:4px;border-bottom:none;overflow-x:auto}.jp-tab-btn{padding:12px 24px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:15px;font-weight:500;color:#666;transition:all .2s;white-space:nowrap}.jp-tab-btn:hover{color:#007bff;background:#f8f9fa}.jp-tab-btn.active{color:#007bff;border-bottom-color:#007bff}.jp-content{background:white;border-radius:8px;padding:5px;box-shadow:0 2px 4px #0000001a}.jp-loading{text-align:center;padding:40px;color:#999}[data-theme=dark] .jp-page{background:var(--bg-surface, #0f172a)}[data-theme=dark] .jp-header-info h1{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .jp-header-info p,[data-theme=dark] .jp-tab-btn{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .jp-tab-btn:hover{color:#60a5fa;background:rgba(255,255,255,.04)}[data-theme=dark] .jp-tab-btn.active{color:#60a5fa;border-bottom-color:#60a5fa}[data-theme=dark] .jp-content{background:var(--bg-content, #1e293b);box-shadow:0 2px 4px #0000004d}[data-theme=dark] .jp-loading{color:var(--text-secondary, #94a3b8)}.vm-page{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#f5f6fa}.vm-header{padding:20px 24px 12px;flex-shrink:0}.vm-header-top{display:flex;justify-content:space-between;align-items:center}.vm-header h1{display:flex;align-items:center;gap:10px;font-size:24px;color:#333;margin-bottom:6px}.vm-header p{color:#666;font-size:14px}.vm-content{flex:1;min-height:0;overflow-y:auto;overflow-x:auto;background:white;border-radius:8px;padding:0;box-shadow:0 2px 4px #0000001a}.vm-pagination-bar{flex-shrink:0;background:white;border-top:1px solid #dee2e6;padding:0}.vm-loading{text-align:center;padding:40px;color:#999}.vm-btn-add{display:flex;align-items:center;gap:6px;padding:9px 18px;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.vm-btn-add:hover{background:#218838}.vm-table-container{width:100%;border:1px solid #dee2e6;border-radius:6px}.vm-data-table .vm-col-stt{width:50px}.vm-data-table .vm-col-action{width:90px}.vm-data-table .vm-col-loai{width:110px}.vm-data-table .vm-col-username{width:100px}.vm-data-table .vm-col-ma{width:110px}.vm-data-table .vm-col-ten{width:200px}.vm-data-table .vm-col-hoten{width:160px}.vm-data-table .vm-col-sdt{width:130px}.vm-data-table .vm-col-diachi,.vm-data-table .vm-col-email{width:200px}.vm-data-table .vm-col-ghichu{width:160px}.vm-th-action,.vm-td-action{text-align:center}.vm-data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;table-layout:fixed}.vm-data-table thead{background:#f8f9fa}.vm-data-table th{padding:12px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vm-data-table thead th{position:sticky;top:0;z-index:2;background:#f8f9fa;box-shadow:inset 0 -2px #dee2e6;border-bottom:none}.vm-data-table tbody{display:table-row-group}.vm-data-table td{padding:12px;border-bottom:1px solid #dee2e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vm-data-table tbody tr:hover{background:#f8f9fa}.vm-data-table tbody tr.inactive{background:#f5f5f5}.vm-data-table tbody tr.inactive td:not(:first-child){opacity:.5;color:#888}.vm-data-table tbody tr.inactive td:first-child{opacity:1}.vm-action-cell{display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;flex-wrap:nowrap}.vm-btn-gear{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#f0f0f0;color:#555;border:1px solid #ddd;border-radius:6px;cursor:pointer;transition:all .2s}.vm-btn-gear:hover{background:#e2e6ea;color:#333;border-color:#bbb;transform:rotate(30deg)}.vm-btn-toggle{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:2px;border-radius:4px;transition:opacity .2s,transform .15s;line-height:1}.vm-btn-toggle:hover{opacity:.75;transform:scale(1.1)}.vm-btn-toggle.on{color:#28a745}.vm-btn-toggle.off{color:#6c757d;opacity:1!important}.vm-action-dropdown{position:fixed;z-index:9999;background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 4px 16px #00000026;min-width:170px;padding:4px 0;animation:vm-dropdown-fadein .15s ease}@keyframes vm-dropdown-fadein{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.vm-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 14px;background:none;border:none;cursor:pointer;font-size:13px;color:#333;text-align:left;transition:background .15s}.vm-dropdown-item:hover{background:#f5f5f5}.vm-dropdown-item-warning{color:#856404}.vm-dropdown-item-warning:hover{background:#fff3cd}.vm-dropdown-item-danger{color:#721c24}.vm-dropdown-item-danger:hover{background:#f8d7da}.vm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.vm-modal-content{background:white;border-radius:8px;width:500px;max-width:95vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0003}.vm-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #dee2e6}.vm-modal-header h3{font-size:18px;color:#333;margin:0}.vm-modal-close{background:none;border:none;cursor:pointer;color:#666;display:flex;align-items:center;padding:4px;border-radius:4px;transition:color .2s}.vm-modal-close:hover{color:#333}.vm-modal-body{padding:20px;overflow-y:auto;flex:1}.vm-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid #dee2e6}.vm-form-group{margin-bottom:16px}.vm-form-group label{display:flex;align-items:center;gap:6px;font-weight:500;margin-bottom:6px;color:#333;font-size:14px}.vm-form-group label .required{color:#dc3545;font-size:13px}.vm-readonly-badge{font-size:11px;color:#6c757d;background:#f0f0f0;border-radius:4px;padding:1px 6px;font-weight:400}.vm-form-group input,.vm-form-group textarea,.vm-form-group select{width:100%;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;color:#333;transition:border-color .2s;box-sizing:border-box}.vm-form-group input:focus,.vm-form-group textarea:focus,.vm-form-group select:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 2px #007bff26}.vm-form-group input.readonly,.vm-form-group input:disabled,.vm-form-group textarea:disabled,.vm-form-group select:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.vm-btn-cancel,.vm-btn-save{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.vm-btn-cancel{background:#6c757d;color:#fff}.vm-btn-cancel:hover{background:#5a6268}.vm-btn-save{background:#28a745;color:#fff}.vm-btn-save:hover{background:#218838}.vm-notification{position:fixed;bottom:24px;right:24px;padding:12px 20px;border-radius:6px;font-size:14px;font-weight:500;z-index:9999;animation:vm-notification-fadein .3s ease;box-shadow:0 4px 12px #00000026}@keyframes vm-notification-fadein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.vm-notification.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.vm-notification.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@media (max-width: 768px){.vm-header{padding:16px}.vm-header-top{flex-direction:column;align-items:flex-start;gap:10px}.vm-content{margin:0 12px}.vm-data-table th,.vm-data-table td{padding:8px;font-size:13px}.vm-modal-content{width:95vw}}[data-theme=dark] .vm-page{background:var(--bg-surface, #0f172a)}[data-theme=dark] .vm-header h1{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .vm-header p{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .vm-content{background:var(--bg-content, #1e293b);box-shadow:0 2px 4px #0000004d}[data-theme=dark] .vm-pagination-bar{background:var(--bg-content, #1e293b);border-top-color:var(--border-divider, #475569)}[data-theme=dark] .vm-loading{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .vm-table-container{border-color:var(--border-divider, #475569)}[data-theme=dark] .vm-data-table thead{background:var(--bg-input, #334155)}[data-theme=dark] .vm-data-table thead th{background:var(--bg-input, #334155);color:var(--text-secondary, #94a3b8);box-shadow:inset 0 -2px 0 var(--border-divider, #475569)}[data-theme=dark] .vm-data-table td{border-bottom-color:var(--border-divider, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .vm-data-table tbody tr:hover{background:rgba(255,255,255,.04)}[data-theme=dark] .vm-data-table tbody tr.inactive{background:rgba(255,255,255,.02)}[data-theme=dark] .vm-data-table tbody tr.inactive td:not(:first-child){color:var(--text-secondary, #64748b)}[data-theme=dark] .vm-btn-gear{background:var(--bg-input, #334155);color:var(--text-secondary, #94a3b8);border-color:var(--border-divider, #475569)}[data-theme=dark] .vm-btn-gear:hover{background:var(--bg-surface-hover, #475569);color:var(--text-primary, #e2e8f0);border-color:#64748b}[data-theme=dark] .vm-action-dropdown{background:var(--bg-content, #1e293b);border-color:var(--border-divider, #475569);box-shadow:0 4px 16px #0006}[data-theme=dark] .vm-dropdown-item{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .vm-dropdown-item:hover{background:var(--bg-input, #334155)}[data-theme=dark] .vm-dropdown-item-warning{color:#fbbf24}[data-theme=dark] .vm-dropdown-item-warning:hover{background:rgba(113,63,18,.15)}[data-theme=dark] .vm-dropdown-item-danger{color:#fca5a5}[data-theme=dark] .vm-dropdown-item-danger:hover{background:rgba(153,27,27,.15)}[data-theme=dark] .vm-modal-content{background:var(--bg-content, #1e293b);box-shadow:0 8px 32px #00000080}[data-theme=dark] .vm-modal-header{border-bottom-color:var(--border-divider, #475569)}[data-theme=dark] .vm-modal-header h3{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .vm-modal-close{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .vm-modal-close:hover{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .vm-modal-footer{border-top-color:var(--border-divider, #475569)}[data-theme=dark] .vm-form-group label{color:var(--text-secondary, #94a3b8)}[data-theme=dark] .vm-readonly-badge{background:var(--bg-input, #334155);color:var(--text-secondary, #64748b)}[data-theme=dark] .vm-form-group input,[data-theme=dark] .vm-form-group textarea,[data-theme=dark] .vm-form-group select{background:var(--bg-input, #334155);border-color:var(--border-input, #475569);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .vm-form-group input:focus,[data-theme=dark] .vm-form-group textarea:focus,[data-theme=dark] .vm-form-group select:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa26}[data-theme=dark] .vm-form-group input.readonly,[data-theme=dark] .vm-form-group input:disabled,[data-theme=dark] .vm-form-group textarea:disabled,[data-theme=dark] .vm-form-group select:disabled{background:rgba(255,255,255,.04);color:var(--text-secondary, #64748b)}[data-theme=dark] .vm-notification.success{background:rgba(21,87,36,.2);color:#4ade80;border-color:#4ade804d}[data-theme=dark] .vm-notification.error{background:rgba(153,27,27,.2);color:#fca5a5;border-color:#fca5a54d}.sys-settings-page{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;background:var(--bg-content, #f5f6fa);padding:24px;display:flex;flex-direction:column;gap:20px}.sys-settings-header{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--bg-surface, rgba(255,255,255,.95));border-radius:12px;padding:18px 24px;box-shadow:0 2px 8px #00000014;border:1px solid var(--border-surface, rgba(255,255,255,.2))}.sys-settings-header-title{display:flex;align-items:center;gap:10px;color:var(--text-primary, #333)}.sys-settings-header-title h1{font-size:1.3rem;font-weight:700;margin:0;color:var(--text-primary, #333)}.sys-settings-header-title svg{color:var(--color-primary, #667eea);flex-shrink:0}.sys-settings-reset-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:1px solid var(--border-input, #ced4da);border-radius:8px;color:var(--text-secondary, #6c757d);font-size:.875rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.sys-settings-reset-btn:hover{border-color:var(--color-primary, #667eea);color:var(--color-primary, #667eea);background:rgba(var(--color-primary-rgb, 102,126,234),.05)}.sys-settings-section{background:var(--bg-surface, rgba(255,255,255,.95));border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;border:1px solid var(--border-surface, rgba(255,255,255,.2));display:flex;flex-direction:column;gap:20px}.sys-settings-section-title{display:flex;align-items:center;gap:8px;font-size:1.05rem;font-weight:700;color:var(--text-primary, #333);margin:0 0 4px;padding-bottom:12px;border-bottom:1px solid var(--border-divider, rgba(0,0,0,.08))}.sys-settings-section-title svg{color:var(--color-primary, #667eea)}.sys-settings-section-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.sys-settings-field{display:flex;flex-direction:column;gap:10px}.sys-settings-field-label{display:flex;align-items:center;gap:6px;font-size:.875rem;font-weight:600;color:var(--text-label, #374151)}.sys-settings-field-label svg{color:var(--color-primary, #667eea);opacity:.7;flex-shrink:0}.sys-settings-mode-group{display:flex;gap:10px;flex-wrap:wrap}.sys-settings-mode-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;background:var(--bg-input, rgba(255,255,255,.9));border:2px solid var(--border-input, #ced4da);border-radius:8px;font-size:.9rem;color:var(--text-primary, #333);cursor:pointer;transition:all .2s ease;font-weight:500}.sys-settings-mode-btn:hover{border-color:var(--color-primary, #667eea);color:var(--color-primary, #667eea);background:rgba(var(--color-primary-rgb, 102,126,234),.05)}.sys-settings-mode-btn.active{border-color:var(--color-primary, #667eea);background:rgba(var(--color-primary-rgb, 102,126,234),.1);color:var(--color-primary, #667eea);font-weight:600}.sys-settings-color-group{display:flex;flex-wrap:wrap;gap:8px}.sys-settings-color-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;background:var(--bg-input, rgba(255,255,255,.9));border:2px solid var(--border-input, #ced4da);border-radius:20px;font-size:.82rem;color:var(--text-primary, #333);cursor:pointer;transition:all .2s ease;font-weight:500}.sys-settings-color-btn:hover{border-color:var(--swatch-color, #667eea);background:rgba(var(--color-primary-rgb, 102,126,234),.04)}.sys-settings-color-btn.active{border-color:var(--swatch-color, #667eea);background:color-mix(in srgb,var(--swatch-color, #667eea) 12%,transparent);color:var(--text-primary, #333);font-weight:600;box-shadow:0 0 0 3px color-mix(in srgb,var(--swatch-color, #667eea) 20%,transparent)}.sys-settings-color-dot{display:inline-block;width:14px;height:14px;border-radius:50%;flex-shrink:0;box-shadow:0 1px 4px #0003}.sys-settings-color-label{white-space:nowrap}.sys-settings-two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 600px){.sys-settings-two-col{grid-template-columns:1fr}}.sys-settings-select-wrapper{position:relative}.sys-settings-select{width:100%;padding:9px 36px 9px 12px;background:var(--bg-input, rgba(255,255,255,.9));border:1px solid var(--border-input, #ced4da);border-radius:8px;font-size:.9rem;color:var(--text-primary, #333);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color .2s ease,box-shadow .2s ease}.sys-settings-select:focus{outline:none;border-color:var(--color-primary, #667eea);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 102,126,234),.1)}[data-theme=dark] .sys-settings-select{background-color:var(--bg-input, rgba(25,27,45,.9));color:var(--text-primary, #e5e7eb)}.sys-settings-preview-text{font-size:.875rem;color:var(--text-secondary, #6c757d);margin:0;line-height:1.5}.sys-settings-preview-text small{font-size:.8rem;color:var(--text-secondary, #6c757d);opacity:.8}.sys-settings-three-col-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 1199px){.sys-settings-three-col-grid{grid-template-columns:1fr}}.sys-settings-static-select{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;background:var(--bg-input, rgba(255,255,255,.9));border:1px solid var(--border-input, #ced4da);border-radius:8px;font-size:.875rem;color:var(--text-primary, #333);cursor:default}.sys-settings-static-select svg{color:var(--text-secondary, #6c757d);flex-shrink:0}.sys-settings-badge-soon{display:inline-flex;align-items:center;padding:3px 10px;background:rgba(var(--color-primary-rgb, 102,126,234),.12);color:var(--color-primary, #667eea);border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap}.sys-settings-notification-item{display:flex;align-items:flex-start;gap:14px;padding:12px 14px;background:var(--bg-input, rgba(255,255,255,.9));border:1px solid var(--border-input, #ced4da);border-radius:8px;opacity:.55}.sys-settings-notification-item-enabled{opacity:1}.sys-settings-notification-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:rgba(var(--color-primary-rgb, 102,126,234),.1);border-radius:8px;flex-shrink:0;color:var(--color-primary, #667eea)}.sys-settings-notification-info{flex:1}.sys-settings-notification-title{font-size:.9rem;font-weight:600;color:var(--text-primary, #333);margin-bottom:2px}.sys-settings-notification-desc{font-size:.8rem;color:var(--text-secondary, #6c757d)}.sys-settings-coming-soon-note{font-size:.8rem;color:var(--text-secondary, #6c757d);font-style:italic;text-align:right;margin:0}@media (max-width: 480px){.sys-settings-page{padding:12px;gap:12px}.sys-settings-header{flex-direction:column;align-items:flex-start;gap:10px}.sys-settings-section{padding:16px}.sys-settings-color-group{gap:6px}.sys-settings-color-btn{padding:6px 10px;font-size:.78rem}.sys-settings-mode-btn{padding:8px 14px;font-size:.85rem}}.not-found-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:2rem}.not-found-content{text-align:center;background:rgba(255,255,255,.95);padding:3rem;border-radius:12px;box-shadow:0 8px 32px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);max-width:500px;width:100%}.not-found-icon{width:64px;height:64px;color:#ffc107;margin:0 auto 1rem}.not-found-title{font-size:4rem;font-weight:800;color:#dc3545;margin-bottom:.5rem;line-height:1}.not-found-subtitle{font-size:1.5rem;font-weight:600;color:#2c3e50;margin-bottom:1rem}.not-found-message{color:#6c757d;margin-bottom:2rem;line-height:1.6}.not-found-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.not-found-content{margin:1rem;padding:2rem}.not-found-title{font-size:3rem}.not-found-actions{flex-direction:column}.not-found-actions button,.not-found-actions a{width:100%}}.tcv2-header-wrapper{display:flex;flex-direction:column;gap:10px;padding:12px 16px;background:var(--bg-surface, #fff);border-bottom:1px solid var(--border-color, #e5e7eb);flex-shrink:0}.tcv2-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.tcv2-header-title{font-size:24px;font-weight:600;color:var(--text-primary, #2c3e50);margin:0;line-height:1.3;text-align:center;flex:1}.tcv2-header-page-tabs{display:flex;gap:0;align-items:center;background:#f1f3f5;padding:4px;border-radius:8px;box-shadow:inset 0 1px 3px #0000001a}.tcv2-header-tab{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 30px;background:transparent;color:#495057;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.tcv2-header-tab svg{flex-shrink:0;transition:transform .25s ease}.tcv2-header-tab:hover:not(:disabled){color:var(--color-primary, #667eea)}.tcv2-header-tab:hover:not(:disabled) svg{transform:scale(1.1)}.tcv2-header-tab:active:not(:disabled){transform:scale(.98)}.tcv2-header-tab--active{background:white;color:var(--color-primary, #667eea);font-weight:600;cursor:default;border:1.5px solid rgba(var(--color-primary-rgb, 102, 126, 234),.35);box-shadow:0 2px 12px rgba(var(--color-primary-rgb, 102, 126, 234),.18)}.tcv2-header-tab--active svg{color:var(--color-primary, #667eea)}.tcv2-header-controls{width:100%}@media (max-width: 600px){.tcv2-header-row{flex-direction:column;align-items:flex-start;gap:8px}.tcv2-header-title{font-size:18px;width:100%;text-align:center}.tcv2-header-page-tabs{width:100%;justify-content:stretch}.tcv2-header-tab{flex:1;padding:8px 12px;justify-content:center}}[data-theme=dark] .tcv2-header-wrapper{background:var(--bg-surface, #1c1f26);border-bottom-color:var(--border-divider, #2d3140)}[data-theme=dark] .tcv2-header-title{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .tcv2-header-page-tabs{background:var(--bg-input, #252830);box-shadow:inset 0 1px 3px #0000004d}[data-theme=dark] .tcv2-header-tab{color:var(--text-secondary, #8a93a8);opacity:.65}[data-theme=dark] .tcv2-header-tab--active{background:var(--bg-surface, #1c1f26);opacity:1;border:1.5px solid rgba(var(--color-primary-rgb, 102, 126, 234),.5);box-shadow:0 0 0 1px rgba(var(--color-primary-rgb, 102, 126, 234),.15),0 2px 8px #0006}.tcv2-date-wrapper{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tcv2-date-range{display:flex;align-items:center;gap:6px;background:var(--bg-input, #fff);border:1px solid var(--border-input, #d1d5db);border-radius:6px;padding:0 8px;height:38px;box-sizing:border-box}.tcv2-date-icon{color:var(--text-muted, #6b7280);flex-shrink:0}.tcv2-date-input{border:none;outline:none;background:transparent;font-size:13px;color:var(--text-primary, #1f2937);cursor:pointer}.tcv2-date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}.tcv2-date-sep{color:var(--text-muted, #9ca3af);font-size:12px}.tcv2-date-today-btn{height:38px;padding:0 12px;background:var(--color-primary, #3b82f6);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap;box-sizing:border-box}.tcv2-date-today-btn:hover{background:var(--color-primary-hover, #2563eb)}.tcv2-date-mobile-trigger{display:none;align-items:center;gap:6px;height:38px;padding:0 12px;background:var(--bg-input, #fff);border:1px solid var(--border-color, #d1d5db);border-radius:6px;font-size:13px;color:var(--text-primary, #1f2937);cursor:pointer;box-sizing:border-box}@media (max-width: 768px){.tcv2-date-wrapper{display:none}.tcv2-date-mobile-trigger{display:flex}}.tcv2-date-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);z-index:1000;display:flex;align-items:flex-end;justify-content:center}.tcv2-date-modal{background:var(--bg-surface, #fff);border-radius:12px 12px 0 0;width:100%;max-width:480px;padding-bottom:env(safe-area-inset-bottom,16px)}.tcv2-date-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 12px;border-bottom:1px solid var(--border-color, #e5e7eb);font-weight:600;font-size:15px}.tcv2-date-modal-close{background:none;border:none;cursor:pointer;color:var(--text-muted, #6b7280);padding:4px;border-radius:4px}.tcv2-date-modal-body{padding:16px 20px;display:flex;flex-direction:column;gap:8px}.tcv2-date-modal-label{font-size:13px;font-weight:500;color:var(--text-secondary, #4b5563)}.tcv2-date-input--full{width:100%;padding:8px 10px;border:1px solid var(--border-color, #d1d5db);border-radius:6px;font-size:14px}.tcv2-date-today-btn--full{width:100%;padding:10px;margin-top:8px;font-size:14px}[data-theme=dark] .tcv2-date-input{color-scheme:dark}[data-theme=dark] .tcv2-date-input::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.7}[data-theme=dark] .tcv2-date-input--full{color-scheme:dark}.tcv2-ctrl-bar{width:100%}.tcv2-ctrl-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tcv2-ctrl-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.tcv2-ctrl-search-wrapper{flex:1;min-width:160px}.tcv2-ctrl-right{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:auto}.tcv2-ctrl-btn{display:flex;align-items:center;gap:6px;height:38px;padding:0 12px;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:13px;font-weight:500;cursor:pointer;color:#495057;transition:all .2s;white-space:nowrap;flex-shrink:0;box-sizing:border-box}.tcv2-ctrl-btn:hover:not(:disabled){background:#f8f9fa;border-color:#adb5bd}.tcv2-ctrl-btn:disabled{opacity:.6;cursor:not-allowed}.tcv2-ctrl-btn--add{background:#28a745;color:#fff;border-color:#28a745;padding:0 16px;font-size:14px;flex-shrink:0}.tcv2-ctrl-btn--add:hover:not(:disabled){background:#218838;border-color:#218838}.tcv2-ctrl-btn--add--inactive{background:#f97316;border-color:#f97316;color:#fff}.tcv2-ctrl-btn--add--inactive:hover{background:#ea6c0a;border-color:#ea6c0a}.tcv2-ctrl-btn--icon{padding:0 12px}.tcv2-ctrl-btn--loading{opacity:.7}.tcv2-ctrl-btn--clear-filter{background:#dc3545;color:#fff;border-color:#dc3545}.tcv2-ctrl-btn--clear-filter:hover:not(:disabled){background:#c82333;border-color:#c82333}.tcv2-ctrl-col-selector-wrap{position:relative;flex-shrink:0}@keyframes tcv2-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tcv2-spin{animation:tcv2-spin 1s linear infinite}.tcv2-ctrl-btn--mobile-filter{display:none;min-width:38px;max-width:38px;height:38px;padding:0;justify-content:center}.tcv2-ctrl-btn--filter-active{background:rgba(var(--color-primary-rgb, 102, 126, 234),.09);border-color:var(--color-primary, #667eea);color:var(--color-primary, #667eea)}@media (max-width: 768px){.tcv2-ctrl-btn--mobile-filter{display:flex}}@media (max-width: 768px){.tcv2-ctrl-row{flex-direction:row;align-items:center;flex-wrap:nowrap;gap:6px}.tcv2-ctrl-left{flex:1;min-width:0;gap:6px}.tcv2-ctrl-right{margin-left:0;flex-shrink:0;gap:6px;flex-wrap:nowrap}.tcv2-ctrl-add-label{display:none}.tcv2-ctrl-btn--add{min-width:38px;max-width:38px;height:38px;padding:0;justify-content:center}.tcv2-ctrl-refresh-label{display:none}.tcv2-ctrl-btn--icon{min-width:38px;max-width:38px;height:38px;padding:0;justify-content:center}.tcv2-ctrl-clear-label{display:none}.tcv2-ctrl-btn--clear-filter{min-width:38px;max-width:38px;height:38px;padding:0;justify-content:center}.tcv2-ctrl-col-selector-wrap--desktop-only{display:none}.tcv2-date-wrapper,.tcv2-date-mobile-trigger{display:none!important}}[data-theme=dark] .tcv2-ctrl-btn{background:var(--bg-input, #252830);border-color:var(--border-input, #3a3f4f);color:var(--text-secondary, #8a93a8)}[data-theme=dark] .tcv2-ctrl-btn:hover:not(:disabled){background:var(--bg-surface-hover, #2a2f3d);border-color:var(--border-divider, #4a5060)}.tcv2-ctrl-mobile-filter-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);z-index:1100;display:flex;align-items:flex-end;justify-content:center}.tcv2-ctrl-mobile-filter-sheet{background:#fff;border-radius:16px 16px 0 0;width:100%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,16px)}.tcv2-ctrl-mobile-filter-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 12px;border-bottom:1px solid #e5e7eb;font-weight:600;font-size:15px;flex-shrink:0}.tcv2-ctrl-mobile-filter-close{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px}.tcv2-ctrl-mobile-filter-body{overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:20px}.tcv2-ctrl-mobile-filter-section{display:flex;flex-direction:column;gap:10px}.tcv2-ctrl-mobile-filter-section-title{font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0}.tcv2-ctrl-mobile-filter-date-row{display:flex;align-items:center;gap:10px}.tcv2-ctrl-mobile-filter-label{font-size:13px;font-weight:500;color:#374151;width:70px;flex-shrink:0}.tcv2-ctrl-mobile-filter-date-input{flex:1;padding:8px 10px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none}.tcv2-ctrl-mobile-filter-date-input:focus{border-color:var(--color-primary, #667eea)}.tcv2-ctrl-mobile-filter-today-btn{width:100%;padding:10px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer}.tcv2-ctrl-mobile-filter-today-btn:hover{background:#2563eb}.tcv2-ctrl-mobile-filter-footer{padding:12px 20px;border-top:1px solid #e5e7eb;flex-shrink:0}.tcv2-ctrl-mobile-filter-apply-btn{width:100%;padding:12px;background:var(--color-primary, #667eea);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer}.tcv2-ctrl-mobile-filter-apply-btn:hover{background:var(--color-primary-hover, #5a6fd8)}.tcv2-ctrl-mobile-filter-sort-options{display:flex;flex-direction:column;gap:6px}.tcv2-ctrl-mobile-filter-sort-btn{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border:1.5px solid #e5e7eb;border-radius:10px;background:#f9fafb;font-size:14px;color:#374151;cursor:pointer;transition:all .18s;text-align:left}.tcv2-ctrl-mobile-filter-sort-btn:before{content:"";width:18px;height:18px;border-radius:50%;border:2px solid #d1d5db;flex-shrink:0;transition:all .18s}.tcv2-ctrl-mobile-filter-sort-btn:hover{border-color:var(--color-primary, #667eea);background:#f0f1ff;color:var(--color-primary, #667eea)}.tcv2-ctrl-mobile-filter-sort-btn:hover:before{border-color:var(--color-primary, #667eea)}.tcv2-ctrl-mobile-filter-sort-btn--active{background:rgba(var(--color-primary-rgb, 102, 126, 234),.09);border-color:var(--color-primary, #667eea);color:var(--color-primary, #667eea);font-weight:600}.tcv2-ctrl-mobile-filter-sort-btn--active:before{border-color:var(--color-primary, #667eea);background:var(--color-primary, #667eea);box-shadow:inset 0 0 0 3px rgba(var(--color-primary-rgb, 102, 126, 234),.09)}.tcv2-ctrl-mobile-filter-sort-btn--reset{background:#fff5f5;border-color:#fca5a5;color:#dc2626;font-weight:500;margin-top:4px}.tcv2-ctrl-mobile-filter-sort-btn--reset:before{display:none}.tcv2-ctrl-mobile-filter-sort-btn--reset:hover{background:#fee2e2;border-color:#ef4444;color:#b91c1c}.tcv2-sel-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;background:#eff6ff;padding:5px 12px;border-radius:8px;border:1px solid #bfdbfe}.tcv2-sel-left{display:flex;align-items:center;gap:8px}.tcv2-sel-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tcv2-sel-exit{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#6b7280;display:flex;align-items:center}.tcv2-sel-exit:hover{background:#e5e7eb;color:#111827}.tcv2-sel-count{font-size:13px;color:#1e40af;font-weight:500}.tcv2-sel-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:12px;cursor:pointer;transition:background .15s}.tcv2-sel-btn:hover:not(:disabled){background:#f3f4f6}.tcv2-sel-btn:disabled{opacity:.5;cursor:not-allowed}.tcv2-sel-btn--approve{background:#dcfce7;border-color:#86efac;color:#15803d}.tcv2-sel-btn--approve:hover:not(:disabled){background:#bbf7d0}.tcv2-sel-btn--print{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.tcv2-sel-btn--print:hover:not(:disabled){background:#dbeafe}.tcv2-sel-btn--delete{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.tcv2-sel-btn--delete:hover:not(:disabled){background:#fee2e2}[data-theme=dark] .tcv2-sel-bar{background:rgba(var(--color-primary-rgb, 102, 126, 234),.1);border-color:rgba(var(--color-primary-rgb, 102, 126, 234),.3)}[data-theme=dark] .tcv2-sel-exit{color:#9ca3af}[data-theme=dark] .tcv2-sel-exit:hover{background:#334155;color:#e5e7eb}[data-theme=dark] .tcv2-sel-count{color:#93c5fd}[data-theme=dark] .tcv2-sel-btn{background:#253348;border-color:#374151;color:var(--text-label, #d1d5db)}[data-theme=dark] .tcv2-sel-btn:hover:not(:disabled){background:#334155}[data-theme=dark] .tcv2-sel-btn--approve{background:rgba(22,163,74,.12);border-color:#4ade804d;color:#4ade80}[data-theme=dark] .tcv2-sel-btn--approve:hover:not(:disabled){background:rgba(22,163,74,.2)}[data-theme=dark] .tcv2-sel-btn--print{background:rgba(29,78,216,.12);border-color:#93c5fd4d;color:#60a5fa}[data-theme=dark] .tcv2-sel-btn--print:hover:not(:disabled){background:rgba(29,78,216,.2)}[data-theme=dark] .tcv2-sel-btn--delete{background:rgba(220,38,38,.12);border-color:#fca5a54d;color:#f87171}[data-theme=dark] .tcv2-sel-btn--delete:hover:not(:disabled){background:rgba(220,38,38,.2)}.tcv2-th-head{background:#f9fafb}.tcv2-th-cell{padding:6px 8px;text-align:left;height:44px;font-size:12px;font-weight:600;color:#374151;border-right:1px solid #e5e7eb;border-bottom:2px solid #d1d5db;position:sticky;top:0;background:#f9fafb;z-index:2;vertical-align:middle}.tcv2-th-cell--actions-sticky{position:sticky;left:0;top:0;z-index:4;background:#f9fafb;box-shadow:inset -1px 0 #e5e7eb;text-align:center;padding:6px 2px;overflow:visible;border-right:none!important}.tcv2-th-cell--checkbox{position:sticky;left:0;top:0;z-index:5;background:#f9fafb;box-shadow:inset -1px 0 #e5e7eb;border-right:none!important}.tcv2-th-cell--sticky{position:sticky;top:0;z-index:3;background:#f9fafb;box-shadow:inset -1px 0 #e5e7eb;border-right:none!important}.tcv2-th-cell--sticky-last{box-shadow:inset -1px 0 #e5e7eb,2px 0 4px #0000000a;border-right:none!important}.tcv2-th-cell--checkbox{width:36px}.tcv2-th-cell--sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tcv2-th-cell--sortable:hover{background:#f3f4f6}.tcv2-th-cell--sorted{background:#eff6ff}.tcv2-th-content{display:flex;align-items:center;white-space:nowrap;min-width:0}.tcv2-th-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tcv2-th-sort-icon{flex-shrink:0}.tcv2-th-sort-icon--neutral{color:#d1d5db}.tcv2-th-sort-icon--active{color:#2563eb}.tcv2-th-sort-icon--time{display:inline-flex;align-items:center;gap:1px}.tcv2-th-sort-wrap{flex-shrink:0;display:flex;align-items:center;cursor:pointer;padding:0 2px}.tcv2-th-sort-wrap:hover .tcv2-th-sort-icon--neutral{color:#9ca3af}.tcv2-th-content .cpn-columnfilter-container{flex-shrink:0;margin-left:auto}[data-theme=dark] .tcv2-th-head{background:var(--bg-input, #191b2d)}[data-theme=dark] .tcv2-th-cell{background:var(--bg-input, #191b2d);color:var(--text-label, #8a93a8);border-right-color:var(--border-divider, #2d3140);border-bottom-color:var(--border-divider, #3a3f4f)}[data-theme=dark] .tcv2-th-cell--actions-sticky,[data-theme=dark] .tcv2-th-cell--checkbox,[data-theme=dark] .tcv2-th-cell--sticky{background:var(--bg-input, #191b2d);box-shadow:inset -1px 0 0 var(--border-divider, rgba(255, 255, 255, .1))}[data-theme=dark] .tcv2-th-cell--sorted.tcv2-th-cell--sticky{background:rgba(var(--color-primary-rgb, 102, 126, 234),.12)}[data-theme=dark] .tcv2-th-cell--sticky-last{box-shadow:inset -1px 0 0 var(--border-divider, rgba(255, 255, 255, .1)),2px 0 4px #00000059}[data-theme=dark] .tcv2-th-cell--sortable:hover{background:var(--bg-surface-hover, #242639)}[data-theme=dark] .tcv2-th-cell--sorted{background:rgba(var(--color-primary-rgb, 102, 126, 234),.12)}.tcv2-tr-row{transition:background .1s;cursor:pointer}.tcv2-tr-row:hover{background:#f9fafb}.tcv2-tr-row--selected{background:#eff6ff!important}.tcv2-tr-row--attended{background:#f0fdf4}.tcv2-tr-row--attended:hover{background:#dcfce7}.tcv2-tr-row--dropdown-open{position:relative;z-index:100}.tcv2-tr-cell{padding:1px 10px;font-size:12px;color:#374151;vertical-align:middle;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0}.tcv2-tr-cell--stt{text-align:center;color:var(--text-muted, #9ca3af);font-size:12px}.tcv2-tr-cell--center{text-align:center}.tcv2-tr-cell--checkbox{position:sticky;left:0;z-index:2;background:#fff;overflow:visible;text-align:center;box-shadow:inset -1px 0 #e5e7eb;border-right:none!important}.tcv2-tr-checkbox-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}@keyframes tcv2-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.tcv2-tr-checkbox-wrap--shake{animation:tcv2-shake .35s ease}.tcv2-tr-checkbox-wrap input[type=checkbox].tcv2-tr-checkbox--disabled{opacity:.35;pointer-events:none}.tcv2-tr-checkbox-overlay{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;cursor:not-allowed;z-index:1}.tcv2-tr-checkbox-tooltip{position:fixed;background:#1f2937;color:#fff;font-size:11px;white-space:nowrap;padding:4px 8px;border-radius:4px;pointer-events:none;z-index:1100;box-shadow:0 2px 6px #00000040;transform:translateY(-50%)}.tcv2-tr-checkbox-tooltip:after{content:"";position:absolute;top:50%;right:100%;transform:translateY(-50%);border:4px solid transparent;border-right-color:#1f2937}.tcv2-tr-cell--actions-sticky{position:sticky;z-index:1;background:#fff;overflow:visible!important;text-align:center;padding:4px 2px;box-shadow:inset -1px 0 #e5e7eb;border-right:none!important}.tcv2-tr-row:hover .tcv2-tr-cell--checkbox{background:#f9fafb}.tcv2-tr-row--selected .tcv2-tr-cell--checkbox{background:#eff6ff}.tcv2-tr-row--attended .tcv2-tr-cell--checkbox{background:#f0fdf4}.tcv2-tr-row:hover .tcv2-tr-cell--actions-sticky{background:#f9fafb}.tcv2-tr-row--selected .tcv2-tr-cell--actions-sticky{background:#eff6ff}.tcv2-tr-row--attended .tcv2-tr-cell--actions-sticky{background:#f0fdf4}.tcv2-tr-cell--sticky{position:sticky;z-index:1;background:#fff;box-shadow:inset -1px 0 #e5e7eb;border-right:none!important}.tcv2-tr-row:hover .tcv2-tr-cell--sticky{background:#f9fafb}.tcv2-tr-row--selected .tcv2-tr-cell--sticky{background:#eff6ff}.tcv2-tr-row--attended .tcv2-tr-cell--sticky{background:#f0fdf4}.tcv2-tr-cell--sticky-last{box-shadow:inset -1px 0 #e5e7eb,2px 0 4px #0000000a;border-right:none!important}.tcv2-tr-action-dropdown{position:relative;display:inline-block}.tcv2-tr-action-settings-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#6b7280;cursor:pointer;transition:all .15s}.tcv2-tr-action-settings-btn:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}.tcv2-tr-action-menu{position:fixed;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 8px 24px #00000026;width:170px;min-width:unset;z-index:9999;padding:4px 0;animation:tcv2TrMenuIn .12s ease}@keyframes tcv2TrMenuIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.tcv2-tr-action-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:9px 14px;border:none;background:#fff;cursor:pointer;font-size:13px;color:#1f2937;text-align:left;transition:background .12s;white-space:nowrap}.tcv2-tr-action-menu-item:hover{background:#f3f4f6;color:#3b82f6}.tcv2-tr-action-menu-item:hover svg{color:#3b82f6}.tcv2-tr-action-menu-item svg{color:#6b7280;flex-shrink:0}.tcv2-tr-action-menu-item--danger{color:#dc2626}.tcv2-tr-action-menu-item--danger svg{color:#dc2626}.tcv2-tr-action-menu-item--danger:hover{background:#fef2f2;color:#b91c1c}.tcv2-tr-cell--wrap{white-space:normal;word-break:break-word;text-overflow:unset;overflow:visible}.tcv2-tr-name-cell{display:flex;align-items:center;gap:6px}.tcv2-tr-avatar{width:40px;height:60px;-o-object-fit:cover;object-fit:cover;border-radius:3px;border:1px solid #d1d5db;cursor:pointer;flex-shrink:0;transition:transform .15s,border-color .15s}.tcv2-tr-avatar:hover{transform:scale(1.1);border-color:#3b82f6}.tcv2-tr-attendance{font-size:11px;color:#16a34a;text-align:center}.tcv2-tr-cccd-cell{display:flex;align-items:center;gap:6px}.tcv2-tr-cccd-images{display:flex;flex-direction:column;gap:3px;flex-shrink:0}.tcv2-tr-cccd-thumbnail{width:40px;height:25px;-o-object-fit:cover;object-fit:cover;border-radius:3px;border:1px solid #d1d5db;cursor:pointer;transition:transform .15s,border-color .15s}.tcv2-tr-cccd-thumbnail:hover{transform:scale(1.1);border-color:#3b82f6}.tcv2-tr-cccd-number{font-size:12px;font-weight:500;white-space:nowrap}.tcv2-tr-cell--diemdanh{text-align:center;vertical-align:middle}.tcv2-tr-diemdanh-wrap{display:flex;flex-direction:column;align-items:center;gap:3px}.tcv2-tr-diemdanh-time{font-size:10px;color:var(--text-muted, #9ca3af);white-space:nowrap;line-height:1.2}.tcv2-tr-diemdanh-label{font-size:11px;color:var(--text-muted, #9ca3af);font-style:italic;white-space:nowrap}.tcv2-tr-diemdanh-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#eff6ff;border:1px solid #93c5fd;border-radius:4px;font-size:11px;color:#2563eb;cursor:pointer;white-space:nowrap}.tcv2-tr-diemdanh-btn:hover:not(:disabled){background:#dbeafe}.tcv2-tr-diemdanh-btn:disabled{opacity:.5;cursor:wait}.tcv2-tr-diemdanh-btn--loading{cursor:wait}.tcv2-tr-spinner{display:inline-block;width:12px;height:12px;border:2px solid #93c5fd;border-top-color:#2563eb;border-radius:50%;animation:tcv2-spin .6s linear infinite}@keyframes tcv2-spin{to{transform:rotate(360deg)}}.tcv2-tr-actions{display:flex;align-items:center;gap:3px}.tcv2-tr-action-btn{padding:4px 6px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;transition:background .1s}.tcv2-tr-action-btn--approve{background:#dcfce7;color:#15803d}.tcv2-tr-action-btn--approve:hover{background:#bbf7d0}.tcv2-tr-action-btn--edit{background:#eff6ff;color:#2563eb}.tcv2-tr-action-btn--edit:hover{background:#dbeafe}.tcv2-tr-action-btn--print{background:#fef9c3;color:#92400e}.tcv2-tr-action-btn--print:hover{background:#fef08a}.tcv2-tr-action-btn--delete{background:#fef2f2;color:#dc2626}.tcv2-tr-action-btn--delete:hover{background:#fee2e2}.status-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.tcv2-tr-status-cell{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%}.tcv2-tr-status-cell--has-approve-btn .tcv2-tr-status-badge{display:none}.tcv2-tr-approve-inline-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 0;width:85%;background:#dcfce7;border:1px solid #16a34a;border-radius:4px;font-size:14px;color:#15803d;cursor:pointer;white-space:nowrap;transition:background .15s}.tcv2-tr-approve-inline-btn:hover{background:#bbf7d0}.status-pending{background:#fef9c3;color:#854d0e}.status-approved{background:#dcfce7;color:#15803d}.status-rejected{background:#fef2f2;color:#dc2626}.status-processing{background:#eff6ff;color:#1d4ed8}.attendance-line-1{display:flex;align-items:center;justify-content:center;gap:3px;font-size:11px;color:#16a34a}.attendance-line-2{font-size:10px;color:#6b7280;text-align:center}.tcv2-tr-dob-cell{display:inline-flex;flex-direction:row;align-items:flex-start;gap:3px;flex-wrap:nowrap}.tcv2-tr-under18-badge,.tcv2-tr-over50-badge{position:relative;top:-4px;font-size:9px;font-weight:700;padding:1px 4px;border-radius:3px;white-space:nowrap;line-height:1.3;flex-shrink:0}.tcv2-tr-under18-badge{background:#fef2f2;color:#dc2626;border:1px solid #fca5a5}.tcv2-tr-over50-badge{background:#fffbeb;color:#d97706;border:1px solid #fcd34d}.tcv2-tr-contacts-wrap{display:flex;flex-direction:column;gap:2px}.tcv2-tr-contact-item{font-size:12px;line-height:1.4}[data-theme=dark] .tcv2-tr-row:hover{background:var(--bg-surface-hover, #2a2f3d)}[data-theme=dark] .tcv2-tr-cell{border-right-color:var(--border-divider, #2d3140);border-bottom-color:var(--border-divider, #2d3140);color:var(--text-primary, #c9d1e0)}[data-theme=dark] .tcv2-tr-cell--actions-sticky{background:var(--bg-surface, #1c1f26);box-shadow:inset -1px 0 0 var(--border-divider, rgba(255, 255, 255, .1))}[data-theme=dark] .tcv2-tr-row:hover .tcv2-tr-cell--actions-sticky{background:var(--bg-surface-hover, #2a2f3d)}[data-theme=dark] .tcv2-tr-row--selected .tcv2-tr-cell--actions-sticky{background:#222736}[data-theme=dark] .tcv2-tr-row--attended .tcv2-tr-cell--actions-sticky{background:#1a2a22}[data-theme=dark] .tcv2-tr-cell--checkbox{background:var(--bg-surface, #1c1f26);box-shadow:inset -1px 0 0 var(--border-divider, rgba(255, 255, 255, .1))}[data-theme=dark] .tcv2-tr-row:hover .tcv2-tr-cell--checkbox{background:var(--bg-surface-hover, #2a2f3d)}[data-theme=dark] .tcv2-tr-row--selected .tcv2-tr-cell--checkbox{background:#222736}[data-theme=dark] .tcv2-tr-row--attended .tcv2-tr-cell--checkbox{background:#1a2a22}[data-theme=dark] .tcv2-tr-cell--sticky{background:var(--bg-surface, #1c1f26);box-shadow:inset -1px 0 0 var(--border-divider, rgba(255, 255, 255, .1))}[data-theme=dark] .tcv2-tr-row:hover .tcv2-tr-cell--sticky{background:var(--bg-surface-hover, #2a2f3d)}[data-theme=dark] .tcv2-tr-row--selected .tcv2-tr-cell--sticky{background:#222736}[data-theme=dark] .tcv2-tr-row--attended .tcv2-tr-cell--sticky{background:#1a2a22}[data-theme=dark] .tcv2-tr-cell--sticky-last{border-right-color:var(--border-divider, #2d3140);box-shadow:2px 0 4px #0000004d}[data-theme=dark] .tcv2-tr-action-settings-btn{background:var(--bg-input, #252830);border-color:var(--border-divider, #3a3f4f);color:var(--text-secondary, #8a93a8)}[data-theme=dark] .tcv2-tr-action-menu{background:var(--bg-surface, #1c1f26);border-color:var(--border-divider, #2d3140);box-shadow:0 8px 24px #0006}[data-theme=dark] .tcv2-tr-action-menu-item{background:var(--bg-surface, #1c1f26);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .tcv2-tr-action-menu-item:hover{background:var(--bg-surface-hover, #2a2f3d)}[data-theme=dark] .tcv2-tr-avatar,[data-theme=dark] .tcv2-tr-cccd-thumbnail{border-color:var(--border-divider, #2d3140)}[data-theme=dark] .tcv2-tr-row--selected{background:rgba(var(--color-primary-rgb, 102, 126, 234),.1)!important}[data-theme=dark] .tcv2-tr-row--attended{background:rgba(22,163,74,.08)}[data-theme=dark] .tcv2-tr-row--attended:hover{background:rgba(22,163,74,.14)}[data-theme=dark] .tcv2-tr-cell--stt{color:#6b7280}[data-theme=dark] .tcv2-tr-diemdanh-btn{background:rgba(37,99,235,.12);border-color:#3b82f659;color:#60a5fa}[data-theme=dark] .tcv2-tr-diemdanh-btn:hover:not(:disabled){background:rgba(37,99,235,.2)}[data-theme=dark] .tcv2-tr-approve-inline-btn{background:rgba(22,163,74,.12);border-color:#4ade804d;color:#4ade80}[data-theme=dark] .tcv2-tr-approve-inline-btn:hover{background:rgba(22,163,74,.2)}[data-theme=dark] .tcv2-tr-action-btn--approve{background:rgba(22,163,74,.12);color:#4ade80}[data-theme=dark] .tcv2-tr-action-btn--approve:hover{background:rgba(22,163,74,.2)}[data-theme=dark] .tcv2-tr-action-btn--edit{background:rgba(37,99,235,.12);color:#60a5fa}[data-theme=dark] .tcv2-tr-action-btn--edit:hover{background:rgba(37,99,235,.2)}[data-theme=dark] .tcv2-tr-action-btn--print{background:rgba(146,64,14,.12);color:#fbbf24}[data-theme=dark] .tcv2-tr-action-btn--print:hover{background:rgba(146,64,14,.2)}[data-theme=dark] .tcv2-tr-action-btn--delete{background:rgba(220,38,38,.12);color:#f87171}[data-theme=dark] .tcv2-tr-action-btn--delete:hover{background:rgba(220,38,38,.2)}[data-theme=dark] .status-pending{background:rgba(133,77,14,.2);color:#fbbf24}[data-theme=dark] .status-approved{background:rgba(22,163,74,.15);color:#4ade80}[data-theme=dark] .status-rejected{background:rgba(220,38,38,.15);color:#f87171}[data-theme=dark] .status-processing{background:rgba(29,78,216,.15);color:#60a5fa}[data-theme=dark] .tcv2-tr-under18-badge{background:rgba(220,38,38,.12);color:#f87171;border-color:#fca5a54d}[data-theme=dark] .tcv2-tr-over50-badge{background:rgba(146,64,14,.12);color:#fbbf24;border-color:#fdd34d4d}[data-theme=dark] .tcv2-tr-action-menu-item--danger{color:#f87171}[data-theme=dark] .tcv2-tr-action-menu-item--danger svg{color:#f87171}[data-theme=dark] .tcv2-tr-action-menu-item--danger:hover{background:rgba(220,38,38,.12);color:#fca5a5}.tcv2-mc-card{background:var(--bg-surface, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:10px;padding:10px 12px;cursor:pointer;transition:all .2s;position:relative;display:flex;flex-direction:column;gap:8px}.tcv2-mc-card:hover{box-shadow:0 2px 8px #00000014;border-color:var(--color-primary, #3b82f6)}.tcv2-mc-card--selected{background:var(--color-selection-bg, #eff6ff);border-color:var(--color-primary, #3b82f6)}.tcv2-mc-card--attended{background:var(--color-attended-bg, #f0fdf4);border-color:#86efac}.tcv2-mc-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.tcv2-mc-header-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.tcv2-mc-checkbox{flex-shrink:0;width:17px;height:17px;cursor:pointer;accent-color:var(--color-primary, #3b82f6)}.tcv2-mc-header-delete-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background:#fee2e2;color:#b91c1c;cursor:pointer;flex-shrink:0;transition:all .2s}.tcv2-mc-header-delete-btn:hover{background:#fca5a5}.tcv2-mc-body{display:flex;gap:10px;align-items:flex-start}.tcv2-mc-avatar-col{flex-shrink:0;width:60px}.tcv2-mc-avatar{width:60px;height:90px;border-radius:6px;-o-object-fit:cover;object-fit:cover;border:1px solid var(--border-color-light, #e5e7eb);cursor:zoom-in;display:block}.tcv2-mc-avatar-placeholder{width:60px;height:90px;border-radius:6px;background:var(--color-primary-light, #dbeafe);color:var(--color-primary, #3b82f6);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700}.tcv2-mc-info-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.tcv2-mc-name-row{display:flex;align-items:baseline;justify-content:space-between;gap:6px;min-width:0}.tcv2-mc-name{font-size:18px;margin-bottom:3px;font-weight:700;color:var(--text-primary, #1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;line-height:1.3}.tcv2-mc-ntv-badge{flex-shrink:0;font-size:11px;font-weight:500;color:#6d28d9;background:#ede9fe;border:1px solid #c4b5fd;border-radius:4px;padding:1px 6px;white-space:nowrap;max-width:110px;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.tcv2-mc-info-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary, #6b7280);flex-wrap:wrap}.tcv2-mc-info-row--split{flex-wrap:nowrap;gap:4px}.tcv2-mc-info-cell{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tcv2-mc-info-value{color:var(--text-primary, #374151)}.tcv2-mc-cccd{font-family:monospace;letter-spacing:.02em}.tcv2-mc-phone-wrap{display:flex;align-items:center;gap:4px}.tcv2-mc-call-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#dcfce7;color:#15803d;text-decoration:none;flex-shrink:0;transition:background .2s}.tcv2-mc-call-btn:hover{background:#bbf7d0}.tcv2-mc-time-row{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:11px;color:var(--text-muted, #9ca3af);margin-top:auto}.tcv2-mc-time-label{font-weight:500;white-space:nowrap}.tcv2-mc-time-value{color:var(--text-secondary, #6b7280);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tcv2-mc-footer{display:flex;align-items:stretch;gap:8px;padding-top:8px;border-top:1px solid var(--border-color-light, #f3f4f6)}.tcv2-mc-footer-primary{flex:1;display:flex;gap:6px}.tcv2-mc-attended-label{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 10px;color:#15803d;font-size:13px;font-weight:500;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tcv2-mc-att-btn{flex:1;padding:7px 10px;border:1px solid var(--border-color, #d1d5db);border-radius:6px;background:var(--bg-surface, #fff);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--text-primary, #374151)}.tcv2-mc-att-btn:hover:not(:disabled){background:#f9fafb;border-color:var(--color-primary, #3b82f6)}.tcv2-mc-att-btn:disabled{opacity:.6;cursor:not-allowed}.tcv2-mc-spinner{display:inline-block;width:14px;height:14px;border:2px solid #d1d5db;border-top-color:#374151;border-radius:50%;animation:tcv2-mc-spin .7s linear infinite}@keyframes tcv2-mc-spin{to{transform:rotate(360deg)}}.tcv2-mc-approve-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 10px;border:none;border-radius:6px;background:#dcfce7;color:#15803d;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.tcv2-mc-approve-btn:hover{background:#bbf7d0}.tcv2-mc-approve-btn--reapprove{background:#fef9c3;color:#92400e}.tcv2-mc-approve-btn--reapprove:hover{background:#fef08a}.tcv2-mc-reject-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 10px;border:none;border-radius:6px;background:#fee2e2;color:#b91c1c;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.tcv2-mc-reject-btn:hover{background:#fecaca}.tcv2-mc-dob-wrap{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap}.tcv2-mc-under18-badge{display:inline-block;background:#fef2f2;color:#dc2626;border:1px solid #fca5a5;border-radius:4px;font-size:10px;font-weight:600;padding:1px 5px;white-space:nowrap;line-height:1.4}.tcv2-mc-over50-badge{display:inline-block;background:#fffbeb;color:#d97706;border:1px solid #fcd34d;border-radius:4px;font-size:10px;font-weight:600;padding:1px 5px;white-space:nowrap;line-height:1.4}[data-theme=dark] .tcv2-mc-card{background:var(--bg-surface, #1e2234);border-color:var(--border-divider, #2d3140)}[data-theme=dark] .tcv2-mc-card:hover{box-shadow:0 2px 8px #0000004d}[data-theme=dark] .tcv2-mc-card--selected{background:rgba(var(--color-primary-rgb, 102, 126, 234),.1);border-color:var(--color-primary, #667eea)}[data-theme=dark] .tcv2-mc-card--attended{background:rgba(22,163,74,.08);border-color:#4ade804d}[data-theme=dark] .tcv2-mc-footer{border-top-color:var(--border-divider, #2d3140)}[data-theme=dark] .tcv2-mc-ntv-badge{background:rgba(109,40,217,.15);border-color:#c4b5fd40;color:#c4b5fd}[data-theme=dark] .tcv2-mc-header-delete-btn{background:rgba(220,38,38,.12);color:#f87171}[data-theme=dark] .tcv2-mc-header-delete-btn:hover{background:rgba(220,38,38,.2)}[data-theme=dark] .tcv2-mc-call-btn{background:rgba(22,163,74,.12);color:#4ade80}[data-theme=dark] .tcv2-mc-call-btn:hover{background:rgba(22,163,74,.2)}[data-theme=dark] .tcv2-mc-att-btn{background:var(--bg-surface, #1e2234);border-color:var(--border-divider, #334155);color:var(--text-primary, #e5e7eb)}[data-theme=dark] .tcv2-mc-att-btn:hover:not(:disabled){background:var(--bg-surface-hover, #253348);border-color:var(--color-primary, #667eea)}[data-theme=dark] .tcv2-mc-approve-btn{background:rgba(22,163,74,.12);color:#4ade80}[data-theme=dark] .tcv2-mc-approve-btn:hover{background:rgba(22,163,74,.2)}[data-theme=dark] .tcv2-mc-approve-btn--reapprove{background:rgba(133,77,14,.15);color:#fbbf24}[data-theme=dark] .tcv2-mc-approve-btn--reapprove:hover{background:rgba(133,77,14,.25)}[data-theme=dark] .tcv2-mc-reject-btn{background:rgba(220,38,38,.12);color:#f87171}[data-theme=dark] .tcv2-mc-reject-btn:hover{background:rgba(220,38,38,.2)}[data-theme=dark] .tcv2-mc-attended-label{color:#4ade80}[data-theme=dark] .tcv2-mc-under18-badge{background:rgba(220,38,38,.12);color:#f87171;border-color:#fca5a540}[data-theme=dark] .tcv2-mc-over50-badge{background:rgba(146,64,14,.12);color:#fbbf24;border-color:#fdd34d40}.tcv2-am-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:16px}.tcv2-am-modal{background:#fff;border-radius:10px;width:100%;max-width:480px;box-shadow:0 20px 60px #0003}.tcv2-am-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #e5e7eb;font-weight:600;font-size:14px}.tcv2-am-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#6b7280}.tcv2-am-close:hover{background:#f3f4f6}.tcv2-am-body{padding:16px;display:flex;flex-direction:column;gap:12px}.tcv2-am-field{display:flex;flex-direction:column;gap:4px}.tcv2-am-field label{font-size:12px;font-weight:600;color:#374151}.tcv2-am-required{color:#dc2626}.tcv2-am-candidate-info{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.tcv2-am-candidate-name{font-weight:700;font-size:15px;color:#15803d}.tcv2-am-candidate-cccd,.tcv2-am-candidate-vendor{font-size:12px;color:#6b7280}.tcv2-am-note{background:#fffbeb;border:1px solid #fde68a;border-radius:6px;padding:10px 12px;font-size:12px;color:#92400e;line-height:1.5}.tcv2-am-note strong{color:#78350f}.tcv2-am-footer{display:flex;gap:8px;justify-content:flex-end;padding:12px 16px;border-top:1px solid #f3f4f6}.tcv2-am-cancel{padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;font-size:13px}.tcv2-am-cancel:hover{background:#f3f4f6}.tcv2-am-confirm{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#16a34a;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px}.tcv2-am-confirm:hover:not(:disabled){background:#15803d}.tcv2-am-confirm:disabled{opacity:.6;cursor:not-allowed}[data-theme=dark] .tcv2-am-modal{background:#1e293b;box-shadow:0 20px 60px #00000080}[data-theme=dark] .tcv2-am-header{border-bottom-color:#334155;color:var(--text-primary, #e5e7eb)}[data-theme=dark] .tcv2-am-close{color:#9ca3af}[data-theme=dark] .tcv2-am-close:hover{background:#334155}[data-theme=dark] .tcv2-am-field label{color:var(--text-label, #d1d5db)}[data-theme=dark] .tcv2-am-candidate-info{background:rgba(22,163,74,.1);border-color:#4ade8040}[data-theme=dark] .tcv2-am-candidate-name{color:#4ade80}[data-theme=dark] .tcv2-am-candidate-cccd,[data-theme=dark] .tcv2-am-candidate-vendor{color:#9ca3af}[data-theme=dark] .tcv2-am-note{background:rgba(120,53,15,.15);border-color:#fde68a33;color:#fbbf24}[data-theme=dark] .tcv2-am-note strong{color:#fcd34d}[data-theme=dark] .tcv2-am-footer{border-top-color:#334155}[data-theme=dark] .tcv2-am-cancel{background:#334155;border-color:#475569;color:#9ca3af}[data-theme=dark] .tcv2-am-cancel:hover{background:#475569}.qr-camera-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.qr-camera-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8)}.qr-camera-container{position:relative;background:#fff;border-radius:12px;width:95vw;height:95vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000004d}.qr-camera-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee;background:#f8f9fa;flex-shrink:0}.qr-camera-header h3{margin:0;font-size:calc(18px + 1vw);font-weight:600;color:#333}.qr-camera-close{background:none;border:none;font-size:calc(20px + 1vw);cursor:pointer;color:#666;padding:calc(2px + .4vw) calc(6px + .5vw);border-radius:4px;transition:all .2s ease}.qr-camera-close:hover{background:#e9ecef;color:#333}.qr-scan-message{padding:12px 20px;text-align:center;font-size:calc(14px + .8vw);color:#333;background:#f8f9fa;border-bottom:1px solid #eee;flex-shrink:0;font-weight:500;transition:all .3s ease;animation:message-appear .3s ease-out}@keyframes message-appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.qr-scan-message.scanning{background:#e3f2fd;color:#1976d2;animation:pulse-scanning 2s ease-in-out infinite}.qr-scan-message.success{background:#e8f5e8;color:#2e7d32;animation:success-flash .5s ease-out}.qr-scan-message.error{background:#ffebee;color:#c62828;animation:error-shake .5s ease-out}@keyframes pulse-scanning{0%,to{background:#e3f2fd;color:#1976d2}50%{background:#bbdefb;color:#0d47a1}}@keyframes success-flash{0%{background:#4caf50;color:#fff;transform:scale(1.05)}to{background:#e8f5e8;color:#2e7d32;transform:scale(1)}}@keyframes error-shake{0%,20%,50%,80%,to{transform:translate(0)}10%,30%,70%,90%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}.camera-controls-row{display:flex;justify-content:flex-start;align-items:center;padding:10px 20px;background:#f8f9fa;border-bottom:1px solid #eee;gap:12px;flex-shrink:0}.camera-dropdown-external{flex:1;display:flex;align-items:center;min-width:0}.camera-select-external{flex:1;padding:calc(4px + .4vw) calc(6px + .5vw);border:1px solid #ddd;border-radius:6px;font-size:calc(12px + .6vw);background:#fff;color:#333;transition:border-color .2s ease;min-width:0;cursor:pointer}.camera-select-external:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff26}.qrc-torch-btn{flex:0 0 auto;display:flex;align-items:center;gap:5px;padding:calc(4px + .4vw) calc(10px + .6vw);border:1.5px solid #ccc;border-radius:8px;background:#fff;color:#555;font-size:calc(12px + .5vw);font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.qrc-torch-btn:hover{border-color:#f59e0b;background:#fffbeb;color:#d97706}.qrc-torch-btn.on{background:#fef3c7;border-color:#f59e0b;color:#d97706;box-shadow:0 0 8px #f59e0b66}.qrc-torch-btn.disabled,.qrc-torch-btn:disabled{opacity:.35;cursor:not-allowed;border-color:#ddd;background:#f5f5f5;color:#aaa;box-shadow:none;pointer-events:none}.qrc-btn-label{font-size:calc(11px + .4vw)}.qrc-zoom-row{display:flex;align-items:center;gap:10px;padding:8px 20px;background:#f8f9fa;border-bottom:1px solid #eee;flex-shrink:0}.qrc-zoom-row.disabled{opacity:.35;pointer-events:none}.qrc-zoom-row.disabled .qrc-zoom-slider{cursor:not-allowed;accent-color:#aaa}.qrc-zoom-label{font-size:calc(14px + .5vw);flex:0 0 auto}.qrc-zoom-slider{flex:1;height:4px;accent-color:#007bff;cursor:pointer;border-radius:2px}.qrc-zoom-step-btn{flex:0 0 auto;width:28px;height:28px;border-radius:50%;border:2px solid #007bff;background:#fff;color:#007bff;font-size:18px;line-height:1;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s,color .15s,opacity .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qrc-zoom-step-btn:hover:not(:disabled){background:#007bff;color:#fff}.qrc-zoom-step-btn:disabled{opacity:.35;cursor:not-allowed;border-color:#aaa;color:#aaa}.qrc-zoom-value{flex:0 0 auto;font-size:calc(12px + .4vw);font-weight:600;color:#007bff;min-width:36px;text-align:right}.video-container{position:relative;flex:1;display:flex;align-items:stretch;justify-content:center;background:#000;margin:16px;border-radius:8px;overflow:hidden;min-height:0}.qr-scanner-container-inner{width:100%!important;height:100%!important;position:relative}.qr-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.qr-frame{position:absolute;top:0;left:50%;transform:translate(-50%);height:100%;aspect-ratio:1 / 1;pointer-events:none;z-index:10}.qr-frame-corner{position:absolute;width:48px;height:48px;border:3px solid #00ff00}.qr-frame-tl{top:0;left:0;border-right:none;border-bottom:none;border-top-left-radius:8px}.qr-frame-tr{top:0;right:0;border-left:none;border-bottom:none;border-top-right-radius:8px}.qr-frame-bl{bottom:0;left:0;border-right:none;border-top:none;border-bottom-left-radius:8px}.qr-frame-br{bottom:0;right:0;border-left:none;border-top:none;border-bottom-right-radius:8px}.qr-camera-controls{display:flex;justify-content:center;align-items:center;padding:16px 20px;background:#f8f9fa;border-top:1px solid #eee;flex-shrink:0;gap:12px}.start-scan-btn{background:#007bff;color:#fff;border:none;padding:calc(10px + .6vw) calc(20px + 1vw);border-radius:8px;font-size:calc(14px + 1vw);font-weight:600;cursor:pointer;transition:all .2s ease;min-width:calc(120px + 3vw)}.start-scan-btn:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.start-scan-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.stop-scan-btn{background:#dc3545;color:#fff;border:none;padding:calc(10px + .6vw) calc(20px + 1vw);border-radius:8px;font-size:calc(14px + 1vw);font-weight:600;cursor:pointer;transition:all .2s ease;min-width:calc(120px + 3vw)}.stop-scan-btn:hover{background:#c82333;transform:translateY(-1px)}@media (max-width: 768px){.qr-camera-container{width:95vw;height:85vh;border-radius:20px}.video-container{margin:10px}.qr-frame-corner{width:40px;height:40px;border-width:3px}.qr-camera-controls{padding:12px 16px}}@media (max-width: 480px){.video-container{margin:8px}.qr-frame-corner{width:36px;height:36px;border-width:3px}}[data-theme=dark] .qr-camera-container{background:#1e293b;box-shadow:0 20px 60px #0009}[data-theme=dark] .qr-camera-header{background:#253348;border-bottom-color:#334155}[data-theme=dark] .qr-camera-header h3{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .qr-camera-close{color:#9ca3af}[data-theme=dark] .qr-camera-close:hover{background:#334155;color:#e5e7eb}[data-theme=dark] .qr-scan-message{background:#253348;color:var(--text-label, #d1d5db);border-bottom-color:#334155}[data-theme=dark] .qr-scan-message.scanning{background:rgba(29,78,216,.2);color:#60a5fa}[data-theme=dark] .qr-scan-message.success{background:rgba(22,163,74,.15);color:#4ade80}[data-theme=dark] .qr-scan-message.error{background:rgba(220,38,38,.15);color:#f87171}[data-theme=dark] .camera-controls-row{background:#253348;border-bottom-color:#334155}[data-theme=dark] .camera-select-external{background:#1e293b;border-color:#374151;color:var(--text-primary, #e5e7eb)}[data-theme=dark] .camera-select-external:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}[data-theme=dark] .qrc-torch-btn{background:#1e293b;border-color:#374151;color:#9ca3af}[data-theme=dark] .qrc-torch-btn:hover{border-color:#f59e0b;background:rgba(245,158,11,.1);color:#fbbf24}[data-theme=dark] .qrc-torch-btn.on{background:rgba(245,158,11,.12);border-color:#f59e0b;color:#fbbf24}[data-theme=dark] .qrc-torch-btn.disabled,[data-theme=dark] .qrc-torch-btn:disabled{background:#1e293b;border-color:#334155;color:#4b5563}[data-theme=dark] .qrc-zoom-row{background:#253348;border-bottom-color:#334155}[data-theme=dark] .qrc-zoom-value{color:#60a5fa}[data-theme=dark] .qrc-zoom-step-btn{background:#1e293b;border-color:#3b82f6;color:#60a5fa}[data-theme=dark] .qrc-zoom-step-btn:hover:not(:disabled){background:#3b82f6;color:#fff}[data-theme=dark] .qr-camera-controls{background:#253348;border-top-color:#334155}.tcv2am-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tcv2am-modal{background:white;border-radius:12px;max-width:810px;width:95%;height:85vh;max-height:85vh;box-shadow:0 12px 48px #0003;display:flex;flex-direction:column;overflow:hidden}.tcv2am-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #e9ecef;background:white;flex-shrink:0;position:relative;z-index:10}.tcv2am-header h3,.tcv2am-header-h3{margin:0;font-size:20px;font-weight:600;color:#2c3e50}.tcv2am-header-candidate-name{color:#1976d2;font-weight:600}.tcv2am-header-actions{display:flex;gap:12px;align-items:center}.tcv2am-close-btn{background:none;border:none;font-size:24px;color:#6c757d;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;flex-shrink:0}.tcv2am-close-btn:hover{background:#f8f9fa;color:#343a40}.tcv2am-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px;background:white}.tcv2am-body::-webkit-scrollbar{width:6px}.tcv2am-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.tcv2am-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.tcv2am-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.tcv2am-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;border-top:1px solid #e9ecef;background:#f8f9fa;flex-shrink:0;flex-wrap:wrap}.tcv2am-footer>button{flex:1;min-width:0;justify-content:center;text-align:center}.tcv2am-submit-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:linear-gradient(135deg,#28a745 0%,#20c997 100%);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.tcv2am-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#20c997 0%,#17a2b8 100%);transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.tcv2am-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.tcv2am-cancel-btn{padding:10px 20px;background:white;color:#6c757d;border:1px solid #ced4da;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.tcv2am-cancel-btn:hover{background:#f8f9fa;border-color:#adb5bd;color:#343a40}.tcv2am-form{display:flex;flex-direction:column;gap:20px}.tcv2am-form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:0}.tcv2am-form-group label{display:block;font-weight:500;color:#495057;font-size:14px}.tcv2am-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.tcv2am-form-group input,.tcv2am-form-group select,.tcv2am-form-group textarea{width:100%;padding:10px 12px;border:1px solid #ced4da;border-radius:6px;font-size:14px;transition:border-color .3s,box-shadow .3s;box-sizing:border-box;background:white;-webkit-appearance:none;-moz-appearance:none;appearance:none}.tcv2am-form-group input:focus,.tcv2am-form-group select:focus,.tcv2am-form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.tcv2am-required{color:#dc3545}.tcv2am-readonly-input{background:#e9ecef!important;color:#6c757d;cursor:not-allowed}.tcv2am-readonly-input::-moz-placeholder{color:transparent}.tcv2am-readonly-input::placeholder{color:transparent}.tcv2am-img-readonly{cursor:default!important}.tcv2am-img-readonly .tcv2am-img-overlay{display:none!important}.tcv2am-address-readonly-list{display:flex;flex-direction:column;gap:6px;padding:8px 12px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px}.tcv2am-address-readonly-item{display:flex;gap:8px;font-size:14px;line-height:1.5}.tcv2am-address-readonly-type{font-weight:600;color:#495057;white-space:nowrap;min-width:80px}.tcv2am-address-readonly-value{color:#212529}.tcv2am-address-readonly-empty{color:#adb5bd;font-style:italic;font-size:14px}.tcv2am-input-error{border-color:#dc3545!important;box-shadow:0 0 0 2px #dc354533!important}.tcv2am-field-error{display:block;margin-top:4px;font-size:12px;color:#dc3545;font-style:italic}.tcv2am-section-title{margin-top:25px;padding-top:20px;border-top:1px solid #e0e0e0}.tcv2am-section-title label{margin:0;font-size:16px;font-weight:600;color:#2c3e50}.tcv2am-upload-section{padding:10px;background:#f8f9fa;border-radius:8px;border:2px dashed #dee2e6}.tcv2am-upload-errors{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:6px;padding:0 2px}.tcv2am-upload-section h4{margin:0 0 20px;color:#495057;font-size:16px;font-weight:600}.tcv2am-upload-row{display:grid;grid-template-columns:var(--avatar-col-width, 90px) 1fr;gap:12px;align-items:stretch}.tcv2am-upload-row>.tcv2am-form-group{display:flex;flex-direction:column;gap:4px}.tcv2am-upload-row>.tcv2am-form-group .tcv2am-img-clickable.tcv2am-img-avatar{width:100%;aspect-ratio:4 / 6;height:auto;flex:none}.tcv2am-cccd-column{display:flex;flex-direction:column;justify-content:space-between;min-width:0;overflow:hidden}.tcv2am-cccd-group{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tcv2am-upload-row .tcv2am-form-group{text-align:center;display:flex;flex-direction:column;gap:4px}.tcv2am-cccd-group .tcv2am-form-group{display:flex;flex-direction:column;gap:4px;min-width:0}.tcv2am-cccd-group .tcv2am-form-group .tcv2am-img-clickable{width:100%;aspect-ratio:16 / 10}.tcv2am-qr-group{margin-top:auto;flex-shrink:0;display:flex;flex-direction:column}.tcv2am-qr-group .tcv2am-qr-input-row{display:flex;align-items:stretch}.tcv2am-qr-group .tcv2am-qr-input{flex:1;height:48px;min-width:0}.tcv2am-img-clickable{position:relative;display:flex;align-items:center;justify-content:center;border:2px dashed #ced4da;border-radius:8px;overflow:hidden;cursor:pointer;background:#f9fafb;transition:border-color .2s,background .2s}.tcv2am-img-clickable:hover{border-color:#007bff;background:#eff6ff}.tcv2am-img-clickable--error{border-color:#dc3545;background:#fff5f5}.tcv2am-img-avatar{width:100%;aspect-ratio:4 / 6;height:auto}.tcv2am-img-cccd,.tcv2am-cccd-group .tcv2am-img-cccd{width:100%;aspect-ratio:16 / 10}.tcv2am-img-clickable img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;position:absolute;top:0;right:0;bottom:0;left:0}.tcv2am-img-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;color:#9ca3af;font-size:12px;pointer-events:none}.tcv2am-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35);color:#fff;opacity:0;transition:opacity .2s;pointer-events:none}.tcv2am-img-clickable:hover .tcv2am-img-overlay{opacity:1}.tcv2am-upload-placeholder{color:#9ca3af;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px}.tcv2am-qr-input-row{display:flex;flex-direction:row;align-items:stretch;gap:0}.tcv2am-qr-camera-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;width:80px;flex-shrink:0;padding:6px 4px;background:#007bff;color:#fff;border:1px solid #0056b3;border-right:none;border-radius:12px 0 0 12px;font-size:11px;font-weight:600;cursor:pointer;transition:background .2s ease;line-height:1.2}.tcv2am-qr-camera-btn span:first-child{font-size:14px;line-height:1}.tcv2am-qr-camera-btn:hover{background:#0056b3}.tcv2am-qr-camera-btn:active{background:#004094}.tcv2am-qr-input{flex:1;font-family:monospace;font-size:13px;height:48px;border-radius:0 12px 12px 0!important;min-width:0;padding:6px 10px;border:1px solid #ced4da;background:white;box-sizing:border-box}.tcv2am-address-mode-container{display:flex;align-items:center;gap:15px;margin-bottom:8px}.tcv2am-address-mode-container>label{margin:0;font-weight:500;color:#2c3e50}.tcv2am-address-mode-radios{display:flex;gap:20px}.tcv2am-radio-label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:400!important;color:#495057!important;cursor:pointer}.tcv2am-radio-label input[type=radio]{margin:0;width:auto;height:auto}.tcv2am-address-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.tcv2am-address-table{width:100%;min-width:560px;border-collapse:collapse;font-size:13px;margin-top:8px}.tcv2am-address-table thead th{background:#f1f3f5;color:#495057;font-weight:600;padding:8px 10px;border:1px solid #dee2e6;text-align:left;white-space:nowrap}.tcv2am-address-table tbody td{border:1px solid #dee2e6;padding:5px 7px;vertical-align:middle}.tcv2am-address-table tbody tr:hover{background:#f8f9fa}.tcv2am-contact-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:8px}.tcv2am-contact-table thead th{background:#f1f3f5;color:#495057;font-weight:600;padding:8px 10px;border:1px solid #dee2e6;text-align:left;white-space:nowrap}.tcv2am-contact-table tbody td{border:1px solid #dee2e6;padding:5px 7px;vertical-align:middle}.tcv2am-contact-table tbody tr:hover{background:#f8f9fa}.tcv2am-contact-input-delete{display:flex;align-items:center;gap:6px}.tcv2am-contact-input-delete>:first-child{flex:1;min-width:0}.tcv2am-contact-delete-mobile{display:none;background:none;border:1px solid #dc3545;color:#dc3545;border-radius:4px;padding:0 8px;height:32px;cursor:pointer;font-size:13px;line-height:32px;flex-shrink:0;transition:background .2s,color .2s}.tcv2am-contact-delete-mobile:hover{background:#dc3545;color:#fff}.tcv2am-contact-delete-desktop-cell{text-align:center;white-space:nowrap}.tcv2am-address-table .sd-trigger,.tcv2am-contact-table .sd-trigger{height:32px;min-height:32px;font-size:13px;border-radius:4px;border-color:#ced4da;padding:0 8px}.tcv2am-address-table .sd-trigger:hover:not(:disabled){border-color:#adb5bd}.tcv2am-address-table .sd-trigger:focus,.tcv2am-address-table .sd-trigger--open,.tcv2am-contact-table .sd-trigger:focus,.tcv2am-contact-table .sd-trigger--open{border-color:#007bff;box-shadow:0 0 0 2px #007bff33}.tcv2am-contact-table tbody td input,.tcv2am-addr-input{width:100%;height:32px;padding:0 8px;border:1px solid #ced4da;border-radius:4px;font-size:13px;box-sizing:border-box;line-height:32px}.tcv2am-contact-table tbody td input:focus,.tcv2am-addr-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff33}.tcv2am-delete-btn-icon{background:none;border:1px solid #dc3545;color:#dc3545;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:13px;line-height:1;transition:background .2s,color .2s}.tcv2am-delete-btn-icon:hover{background:#dc3545;color:#fff}.tcv2am-addr-delete-mobile{display:none;background:none;border:1px solid #dc3545;color:#dc3545;border-radius:4px;padding:0 8px;height:32px;cursor:pointer;font-size:13px;line-height:32px;flex-shrink:0;transition:background .2s,color .2s}.tcv2am-addr-delete-mobile:hover{background:#dc3545;color:#fff}.tcv2am-addr-type-input-delete{display:flex;align-items:center;gap:6px}.tcv2am-addr-type-input-delete>:first-child{flex:1;min-width:0}.tcv2am-add-row-btn{margin-top:8px;padding:7px 16px;background:#fff;border:1px dashed #007bff;color:#007bff;border-radius:6px;font-size:13px;cursor:pointer;transition:background .2s,color .2s}.tcv2am-add-row-btn:hover{background:#007bff;color:#fff}.tcv2am-notification{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:14px}.tcv2am-notification--success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.tcv2am-notification--error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.tcv2am-notification--info{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.tcv2am-notification-title{font-weight:600;margin-bottom:2px}.tcv2am-notification-close{background:none;border:none;cursor:pointer;color:inherit;opacity:.7;margin-left:auto;padding:0;line-height:1;font-size:16px}.tcv2am-notification-close:hover{opacity:1}.tcv2am-form-row--2col{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 768px){.tcv2am-form-row{grid-template-columns:1fr}.tcv2am-form-row--2col{grid-template-columns:1fr 1fr;gap:10px}.tcv2am-address-mode-container{flex-direction:column;align-items:flex-start;gap:8px}.tcv2am-address-table-wrapper{overflow-x:visible}.tcv2am-address-table{min-width:unset}.tcv2am-address-table,.tcv2am-address-table thead,.tcv2am-address-table tbody,.tcv2am-address-table th,.tcv2am-address-table td,.tcv2am-address-table tr{display:block}.tcv2am-address-table thead{display:none}.tcv2am-address-table tbody tr{border:1px solid #dee2e6;border-radius:6px;margin-bottom:12px;padding:8px;background:#fff;box-shadow:0 1px 3px #0000000d}.tcv2am-address-table tbody td{border:none;padding:4px 0;display:flex;align-items:center;gap:8px}.tcv2am-address-table tbody td:before{content:attr(data-label);font-weight:600;font-size:12px;color:#6c757d;min-width:90px;flex-shrink:0}.tcv2am-addr-select,.tcv2am-addr-input{flex:1;min-width:0}.tcv2am-addr-delete-desktop-cell{display:none!important}.tcv2am-addr-delete-desktop-cell:before{display:none!important;content:none!important}.tcv2am-addr-delete-mobile{display:inline-flex;align-items:center}.tcv2am-addr-type-input-delete{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.tcv2am-addr-type-input-delete>:first-child{flex:1;min-width:0}.tcv2am-contact-table,.tcv2am-contact-table thead,.tcv2am-contact-table tbody,.tcv2am-contact-table th,.tcv2am-contact-table td,.tcv2am-contact-table tr{display:block}.tcv2am-contact-table thead{display:none}.tcv2am-contact-table tbody tr{border:1px solid #dee2e6;border-radius:6px;margin-bottom:12px;padding:8px;background:#fff;box-shadow:0 1px 3px #0000000d}.tcv2am-contact-table tbody td{border:none;padding:4px 0;display:flex;align-items:center;gap:8px}.tcv2am-contact-table tbody td:before{content:attr(data-label);font-weight:600;font-size:12px;color:#6c757d;min-width:90px;flex-shrink:0}.tcv2am-contact-delete-desktop-cell{display:none!important}.tcv2am-contact-delete-desktop-cell:before{display:none!important;content:none!important}.tcv2am-contact-delete-mobile{display:inline-flex;align-items:center}.tcv2am-contact-table tbody td input{flex:1;min-width:0}.tcv2am-contact-first-cell .tcv2am-contact-input-delete{flex:1}}@media (max-width: 576px){.tcv2am-overlay{padding:0}.tcv2am-modal{border-radius:16px;max-height:85vh;height:85vh;width:95%}.tcv2am-header{padding:14px 16px}.tcv2am-body{padding:10px}.tcv2am-footer{padding:12px 16px}.tcv2am-header-h3{display:flex;flex-direction:column;gap:2px}.tcv2am-header-candidate-name{font-size:16px;font-weight:500;color:#1976d2}.tcv2am-upload-row{gap:8px}.tcv2am-cccd-group{gap:6px}.tcv2am-upload-row .tcv2am-form-group label{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.tcv2am-confirm-overlay{z-index:10001;align-items:flex-start;padding-top:10vh}.tcv2am-confirm-dialog{background:white;border-radius:12px;padding:24px;width:90%;max-width:400px;box-shadow:0 16px 48px #00000040;display:flex;flex-direction:column;gap:16px;animation:tcv2am-confirm-pop .18s ease-out}@keyframes tcv2am-confirm-pop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.tcv2am-confirm-header{display:flex;align-items:center;gap:10px}.tcv2am-confirm-icon{font-size:22px;line-height:1}.tcv2am-confirm-header h4{margin:0;font-size:16px;font-weight:600;color:#2c3e50}.tcv2am-confirm-desc{margin:0;font-size:13px;color:#6c757d;line-height:1.5}.tcv2am-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tcv2am-confirm-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 10px;border-radius:8px;border:2px solid transparent;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s ease;line-height:1.3}.tcv2am-confirm-btn small{font-size:11px;font-weight:400;opacity:.8}.tcv2am-confirm-btn span:first-child{font-size:20px}.tcv2am-confirm-btn--truoc{background:#e8f4fd;border-color:#007bff;color:#0056b3}.tcv2am-confirm-btn--truoc:hover{background:#007bff;color:#fff}.tcv2am-confirm-btn--sau{background:#e8f8f0;border-color:#28a745;color:#1a6e30}.tcv2am-confirm-btn--sau:hover{background:#28a745;color:#fff}.tcv2am-confirm-cancel{background:none;border:1px solid #dee2e6;border-radius:6px;padding:8px;color:#6c757d;font-size:13px;cursor:pointer;transition:all .2s;text-align:center}.tcv2am-confirm-cancel:hover{background:#f8f9fa;color:#343a40}.tcv2am-detail-modal{max-width:680px}.tcv2am-header-title-group{flex:1;min-width:0}.tcv2am-header-title-group h3{margin:0;font-size:18px;font-weight:600;color:#2c3e50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tcv2am-header-name{color:#1976d2}.tcv2am-edit-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:#1976d2;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.tcv2am-edit-btn:hover{background:#1565c0;transform:translateY(-2px);box-shadow:0 4px 12px #1976d24d}.tcv2am-save-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:linear-gradient(135deg,#28a745 0%,#20c997 100%);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.tcv2am-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#20c997 0%,#17a2b8 100%);transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.tcv2am-save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.tcv2am-back-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:white;color:#6c757d;border:1px solid #ced4da;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.tcv2am-back-btn:hover{background:#f8f9fa;border-color:#adb5bd;color:#343a40}.tcv2am-detail-grid{display:flex;flex-direction:column;gap:4px}.tcv2am-detail-section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#1976d2;border-bottom:2px solid #e3f0ff;padding-bottom:4px;margin-top:16px;margin-bottom:8px}.tcv2am-detail-section-title--danger{color:#dc3545;border-bottom-color:#fde8ea}.tcv2am-detail-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.tcv2am-detail-field{display:flex;flex-direction:column;gap:3px}.tcv2am-detail-field--full{grid-column:1 / -1}.tcv2am-detail-label{font-size:11px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.4px}.tcv2am-detail-value{font-size:14px;color:#212529;padding:4px 0;word-break:break-word}.tcv2am-detail-value--danger{color:#dc3545;font-style:italic}.tcv2am-detail-input{padding:6px 10px;border:1px solid #ced4da;border-radius:5px;font-size:14px;color:#212529;background:#fff;transition:border-color .2s;width:100%;box-sizing:border-box}.tcv2am-detail-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d226}.tcv2am-detail-images{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:8px}.tcv2am-detail-img-group{display:flex;flex-direction:column;gap:4px;align-items:center}.tcv2am-detail-img-label{font-size:11px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.4px}.tcv2am-detail-img{border-radius:6px;border:1px solid #dee2e6;-o-object-fit:cover;object-fit:cover;cursor:zoom-in}.tcv2am-detail-img--avatar{width:80px;height:120px}.tcv2am-detail-img--cccd{width:180px;height:112px}@media (max-width: 540px){.tcv2am-detail-modal{max-width:98%}.tcv2am-detail-row-2col{grid-template-columns:1fr}.tcv2am-header-title-group h3,.tcv2am-header-h3{font-size:15px}.tcv2am-header-candidate-name{font-size:16px}.tcv2am-detail-img--cccd{width:140px;height:88px}.tcv2am-dv-card,.tcv2am-dv-body{gap:6px!important}}.tcv2am-dv-body{display:flex;flex-direction:column;gap:16px}.tcv2am-dv-card{background:#fff;border:1px solid #e9ecef;border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:16px}.tcv2am-dv-card-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#1976d2;border-bottom:2px solid #e3f0ff;padding-bottom:8px;margin-bottom:2px}.tcv2am-dv-top-row{display:flex;gap:20px;align-items:stretch}.tcv2am-dv-avatar-col{flex-shrink:0;width:150px;display:flex;align-items:stretch}.tcv2am-dv-avatar{width:150px;height:100%;min-height:180px;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:1px solid #dee2e6;display:block}.tcv2am-dv-avatar--empty{width:150px;min-height:180px;height:100%;display:flex;align-items:center;justify-content:center;background:#f1f3f5;color:#adb5bd;border:2px dashed #ced4da;border-radius:8px}.tcv2am-dv-info-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}.tcv2am-dv-name-ntv-row{display:flex;align-items:baseline;gap:14px;justify-content:space-between;flex-wrap:nowrap}.tcv2am-dv-fullname{font-size:20px;font-weight:700;color:#2c3e50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.tcv2am-dv-ntv{font-size:14px;font-weight:600;color:#1976d2;background:#e3f0ff;padding:3px 12px;border-radius:12px;white-space:nowrap;flex-shrink:0}.tcv2am-dv-timestamps{display:flex;flex-direction:column;align-items:flex-end;gap:3px;margin-top:auto}.tcv2am-dv-timestamp{font-size:13px;color:#6c757d}.tcv2am-dv-status-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tcv2am-dv-status-row .tcv2am-dv-label:after{content:":"}.tcv2am-dv-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:12px;font-size:13px;font-weight:600}.tcv2am-dv-badge--pending{background:#fff3cd;color:#856404;border:1px solid #ffc107}.tcv2am-dv-badge--approved{background:#d4edda;color:#155724;border:1px solid #28a745}.tcv2am-dv-badge--rejected{background:#f8d7da;color:#721c24;border:1px solid #dc3545}.tcv2am-dv-reject-reason-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.tcv2am-dv-reject-reason-row .tcv2am-dv-label:after{content:":"}.tcv2am-dv-reject-reason{font-size:13px;font-family:inherit;color:#dc3545;font-style:italic;flex:1;white-space:pre-wrap;word-break:break-word;margin:0;padding:0}.tcv2am-dv-action-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.tcv2am-dv-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.tcv2am-dv-btn--checkin{background:linear-gradient(135deg,#fd7e14,#ffc107);color:#fff}.tcv2am-dv-btn--checkin:hover{background:linear-gradient(135deg,#e06b00,#e6ac00);transform:translateY(-1px);box-shadow:0 3px 8px #fd7e1459}.tcv2am-dv-btn--approve{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.tcv2am-dv-btn--approve:hover{background:linear-gradient(135deg,#20c997,#17a2b8);transform:translateY(-1px);box-shadow:0 3px 8px #28a7454d}.tcv2am-dv-btn--reject{background:#fff;color:#dc3545;border:1.5px solid #dc3545}.tcv2am-dv-btn--reject:hover{background:#dc3545;color:#fff;transform:translateY(-1px);box-shadow:0 3px 8px #dc354540}.tcv2am-dv-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}.tcv2am-dv-field{display:flex;flex-direction:row;align-items:baseline;gap:8px;flex-wrap:wrap}.tcv2am-dv-field--full{grid-column:1 / -1}.tcv2am-dv-field--stacked{flex-direction:column;gap:4px}.tcv2am-dv-label{font-size:14px;font-weight:600;color:#6c757d;white-space:nowrap;flex-shrink:0}.tcv2am-dv-field .tcv2am-dv-label:after{content:":"}.tcv2am-dv-value{font-size:18px;color:#212529;word-break:break-word;flex:1}@media (max-width: 576px){.tcv2am-dv-field{flex-direction:column;gap:2px}.tcv2am-dv-label{white-space:normal;flex-shrink:1}.tcv2am-dv-value{flex:none}}.tcv2am-dv-cccd-imgs{display:flex;gap:12px;flex-wrap:nowrap;overflow-x:auto}.tcv2am-dv-cccd-img-group{display:flex;flex-direction:column;gap:4px;flex:1;min-width:120px}.tcv2am-dv-cccd-img{width:100%;aspect-ratio:16 / 10;-o-object-fit:cover;object-fit:cover;border-radius:6px;border:1px solid #dee2e6;display:block}@media (max-width: 576px){.tcv2am-dv-avatar-col{width:80px}.tcv2am-dv-avatar{width:80px;height:120px}.tcv2am-dv-name-ntv-row{flex-direction:column;align-items:flex-start;gap:4px}.tcv2am-dv-fullname{font-size:15px;white-space:normal}.tcv2am-dv-m1-fullname{font-size:20px!important}.tcv2am-dv-info-col{gap:5px}.tcv2am-dv-info-col .tcv2am-dv-row-2col{grid-template-columns:1fr;gap:4px}.tcv2am-dv-timestamps{align-items:flex-start}.tcv2am-dv-action-row{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.tcv2am-dv-btn{font-size:13px;padding:8px 10px}.tcv2am-dv-card .tcv2am-dv-row-2col{grid-template-columns:1fr 1fr}.tcv2am-dv-card1-desktop{display:none!important}.tcv2am-dv-card1-mobile{display:flex}}@media (min-width: 577px){.tcv2am-dv-card1-desktop{display:flex}.tcv2am-dv-card1-mobile{display:none!important}}.tcv2am-dv-card1-mobile{flex-direction:column;gap:10px}.tcv2am-dv-m1-top{display:flex;gap:12px;align-items:flex-start}.tcv2am-dv-m1-avatar-col{flex:0 0 calc(40% - 6px);min-width:0}.tcv2am-dv-m1-avatar{width:100%;aspect-ratio:4 / 6;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:1px solid #dee2e6;display:block}.tcv2am-dv-m1-avatar--empty{width:100%;aspect-ratio:4 / 6;display:flex;align-items:center;justify-content:center;background:#f1f3f5;color:#adb5bd;border:2px dashed #ced4da;border-radius:8px}.tcv2am-dv-m1-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.tcv2am-dv-m1-ntv-row{display:flex;justify-content:flex-end}.tcv2am-dv-m1-fullname{font-size:17px;font-weight:700;color:#2c3e50;word-break:break-word;line-height:1.3}.tcv2am-dv-m1-field{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.tcv2am-dv-m1-label{font-size:13px;font-weight:600;color:#6c757d;white-space:nowrap;flex-shrink:0}.tcv2am-dv-m1-value{font-size:13px;color:#212529;word-break:break-word}.tcv2am-dv-m1-timestamp-row{display:flex;justify-content:flex-end;margin-top:2px}.tcv2am-dv-m1-reject-block{display:flex;flex-direction:column;gap:2px;padding-top:6px;border-top:1px dashed #f5c2c7}.tcv2am-dv-m1-reject-label{font-size:13px;font-weight:600;color:#6c757d}.tcv2am-slide-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:999;display:flex;justify-content:flex-end;align-items:stretch;pointer-events:none}.tcv2am-slide-container{width:700px;pointer-events:auto;background:#fff;display:flex;flex-direction:column;overflow:hidden;border-left:1px solid #c8d6f1;box-shadow:-4px 0 24px #0000001f;margin-top:168px;height:calc(100vh - 167px);transform:translate(100%);transition:transform .4s cubic-bezier(.4,0,.2,1)}.tcv2am-slide-container.tcv2am-slide--open{transform:translate(0)}.tcv2am-slide-container.tcv2am-slide--closing{transform:translate(100%)}.tcv2am-slide-container .tcv2am-header{padding:6px 16px}.tcv2am-slide-container .tcv2am-header h3,.tcv2am-slide-container .tcv2am-header-h3{font-size:16px}.tcv2am-slide-container .tcv2am-body{padding:10px}.tcv2am-slide-container .tcv2am-footer{padding:5px 16px;gap:8px}@media (max-width: 768px){.tcv2am-slide-overlay{display:none!important}}.tcv2am-dob-value-wrap{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.tcv2am-under18-badge{display:inline-block;background:#fef2f2;color:#dc2626;border:1px solid #fca5a5;border-radius:4px;font-size:10px;font-weight:600;padding:1px 6px;white-space:nowrap;line-height:1.5;vertical-align:middle}.tcv2am-over50-badge{display:inline-block;background:#fffbeb;color:#d97706;border:1px solid #fcd34d;border-radius:4px;font-size:10px;font-weight:600;padding:1px 6px;white-space:nowrap;line-height:1.5;vertical-align:middle}.tcv2am-under18-badge{display:inline-block;background:#fef2f2;color:#dc2626;border:1px solid #fca5a5;border-radius:4px;font-size:10px;font-weight:600;padding:1px 6px;white-space:nowrap;line-height:1.4;vertical-align:middle;margin-left:5px}.tcv2am-dob-value-wrap{display:inline-flex;align-items:center;gap:2px;flex-wrap:wrap}[data-theme=dark] .tcv2am-modal,[data-theme=dark] .tcv2am-slide-container{background:var(--bg-surface, #1c1f26);border-color:var(--border-divider, #2d3140);box-shadow:-4px 0 24px #00000080}[data-theme=dark] .tcv2am-header{background:var(--bg-surface, #1c1f26);border-bottom-color:var(--border-divider, #2d3140)}[data-theme=dark] .tcv2am-header h3,[data-theme=dark] .tcv2am-header-h3{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .tcv2am-close-btn{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .tcv2am-close-btn:hover{background:var(--bg-surface-hover, #2a2f3d);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .tcv2am-body{background:var(--bg-surface, #1c1f26);scrollbar-color:var(--border-divider, #3a3f4f) transparent}[data-theme=dark] .tcv2am-body::-webkit-scrollbar-track{background:transparent}[data-theme=dark] .tcv2am-body::-webkit-scrollbar-thumb{background:var(--border-divider, #3a3f4f)}[data-theme=dark] .tcv2am-footer{background:var(--bg-input, #252830);border-top-color:var(--border-divider, #2d3140)}[data-theme=dark] .tcv2am-cancel-btn,[data-theme=dark] .tcv2am-back-btn{background:var(--bg-input, #252830);color:var(--text-secondary, #8a93a8);border-color:var(--border-input, #3a3f4f)}[data-theme=dark] .tcv2am-cancel-btn:hover,[data-theme=dark] .tcv2am-back-btn:hover{background:var(--bg-surface-hover, #2a2f3d);color:var(--text-primary, #e2e8f0);border-color:var(--border-divider, #4a5060)}[data-theme=dark] .tcv2am-form-group label{color:var(--text-secondary, #a0aec0)}[data-theme=dark] .tcv2am-form-group input,[data-theme=dark] .tcv2am-form-group select,[data-theme=dark] .tcv2am-form-group textarea{background:var(--bg-input, #252830);border-color:var(--border-input, #3a3f4f);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .tcv2am-form-group input:focus,[data-theme=dark] .tcv2am-form-group select:focus,[data-theme=dark] .tcv2am-form-group textarea:focus{border-color:var(--color-primary, #667eea);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 102, 126, 234),.2)}[data-theme=dark] .tcv2am-readonly-input{background:var(--bg-content, #0f1117)!important;color:var(--text-label, #6b7280)}[data-theme=dark] .tcv2am-section-title{border-top-color:var(--border-divider, #2d3140)}[data-theme=dark] .tcv2am-section-title label{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .tcv2am-upload-section{background:var(--bg-input, #252830);border-color:var(--border-divider, #3a3f4f)}[data-theme=dark] .tcv2am-upload-section h4{color:var(--text-secondary, #a0aec0)}[data-theme=dark] .tcv2am-img-clickable{background:var(--bg-content, #0f1117);border-color:var(--border-input, #3a3f4f)}[data-theme=dark] .tcv2am-img-clickable:hover{border-color:var(--color-primary, #667eea);background:rgba(var(--color-primary-rgb, 102, 126, 234),.06)}[data-theme=dark] .tcv2am-img-placeholder,[data-theme=dark] .tcv2am-upload-placeholder{color:var(--text-label, #6b7280)}[data-theme=dark] .tcv2am-address-readonly-list{background:var(--bg-input, #252830);border-color:var(--border-input, #3a3f4f)}[data-theme=dark] .tcv2am-address-readonly-type{color:var(--text-secondary, #a0aec0)}[data-theme=dark] .tcv2am-address-readonly-value{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .tcv2am-address-readonly-empty{color:var(--text-label, #4a5060)}[data-theme=dark] .tcv2am-address-table thead th,[data-theme=dark] .tcv2am-contact-table thead th{background:var(--bg-input, #252830);color:var(--text-label, #8a93a8);border-color:var(--border-divider, #2d3140)}[data-theme=dark] .tcv2am-address-table tbody td,[data-theme=dark] .tcv2am-contact-table tbody td{border-color:var(--border-divider, #2d3140);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .tcv2am-address-table tbody tr:hover,[data-theme=dark] .tcv2am-contact-table tbody tr:hover{background:var(--bg-surface-hover, #2a2f3d)}[data-theme=dark] .tcv2am-contact-table tbody td input,[data-theme=dark] .tcv2am-addr-input{background:var(--bg-input, #252830);border-color:var(--border-input, #3a3f4f);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .tcv2am-address-table tbody tr,[data-theme=dark] .tcv2am-contact-table tbody tr{border-color:var(--border-divider, #2d3140);background:var(--bg-surface, #1c1f26)}[data-theme=dark] .tcv2am-address-table tbody td:before,[data-theme=dark] .tcv2am-contact-table tbody td:before{color:var(--text-label, #6b7280)}[data-theme=dark] .tcv2am-add-row-btn{background:transparent;border-color:var(--color-primary, #667eea);color:var(--color-primary, #667eea)}[data-theme=dark] .tcv2am-add-row-btn:hover{background:rgba(var(--color-primary-rgb, 102, 126, 234),.15);color:var(--color-primary, #667eea)}[data-theme=dark] .tcv2am-address-mode-container>label{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .tcv2am-radio-label{color:var(--text-secondary, #a0aec0)!important}[data-theme=dark] .tcv2am-qr-input{background:var(--bg-input, #252830);border-color:var(--border-input, #3a3f4f);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .tcv2am-confirm-dialog{background:var(--bg-surface, #1c1f26);box-shadow:0 16px 48px #0009}[data-theme=dark] .tcv2am-confirm-header h4{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .tcv2am-confirm-desc{color:var(--text-secondary, #8a93a8)}[data-theme=dark] .tcv2am-confirm-btn--truoc{background:rgba(0,123,255,.1);border-color:#007bff80;color:#60a5fa}[data-theme=dark] .tcv2am-confirm-btn--sau{background:rgba(40,167,69,.1);border-color:#28a74580;color:#4ade80}[data-theme=dark] .tcv2am-confirm-cancel{border-color:var(--border-divider, #3a3f4f);color:var(--text-label, #6b7280)}[data-theme=dark] .tcv2am-confirm-cancel:hover{background:var(--bg-surface-hover, #2a2f3d);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .tcv2am-dv-card{background:var(--bg-input, #252830);border-color:var(--border-divider, #2d3140)}[data-theme=dark] .tcv2am-dv-card-title{color:var(--color-primary, #667eea);border-bottom-color:rgba(var(--color-primary-rgb, 102, 126, 234),.2)}[data-theme=dark] .tcv2am-dv-fullname,[data-theme=dark] .tcv2am-dv-m1-fullname{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .tcv2am-dv-ntv{background:rgba(var(--color-primary-rgb, 102, 126, 234),.12);color:var(--color-primary, #667eea)}[data-theme=dark] .tcv2am-dv-label,[data-theme=dark] .tcv2am-dv-m1-label{color:var(--text-label, #6b7280)}[data-theme=dark] .tcv2am-dv-value,[data-theme=dark] .tcv2am-dv-m1-value{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .tcv2am-dv-timestamp,[data-theme=dark] .tcv2am-dv-timestamps{color:var(--text-label, #6b7280)}[data-theme=dark] .tcv2am-dv-avatar{border-color:var(--border-divider, #2d3140)}[data-theme=dark] .tcv2am-dv-avatar--empty,[data-theme=dark] .tcv2am-dv-m1-avatar--empty{background:var(--bg-content, #0f1117);border-color:var(--border-input, #3a3f4f);color:var(--text-label, #6b7280)}[data-theme=dark] .tcv2am-dv-cccd-img{border-color:var(--border-divider, #2d3140)}[data-theme=dark] .tcv2am-detail-section-title{color:var(--color-primary, #667eea);border-bottom-color:rgba(var(--color-primary-rgb, 102, 126, 234),.2)}[data-theme=dark] .tcv2am-detail-label{color:var(--text-label, #6b7280)}[data-theme=dark] .tcv2am-detail-value{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .tcv2am-detail-input{background:var(--bg-input, #252830);border-color:var(--border-input, #3a3f4f);color:var(--text-primary, #e2e8f0)}[data-theme=dark] .tcv2am-detail-input:focus{border-color:var(--color-primary, #667eea);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 102, 126, 234),.15)}[data-theme=dark] .tcv2am-detail-img-label{color:var(--text-label, #6b7280)}[data-theme=dark] .tcv2am-detail-img{border-color:var(--border-divider, #2d3140)}[data-theme=dark] .tcv2am-dv-m1-reject-block{border-top-color:#dc35454d}[data-theme=dark] .tcv2am-dv-m1-reject-label{color:var(--text-label, #6b7280)}[data-theme=dark] .tcv2am-dv-btn--reject{background:transparent;color:#f87171;border-color:#f87171}[data-theme=dark] .tcv2am-dv-btn--reject:hover{background:rgba(248,113,113,.15);color:#fca5a5;border-color:#fca5a5}.tcv2am-address-block{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:16px;margin-bottom:16px;transition:all .3s ease}.tcv2am-address-block-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;border-bottom:1px solid #dee2e6;padding-bottom:8px}.tcv2am-address-block-title{font-size:1rem;font-weight:600;color:#2c3e50;display:flex;align-items:center;gap:6px}.tcv2am-address-block-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tcv2am-address-sub-section{display:flex;flex-direction:column;gap:10px;background:#ffffff;padding:12px;border-radius:6px;border:1px solid #e9ecef}.tcv2am-address-sub-title{font-size:.9rem;font-weight:600;color:#495057;margin-bottom:4px;border-left:3px solid #1976d2;padding-left:6px}@media (max-width: 768px){.tcv2am-address-block-grid{grid-template-columns:1fr;gap:12px}}[data-theme=dark] .tcv2am-address-block{background:var(--bg-surface, #1c1f26);border-color:var(--border-input, #3a3f4f)}[data-theme=dark] .tcv2am-address-block-header{border-bottom-color:var(--border-input, #3a3f4f)}[data-theme=dark] .tcv2am-address-block-title{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .tcv2am-address-sub-section{background:var(--bg-content, #0f1117);border-color:var(--border-input, #3a3f4f)}[data-theme=dark] .tcv2am-address-sub-title{color:var(--text-label, #6b7280)}.tcv2am-address-sub-section label{font-size:12px;color:var(--text-label, #6b7280);margin-bottom:4px;display:block}.tcv2am-detail-input{width:100%;padding:8px 12px;border-radius:6px;border:1px solid #ced4da;font-size:13px;background:white;box-sizing:border-box;transition:border-color .3s,box-shadow .3s}.tcv2am-detail-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d240}[data-theme=dark] .tcv2am-detail-input{background:var(--bg-input, rgba(25, 27, 45, .9))!important;color:var(--text-primary, #e2e8f0)!important;border-color:var(--border-input, #3a3f4f)!important}[data-theme=dark] .tcv2am-address-sub-section label{color:var(--text-label, #6b7280)}.tcv2am-address-type-static{font-weight:600;font-size:14px;color:#1976d2}[data-theme=dark] .tcv2am-address-type-static{color:#64b5f6}.tcv2-container{display:flex;flex-direction:column;flex:1;height:100%;background:#f9fafb;overflow:hidden}.tcv2-content{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:0;transition:margin-right .4s cubic-bezier(.4,0,.2,1)}.tcv2-content--detail-open{margin-right:700px}@media (max-width: 768px){.tcv2-content--detail-open{margin-right:0}}.tcv2-table-wrapper{flex:1;overflow:auto;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;background:#fff}.tcv2-table{width:-moz-max-content;width:max-content;border-collapse:separate;border-spacing:0;font-size:13px;table-layout:fixed}.tcv2-empty-cell{text-align:center;padding:40px;color:#9ca3af;font-style:italic}.tcv2-loading{display:flex;align-items:center;justify-content:center;padding:60px 0}.tcv2-empty-mobile{text-align:center;color:#9ca3af;padding:40px 16px;font-size:14px}.tcv2-mobile-list{display:none;flex-direction:column;gap:8px;overflow-y:auto}.tcv2-pagination-wrapper{flex-shrink:0;border-top:1px solid #e5e7eb;background:#fff}.tcv2-fullscreen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;cursor:zoom-out}.tcv2-fullscreen-img{max-width:95vw;max-height:95vh;-o-object-fit:contain;object-fit:contain;border-radius:4px}@media (max-width: 768px){.tcv2-table-wrapper{display:none}.tcv2-mobile-list{display:flex}}[data-theme=dark] .tcv2-container{background:var(--bg-content, #0f1117)}[data-theme=dark] .tcv2-table-wrapper{background:var(--bg-surface, #1c1f26);border-color:var(--border-divider, #2d3140)}[data-theme=dark] .tcv2-pagination-wrapper{background:var(--bg-surface, #1c1f26);border-top-color:var(--border-divider, #2d3140)}[data-theme=dark] .tcv2-empty-cell,[data-theme=dark] .tcv2-empty-mobile{color:var(--text-label, #6b7280)}.wcp-page{padding:8px 12px;background-color:var(--bg-primary, #f8fafc);color:var(--text-primary, #0f172a);height:calc(100vh - 64px);box-sizing:border-box;display:flex;flex-direction:column;gap:8px;font-family:Inter,sans-serif;transition:background-color .3s ease,color .3s ease;overflow-y:auto}.wcp-header{display:flex;padding:4px 10px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:8px;flex-shrink:0}.wcp-title{display:flex;align-items:center;padding:4px;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0}.wcp-subtitle{font-size:.875rem;color:var(--text-secondary, #64748b);margin:.25rem 0 0}.wcp-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.wcp-filter-group{display:flex;align-items:center;gap:.5rem}.wcp-label{font-size:.875rem;font-weight:500;color:var(--text-secondary, #64748b)}.wcp-select,.wcp-input-month{padding:.5rem .75rem;border-radius:.375rem;border:1px solid var(--border-color, #e2e8f0);background-color:var(--bg-secondary, #ffffff);color:var(--text-primary, #0f172a);font-size:.875rem;font-weight:500;outline:none;min-width:150px;transition:border-color .2s ease}.wcp-select:focus,.wcp-input-month:focus{border-color:#6f5fbe}.wcp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.wcp-btn-primary{background-color:#6f5fbe;color:#fff}.wcp-btn-primary:hover:not(:disabled){background-color:#5c4ea6}.wcp-btn-secondary{background-color:var(--bg-secondary, #ffffff);color:var(--text-primary, #0f172a);border:1px solid var(--border-color, #e2e8f0)}.wcp-btn-secondary:hover:not(:disabled){background-color:var(--bg-hover, #f1f5f9)}.wcp-btn:disabled{opacity:.6;cursor:not-allowed}.wcp-quick-config{background-color:var(--bg-secondary, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:.5rem;padding:1rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 1px 3px #0000000d;flex-shrink:0}.wcp-quick-config-title{font-size:.875rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0}.wcp-quick-config-row{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.wcp-quick-days{display:flex;gap:.25rem;flex-wrap:wrap}.wcp-quick-day-btn{padding:.375rem .75rem;border-radius:.25rem;border:1px solid var(--border-color, #e2e8f0);background-color:var(--bg-secondary, #ffffff);color:var(--text-primary, #0f172a);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.wcp-quick-day-btn--active{background-color:#6f5fbe;color:#fff;border-color:#6f5fbe}.wcp-workspace{background-color:var(--bg-secondary, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:.5rem;box-shadow:0 4px 6px -1px #0000000d;flex:1;min-height:300px;overflow-y:auto;display:flex;flex-direction:column;position:relative}.wcp-calendar-grid--header{position:sticky;top:0;z-index:10;background-color:var(--bg-secondary, #ffffff)}.wcp-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);width:100%}.wcp-grid-header{padding:.75rem .5rem;text-align:center;font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-secondary, #64748b);border-bottom:1px solid var(--border-color, #e2e8f0);background-color:var(--bg-hover, #f8fafc)}.wcp-grid-header:not(:last-child){border-right:1px solid var(--border-color, #e2e8f0)}.wcp-day-cell{min-height:110px;padding:.5rem;border-bottom:1px solid var(--border-color, #e2e8f0);background-color:var(--bg-secondary, #ffffff);display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:background-color .2s ease}.wcp-day-cell:not(:nth-child(7n)){border-right:1px solid var(--border-color, #e2e8f0)}.wcp-day-cell--empty{background-color:var(--bg-hover, #f8fafc);opacity:.4;cursor:not-allowed}.wcp-day-cell--today{background-color:#6f5fbe0d}.wcp-day-header{display:flex;justify-content:space-between;align-items:center;width:100%}.wcp-day-number{font-size:.875rem;font-weight:700;color:var(--text-primary, #0f172a)}.wcp-day-cell--today .wcp-day-number{color:#6f5fbe;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background-color:#6f5fbe26;border-radius:50%}.wcp-day-content{margin-top:.5rem;display:flex;flex-direction:column;gap:.375rem}.wcp-day-selects{display:flex;flex-direction:column;gap:.25rem}.wcp-mini-select{width:100%;font-size:.75rem;padding:.25rem .375rem;border-radius:.25rem;border:1px solid var(--border-color, #e2e8f0);background-color:var(--bg-secondary, #ffffff);color:var(--text-primary, #0f172a);outline:none;cursor:pointer;transition:border-color .15s ease}.wcp-mini-select:focus{border-color:#6f5fbe}.wcp-mini-select--holiday{border-color:#fca5a5;background-color:#fee2e2;color:#991b1b;font-weight:600}.wcp-mini-select--weekend{border-color:#fde047;background-color:#fef9c3;color:#854d0e;font-weight:600}.wcp-reg-btn{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .5rem;font-size:.7rem;font-weight:700;border-radius:.25rem;background-color:#6f5fbe1a;color:#6f5fbe;border:1px dashed rgba(111,95,190,.4);cursor:pointer;transition:all .2s ease;margin-top:.25rem}.wcp-reg-badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;background-color:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.4);width:-moz-fit-content;width:fit-content;margin-top:0;cursor:pointer;transition:all .2s ease}.wcp-reg-badge:hover{background-color:#10b98133;transform:translateY(-1px)}.wcp-reg-btn:hover{background-color:#6f5fbe;color:#fff;border-color:#6f5fbe}.wcp-reg-btn--has-count{background-color:#10b9811a;color:#059669;border-color:#10b98166}.wcp-reg-btn--has-count:hover{background-color:#10b981;color:#fff;border-color:#10b981}.wcp-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.wcp-modal{background-color:var(--bg-secondary, #ffffff);border-radius:.5rem;width:90%;max-width:550px;max-height:85vh;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;animation:wcp-modal-in .2s ease-out}@keyframes wcp-modal-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.wcp-modal-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color, #e2e8f0);display:flex;justify-content:space-between;align-items:center}.wcp-modal-title{font-size:1.125rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0}.wcp-modal-close{background:none;border:none;color:var(--text-secondary, #64748b);cursor:pointer}.wcp-modal-close:hover{color:var(--text-primary, #0f172a)}.wcp-modal-body{padding:1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.wcp-modal-search{padding:.5rem .75rem;border-radius:.375rem;border:1px solid var(--border-color, #e2e8f0);background-color:var(--bg-secondary, #ffffff);color:var(--text-primary, #0f172a);outline:none;font-size:.875rem}.wcp-modal-search:focus{border-color:#6f5fbe}.wcp-staff-list{border:1px solid var(--border-color, #e2e8f0);border-radius:.375rem;max-height:300px;overflow-y:auto}.wcp-staff-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;cursor:pointer;transition:background-color .15s ease}.wcp-staff-item:not(:last-child){border-bottom:1px solid var(--border-color, #e2e8f0)}.wcp-staff-item:hover{background-color:var(--bg-hover, #f8fafc)}.wcp-staff-checkbox{width:1rem;height:1rem;border-radius:.25rem;border:1px solid var(--border-color, #e2e8f0);outline:none;cursor:pointer;accent-color:#6f5fbe}.wcp-staff-details{display:flex;flex-direction:column}.wcp-staff-name{font-size:.875rem;font-weight:600;color:var(--text-primary, #0f172a)}.wcp-staff-code{font-size:.75rem;color:var(--text-secondary, #64748b)}.wcp-modal-footer{padding:1rem 1.25rem;border-top:1px solid var(--border-color, #e2e8f0);display:flex;justify-content:flex-end;gap:.75rem}.wcp-loading{padding:3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.wcp-spinner{width:2.5rem;height:2.5rem;border:4px solid rgba(111,95,190,.1);border-left-color:#6f5fbe;border-radius:50%;animation:wcp-spin 1s linear infinite}@keyframes wcp-spin{to{transform:rotate(360deg)}}.wcp-empty{padding:4rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;color:var(--text-secondary, #64748b)}.wcp-empty-icon{margin-bottom:1rem;opacity:.5}.wcp-empty-text{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary, #0f172a)}[data-theme=dark] .wcp-page{--bg-primary: #0f172a;--text-primary: #f8fafc;--text-secondary: #94a3b8;--bg-secondary: #1e293b;--border-color: #334155;--bg-hover: #1e293b}[data-theme=dark] .wcp-grid-header{background-color:#1e293b;border-color:#334155}[data-theme=dark] .wcp-day-cell{background-color:#0f172a;border-color:#334155}[data-theme=dark] .wcp-day-cell--empty{background-color:#1e293b}[data-theme=dark] .wcp-day-cell--today{background-color:#6f5fbe1a}[data-theme=dark] .wcp-mini-select--holiday{border-color:#7f1d1d;background-color:#450a0a;color:#fca5a5}[data-theme=dark] .wcp-mini-select--weekend{border-color:#713f12;background-color:#422006;color:#fef08a}.wcp-no-permission{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:calc(100vh - 120px);background:var(--bg-primary, #f8fafc);color:var(--text-primary, #0f172a);text-align:center;padding:24px}.wcp-no-permission-card{background:var(--bg-secondary, #ffffff);border:1px solid var(--border-color, #e2e8f0);padding:40px;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;max-width:480px;width:100%;display:flex;flex-direction:column;align-items:center}.wcp-no-permission h2{font-size:22px;font-weight:700;margin-top:16px;margin-bottom:12px;color:#ef4444}.wcp-no-permission p{font-size:14.5px;color:var(--text-secondary, #64748b);line-height:1.6}.wcp-no-permission-icon{color:#ef4444;margin-bottom:8px}.chwom-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:999}.chwom-modal{background-color:var(--bg-secondary, #ffffff);border-radius:.75rem;border:1px solid var(--border-color, #e2e8f0);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;overflow:hidden;max-width:100%;width:calc(100% - 2rem);height:calc(100% - 2rem);animation:chwom-modal-in .2s ease-out;transition:background-color .3s ease,border-color .3s ease}@keyframes chwom-modal-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.chwom-modal-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color, #e2e8f0);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.chwom-modal-title{font-size:1.125rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0}.chwom-modal-header-title-auto{margin-left:auto;margin-right:1.25rem;font-size:.85rem;font-weight:600;color:#6f5fbe;background-color:#6f5fbe14;padding:.35rem .75rem;border-radius:.375rem;border:1px solid rgba(111,95,190,.15);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:450px}.chwom-modal-close{background:none;border:none;color:var(--text-secondary, #64748b);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:.25rem;transition:all .15s ease}.chwom-modal-close:hover{background-color:var(--bg-hover, #f1f5f9);color:var(--text-primary, #0f172a)}.chwom-modal-body--two-columns{display:grid;grid-template-columns:3fr 7fr;gap:.75rem;overflow:hidden;padding:.75rem;flex:1}.chwom-modal-col{display:flex;flex-direction:column;overflow:hidden;min-width:0;height:100%}.chwom-modal-col--left{border-right:1px solid var(--border-color, #e2e8f0);padding-right:.75rem}.chwom-col-section-title{font-size:.9rem;font-weight:700;color:#6f5fbe;margin:0 0 .75rem}.chwom-col-section-title--flex{display:flex;justify-content:space-between;align-items:center}.chwom-form-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.chwom-form-row-2-1{display:grid;grid-template-columns:2fr 1fr;gap:.75rem}.chwom-form-row-1-1{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.chwom-form-row-1-1-1{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem}@media (max-width: 600px){.chwom-form-row-2-1,.chwom-form-row-1-1,.chwom-form-row-1-1-1{grid-template-columns:1fr}}.chwom-form-item{display:flex;flex-direction:column;gap:.25rem}.chwom-form-label{font-size:.8rem;font-weight:600;color:var(--text-secondary, #64748b)}.chwom-input,.chwom-select{padding:.5rem .75rem;border-radius:.375rem;border:1px solid var(--border-color, #e2e8f0);background-color:var(--bg-secondary, #ffffff);color:var(--text-primary, #0f172a);font-size:.875rem;outline:none;transition:all .2s ease;width:100%}.chwom-input:focus,.chwom-select:focus{border-color:#6f5fbe;box-shadow:0 0 0 2px #6f5fbe26}.chwom-textarea{padding:.5rem .75rem;border-radius:.375rem;border:1px solid var(--border-color, #e2e8f0);background-color:var(--bg-secondary, #ffffff);color:var(--text-primary, #0f172a);font-size:.875rem;outline:none;resize:vertical;transition:border-color .2s ease;width:100%}.chwom-textarea:focus{border-color:#6f5fbe}.chwom-candidate-section{border:1px solid var(--border-color, #e2e8f0);border-radius:.5rem;margin-top:.75rem;display:flex;flex-direction:column;overflow:hidden;flex:1}.chwom-form-item--note{margin-top:.75rem}.chwom-candidate-header{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background-color:var(--bg-primary, #f8fafc);border-bottom:1px solid var(--border-color, #e2e8f0)}.chwom-candidate-header strong{font-size:.85rem;color:var(--text-primary, #0f172a)}.chwom-candidate-search-wrapper{position:relative;width:100%}.chwom-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary, #64748b);pointer-events:none}.chwom-search-input{padding:.5rem .75rem .5rem 2.25rem;border-radius:.375rem;border:1px solid var(--border-color, #e2e8f0);background-color:var(--bg-primary, #f8fafc);color:var(--text-primary, #0f172a);font-size:.875rem;outline:none;transition:all .2s ease;width:100%}.chwom-search-input:focus{background-color:var(--bg-secondary, #ffffff);border-color:#6f5fbe}.chwom-candidate-actions{display:flex;gap:.5rem;padding:.5rem .75rem;background-color:var(--bg-primary, #f8fafc);border-bottom:1px solid var(--border-color, #e2e8f0)}.chwom-mini-btn{padding:.25rem .5rem;font-size:.725rem;font-weight:600;border-radius:.25rem;border:1px solid var(--border-color, #e2e8f0);background-color:var(--bg-secondary, #ffffff);cursor:pointer;color:var(--text-primary, #0f172a);transition:all .15s ease}.chwom-mini-btn:hover{background-color:var(--bg-hover, #f1f5f9)}.chwom-candidate-table-container{border:1px solid var(--border-color, #e2e8f0);border-radius:.375rem;flex:1;overflow-y:auto;overflow-x:auto;background-color:var(--bg-secondary, #ffffff)}.chwom-candidate-table{width:100%;border-collapse:collapse;font-size:.8rem}.chwom-candidate-table th{position:sticky;top:0;background-color:var(--bg-primary, #f8fafc);padding:.5rem .75rem;font-weight:600;color:var(--text-secondary, #64748b);border-bottom:1px solid var(--border-color, #e2e8f0);text-align:left;z-index:10;white-space:nowrap}.chwom-candidate-table td{padding:.5rem .75rem;border-bottom:1px solid var(--border-color, #e2e8f0);color:var(--text-primary, #0f172a);white-space:nowrap}.chwom-candidate-table tr:hover td{background-color:var(--bg-hover, rgba(111, 95, 190, .02))}.chwom-candidate-table tr.selected td{background-color:#6f5fbe0d}.chwom-candidate-empty{text-align:center;padding:2.5rem 1rem;color:var(--text-secondary, #64748b);font-style:italic;white-space:normal!important}.chwom-candidate-prompt{padding:3rem 1rem;text-align:center;color:var(--text-secondary, #64748b);font-size:.8rem;display:flex;align-items:center;justify-content:center;flex:1}.chwom-prompt-icon{margin-right:6px;flex-shrink:0}.chwom-quick-add-box{background-color:var(--bg-primary, #f8fafc);border:1px dashed #6f5fbe;border-radius:.5rem;padding:.75rem 1rem;margin-bottom:1rem}.chwom-quick-add-desc{font-size:.75rem;color:var(--text-secondary, #64748b);margin:0 0 .5rem;line-height:1.4}.chwom-quick-add-input-row{display:flex;gap:.5rem;align-items:flex-start}.chwom-quick-add-input{flex:1;padding:.5rem;font-size:.8rem;border:1px solid var(--border-color, #e2e8f0);border-radius:.375rem;background-color:var(--bg-secondary, #ffffff);color:var(--text-primary, #0f172a);outline:none;font-family:monospace}.chwom-quick-add-input:focus{border-color:#6f5fbe}.chwom-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.chwom-btn-primary{background-color:#6f5fbe;color:#fff}.chwom-btn-primary:hover:not(:disabled){background-color:#5c4ea6;transform:translateY(-1px)}.chwom-btn-secondary{background-color:var(--bg-secondary, #ffffff);color:var(--text-primary, #0f172a);border:1px solid var(--border-color, #e2e8f0)}.chwom-btn-secondary:hover:not(:disabled){background-color:var(--bg-hover, #f1f5f9)}.chwom-btn:disabled{opacity:.6;cursor:not-allowed}.chwom-quick-add-error-box{margin-top:.5rem;padding:.375rem .5rem;background-color:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:.25rem;color:#ef4444;font-size:.75rem;display:flex;align-items:center;gap:.375rem}.chwom-error-icon{flex-shrink:0}.chwom-selected-section{flex:1;display:flex;flex-direction:column;overflow:hidden}.chwom-selected-count-badge{background-color:#6f5fbe;color:#fff;font-size:.75rem;padding:.125rem .5rem;border-radius:9999px;font-weight:600}.chwom-selected-table-container{border:1px solid var(--border-color, #e2e8f0);border-radius:.375rem;flex:1;overflow-y:auto;overflow-x:auto;background-color:var(--bg-secondary, #ffffff)}.chwom-selected-table{width:100%;border-collapse:collapse;font-size:.8rem}.chwom-selected-table th{position:sticky;top:0;background-color:var(--bg-primary, #f8fafc);padding:.5rem .75rem;font-weight:600;color:var(--text-secondary, #64748b);border-bottom:1px solid var(--border-color, #e2e8f0);text-align:left;z-index:10;white-space:nowrap}.chwom-selected-table td{padding:.5rem .75rem;border-bottom:1px solid var(--border-color, #e2e8f0);color:var(--text-primary, #0f172a);white-space:nowrap}.chwom-selected-table tr:hover td{background-color:var(--bg-hover, rgba(111, 95, 190, .02))}.chwom-td-bold{font-weight:600}.chwom-selected-empty{text-align:center;padding:2.5rem 1rem;color:var(--text-secondary, #64748b);font-style:italic;white-space:normal!important}.chwom-remove-selected-btn{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;background:none;color:#ef4444;cursor:pointer;border-radius:.25rem;transition:background-color .15s ease}.chwom-remove-selected-btn:hover{background-color:#ef444414}.chwom-modal-footer{padding:1rem 1.25rem;border-top:1px solid var(--border-color, #e2e8f0);display:flex;justify-content:flex-end;gap:.75rem;flex-shrink:0}body.dark .chwom-modal,[data-theme=dark] .chwom-modal{border-color:#334155;background-color:#1e293b}body.dark .chwom-modal-header,[data-theme=dark] .chwom-modal-header{border-bottom-color:#334155}body.dark .chwom-modal-title,[data-theme=dark] .chwom-modal-title{color:#f1f5f9}body.dark .chwom-modal-header-title-auto,[data-theme=dark] .chwom-modal-header-title-auto{color:#a78bfa;background-color:#a78bfa1a;border-color:#a78bfa33}body.dark .chwom-modal-close:hover,[data-theme=dark] .chwom-modal-close:hover{background-color:#334155;color:#f1f5f9}body.dark .chwom-modal-col--left,[data-theme=dark] .chwom-modal-col--left{border-right-color:#334155}body.dark .chwom-input,[data-theme=dark] .chwom-input,body.dark .chwom-select,[data-theme=dark] .chwom-select,body.dark .chwom-textarea,[data-theme=dark] .chwom-textarea{background-color:#1e293b;border-color:#334155;color:#f1f5f9}body.dark .chwom-input:focus,[data-theme=dark] .chwom-input:focus,body.dark .chwom-select:focus,[data-theme=dark] .chwom-select:focus,body.dark .chwom-textarea:focus,[data-theme=dark] .chwom-textarea:focus{border-color:#6f5fbe}body.dark .chwom-candidate-section,[data-theme=dark] .chwom-candidate-section{border-color:#334155}body.dark .chwom-candidate-header,[data-theme=dark] .chwom-candidate-header,body.dark .chwom-candidate-actions,[data-theme=dark] .chwom-candidate-actions{background-color:#0f172a;border-bottom-color:#334155}body.dark .chwom-candidate-header strong,[data-theme=dark] .chwom-candidate-header strong{color:#f1f5f9}body.dark .chwom-search-input,[data-theme=dark] .chwom-search-input{background-color:#1e293b;border-color:#334155;color:#f1f5f9}body.dark .chwom-search-input:focus,[data-theme=dark] .chwom-search-input:focus{background-color:#0f172a}body.dark .chwom-mini-btn,[data-theme=dark] .chwom-mini-btn{background-color:#1e293b;border-color:#334155;color:#f1f5f9}body.dark .chwom-mini-btn:hover,[data-theme=dark] .chwom-mini-btn:hover{background-color:#334155}body.dark .chwom-candidate-table-container,[data-theme=dark] .chwom-candidate-table-container{background-color:#1e293b;border-color:#334155}body.dark .chwom-candidate-table th,[data-theme=dark] .chwom-candidate-table th{background-color:#0f172a;color:#94a3b8;border-bottom-color:#334155}body.dark .chwom-candidate-table td,[data-theme=dark] .chwom-candidate-table td{border-bottom-color:#334155;color:#e2e8f0}body.dark .chwom-candidate-table tr:hover td,[data-theme=dark] .chwom-candidate-table tr:hover td{background-color:#6f5fbe14}body.dark .chwom-candidate-table tr.selected td,[data-theme=dark] .chwom-candidate-table tr.selected td{background-color:#6f5fbe1a}body.dark .chwom-quick-add-box,[data-theme=dark] .chwom-quick-add-box{background-color:#0f172a;border-color:#6f5fbe}body.dark .chwom-quick-add-input,[data-theme=dark] .chwom-quick-add-input{background-color:#1e293b;border-color:#334155;color:#f1f5f9}body.dark .chwom-quick-add-error-box,[data-theme=dark] .chwom-quick-add-error-box{background-color:#ef444426;border-color:#ef44444d}body.dark .chwom-selected-table-container,[data-theme=dark] .chwom-selected-table-container{background-color:#1e293b;border-color:#334155}body.dark .chwom-selected-table th,[data-theme=dark] .chwom-selected-table th{background-color:#0f172a;color:#94a3b8;border-bottom-color:#334155}body.dark .chwom-selected-table td,[data-theme=dark] .chwom-selected-table td{border-bottom-color:#334155;color:#e2e8f0}body.dark .chwom-selected-table tr:hover td,[data-theme=dark] .chwom-selected-table tr:hover td{background-color:#6f5fbe14}body.dark .chwom-remove-selected-btn:hover,[data-theme=dark] .chwom-remove-selected-btn:hover{background-color:#ef444426}body.dark .chwom-btn-secondary,[data-theme=dark] .chwom-btn-secondary{background-color:#1e293b;color:#f1f5f9;border-color:#334155}body.dark .chwom-btn-secondary:hover:not(:disabled),[data-theme=dark] .chwom-btn-secondary:hover:not(:disabled){background-color:#334155}body.dark .chwom-modal-footer,[data-theme=dark] .chwom-modal-footer{border-top-color:#334155}.chwom-table-col-checkbox{width:40px;text-align:center}.chwom-table-checkbox,.chwom-table-row-clickable{cursor:pointer}.chwom-table-cell-center{text-align:center}@media (max-width: 768px){.chwom-modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:9999!important}.chwom-modal{width:100%!important;height:100%!important;max-width:100%!important;border-radius:0!important;border:none!important}.chwom-modal-header{padding:10px 12px;align-items:flex-start}.chwom-modal-header-left{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.chwom-modal-title{font-size:1rem;line-height:1.3}.chwom-modal-header-title-auto{margin-left:0;margin-right:0;max-width:100%;font-size:.75rem;padding:3px 6px;align-self:flex-start}.chwom-modal-body--two-columns{display:flex;flex-direction:column;overflow-y:auto;padding:10px;height:auto;max-height:calc(100vh - 110px);gap:12px}.chwom-modal-col{height:auto!important;overflow:visible!important}.chwom-modal-col--left{border-right:none;padding-right:0}.chwom-form-row-1-1-1{grid-template-columns:1fr;gap:8px}.chwom-candidate-section{margin-top:10px;min-height:250px}.chwom-candidate-header{flex-direction:column;align-items:stretch;gap:8px}.chwom-candidate-search-wrapper{width:100%}.chwom-mobile-candidate-list{display:flex;flex-direction:column;gap:8px;padding:4px;overflow-y:auto;max-height:300px;border:1px solid var(--border-color, #e2e8f0);border-radius:6px}.chwom-m-candidate-card{display:flex;gap:10px;padding:10px;border-radius:6px;border:1px solid var(--border-color, #e2e8f0);background-color:var(--bg-secondary, #ffffff);cursor:pointer;transition:all .2s ease}.chwom-m-candidate-card.selected{background-color:#6f5fbe0d;border-color:#6f5fbe}.chwom-m-candidate-checkbox-wrapper{display:flex;align-items:center;justify-content:center}.chwom-m-candidate-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.chwom-m-candidate-name{font-size:.85rem;font-weight:600;color:var(--text-primary, #0f172a)}.chwom-m-candidate-meta-row{font-size:.75rem;color:var(--text-secondary, #64748b);display:flex;align-items:center;gap:6px}.chwom-m-candidate-divider{color:var(--border-color, #cbd5e1)}.chwom-m-candidate-badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.chwom-m-candidate-badge{font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:4px;border:1px solid;white-space:nowrap}.chwom-m-candidate-badge-dept{background-color:#6f5fbe14;color:#6f5fbe;border-color:#6f5fbe26}.chwom-m-candidate-badge-contract{background-color:#3b82f614;color:#2563eb;border-color:#3b82f626}.chwom-m-candidate-badge-vendor{background-color:#f59e0b14;color:#d97706;border-color:#f59e0b26}.chwom-quick-add-box{padding:10px;margin-bottom:10px}.chwom-quick-add-input-row{flex-direction:row;align-items:center;gap:8px}.chwom-quick-add-input{flex:1;height:38px}.chwom-quick-add-input-row .chwom-btn{height:38px;padding:0 12px;flex-shrink:0;white-space:nowrap}.chwom-mobile-selected-list{display:flex;flex-direction:column;gap:8px;padding:4px;overflow-y:auto;max-height:300px;border:1px solid var(--border-color, #e2e8f0);border-radius:6px}.chwom-m-selected-card{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px;border-radius:6px;border:1px solid var(--border-color, #e2e8f0);background-color:var(--bg-secondary, #ffffff)}.chwom-m-selected-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.chwom-m-selected-name-row{display:flex;align-items:center;gap:6px}.chwom-m-selected-idx{font-size:.7rem;font-weight:700;color:#6f5fbe;background-color:#6f5fbe14;padding:2px 5px;border-radius:4px}.chwom-m-selected-name{font-size:.85rem;font-weight:600;color:var(--text-primary, #0f172a)}.chwom-m-selected-meta-row{font-size:.75rem;color:var(--text-secondary, #64748b);display:flex;align-items:center;gap:6px}.chwom-m-selected-divider{color:var(--border-color, #cbd5e1)}.chwom-m-selected-badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.chwom-m-selected-badge{font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:4px;background-color:#10b98114;color:#059669;border:1px solid rgba(16,185,129,.15);white-space:nowrap}.chwom-m-selected-delete-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:6px;border:1px solid rgba(239,68,68,.15);background-color:#ef44440f;color:#ef4444;cursor:pointer;transition:all .2s ease;flex-shrink:0}.chwom-m-selected-delete-btn:active{background-color:#ef4444;color:#fff}.chwom-modal-footer{padding:10px 12px}body.dark .chwom-mobile-candidate-list,[data-theme=dark] .chwom-mobile-candidate-list,body.dark .chwom-mobile-selected-list,[data-theme=dark] .chwom-mobile-selected-list{border-color:#334155}body.dark .chwom-m-candidate-card,[data-theme=dark] .chwom-m-candidate-card,body.dark .chwom-m-selected-card,[data-theme=dark] .chwom-m-selected-card{background-color:#1e293b;border-color:#334155}body.dark .chwom-m-candidate-card.selected,[data-theme=dark] .chwom-m-candidate-card.selected{background-color:#a78bfa14;border-color:#a78bfa}body.dark .chwom-m-candidate-name,[data-theme=dark] .chwom-m-candidate-name,body.dark .chwom-m-selected-name,[data-theme=dark] .chwom-m-selected-name{color:#f1f5f9}body.dark .chwom-m-candidate-badge-dept,[data-theme=dark] .chwom-m-candidate-badge-dept{background-color:#a78bfa1a;color:#a78bfa;border-color:#a78bfa33}body.dark .chwom-m-candidate-badge-contract,[data-theme=dark] .chwom-m-candidate-badge-contract{background-color:#3b82f61a;color:#60a5fa;border-color:#3b82f633}body.dark .chwom-m-candidate-badge-vendor,[data-theme=dark] .chwom-m-candidate-badge-vendor{background-color:#f59e0b1a;color:#fbbf24;border-color:#f59e0b33}body.dark .chwom-m-selected-idx,[data-theme=dark] .chwom-m-selected-idx{color:#a78bfa;background-color:#a78bfa1a}body.dark .chwom-m-selected-delete-btn,[data-theme=dark] .chwom-m-selected-delete-btn{background-color:#ef44441a;border-color:#ef444433;color:#f87171}body.dark .chwom-m-selected-delete-btn:active,[data-theme=dark] .chwom-m-selected-delete-btn:active{background-color:#ef4444;color:#fff}}.hwr-sam-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:hwr-sam-fadeIn .25s ease-out}.hwr-sam-container{width:90%;max-width:680px;max-height:85vh;background-color:var(--bg-surface, #ffffff);color:var(--text-primary, #1e293b);border-radius:16px;box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000000d;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-divider, #e2e8f0);animation:hwr-sam-scaleIn .3s cubic-bezier(.34,1.56,.64,1)}.dark-mode .hwr-sam-container,[data-theme=dark] .hwr-sam-container,body.dark .hwr-sam-container{background-color:#1e293b;color:#f8fafc;border-color:#334155;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.hwr-sam-header{padding:20px 24px;border-bottom:1px solid var(--border-divider, #e2e8f0);display:flex;justify-content:space-between;align-items:center}.dark-mode .hwr-sam-header,[data-theme=dark] .hwr-sam-header,body.dark .hwr-sam-header{border-color:#334155}.hwr-sam-header h2{font-size:1.2rem;font-weight:700;margin:0;color:#6f5fbe}.hwr-sam-close{background:none;border:none;font-size:1.75rem;font-weight:300;cursor:pointer;color:#94a3b8;transition:color .15s ease,transform .15s ease;line-height:1}.hwr-sam-close:hover{color:#ef4444;transform:scale(1.1)}.hwr-sam-body{padding:24px;overflow-y:auto;flex:1}.hwr-sam-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.hwr-sam-spinner{width:36px;height:36px;border:3.5px solid rgba(111,95,190,.1);border-left-color:#6f5fbe;border-radius:50%;animation:hwr-sam-spin 1s linear infinite;margin-bottom:16px}@keyframes hwr-sam-spin{to{transform:rotate(360deg)}}.hwr-sam-error{background-color:#fef2f2;border:1px solid #fee2e2;color:#ef4444;padding:12px 16px;border-radius:8px;font-size:.875rem;margin-bottom:20px;font-weight:500}.dark-mode .hwr-sam-error,[data-theme=dark] .hwr-sam-error,body.dark .hwr-sam-error{background-color:#ef44441a;border-color:#ef444433;color:#fca5a5}.hwr-sam-section{margin-bottom:24px;background-color:#f8faff66;padding:16px;border-radius:12px;border:1px solid var(--border-divider, #e2e8f0)}.dark-mode .hwr-sam-section,[data-theme=dark] .hwr-sam-section,body.dark .hwr-sam-section{background-color:#1e293b4d;border-color:#334155}.hwr-sam-section:last-child{margin-bottom:0}.hwr-sam-section h3{font-size:.95rem;font-weight:600;margin:0 0 4px;color:var(--text-primary, #1e293b)}.dark-mode .hwr-sam-section h3,[data-theme=dark] .hwr-sam-section h3,body.dark .hwr-sam-section h3{color:#f1f5f9}.hwr-sam-section-desc{font-size:.78rem;color:#64748b;margin:0 0 12px;line-height:1.4}.dark-mode .hwr-sam-section-desc,[data-theme=dark] .hwr-sam-section-desc,body.dark .hwr-sam-section-desc{color:#94a3b8}.hwr-sam-select-wrap{position:relative;width:100%}.hwr-sam-select{width:100%;padding:10px 40px 10px 16px;font-size:.875rem;font-family:inherit;background-color:var(--bg-input, #ffffff);border:1px solid var(--border-input, #cbd5e1);border-radius:8px;color:var(--text-primary, #1e293b);cursor:pointer;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right 14px center;background-size:14px;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}.dark-mode .hwr-sam-select,[data-theme=dark] .hwr-sam-select,body.dark .hwr-sam-select{background-color:#1e293b;border-color:#475569;color:#f8fafc;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}.hwr-sam-select:focus{border-color:#6f5fbe;box-shadow:0 0 0 3px #6f5fbe1f}.hwr-sam-select:disabled{background-color:#f1f5f9;color:#94a3b8;cursor:not-allowed;border-color:#e2e8f0}.dark-mode .hwr-sam-select:disabled,[data-theme=dark] .hwr-sam-select:disabled,body.dark .hwr-sam-select:disabled{background-color:#334155;color:#64748b;border-color:#475569}.hwr-sam-chips-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;padding:10px 12px;background-color:#f1f5f980;border:1px dashed var(--border-divider, #cbd5e1);border-radius:8px}.dark-mode .hwr-sam-chips-list,[data-theme=dark] .hwr-sam-chips-list,body.dark .hwr-sam-chips-list{background-color:#3341554d;border-color:#475569}.hwr-sam-chip{display:flex;align-items:center;gap:8px;padding:5px 12px;background-color:#6f5fbe14;border:1px solid rgba(111,95,190,.18);border-radius:20px;color:#6f5fbe;font-size:.825rem;font-weight:500;animation:hwr-sam-fadeIn .2s ease-out}.dark-mode .hwr-sam-chip,[data-theme=dark] .hwr-sam-chip,body.dark .hwr-sam-chip{background-color:#a78bfa1f;border-color:#a78bfa38;color:#a78bfa}.hwr-sam-chip-remove{background:none;border:none;color:#94a3b8;font-size:1.15rem;line-height:1;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .15s ease,transform .1s ease}.hwr-sam-chip-remove:hover{color:#ef4444;transform:scale(1.15)}.hwr-sam-rows-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.hwr-sam-row-card{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background-color:var(--bg-surface, #ffffff);border:1px solid var(--border-divider, #cbd5e1);border-radius:8px;box-shadow:0 1px 2px #00000005;animation:hwr-sam-slideInDown .2s ease-out}.dark-mode .hwr-sam-row-card,[data-theme=dark] .hwr-sam-row-card,body.dark .hwr-sam-row-card{background-color:#1e293b;border-color:#475569}.hwr-sam-row-info{display:flex;align-items:center;gap:8px}.hwr-sam-row-name{font-size:.85rem;font-weight:600;color:var(--text-primary, #1e293b)}.dark-mode .hwr-sam-row-name,[data-theme=dark] .hwr-sam-row-name,body.dark .hwr-sam-row-name{color:#f1f5f9}.hwr-sam-row-username{font-size:.75rem;color:#64748b;font-weight:400}.dark-mode .hwr-sam-row-username,[data-theme=dark] .hwr-sam-row-username,body.dark .hwr-sam-row-username{color:#94a3b8}.hwr-sam-row-actions{display:flex;align-items:center;gap:16px}.hwr-sam-checkbox-label{display:flex;align-items:center;gap:6px;font-size:.78rem;color:#475569;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:500}.dark-mode .hwr-sam-checkbox-label,[data-theme=dark] .hwr-sam-checkbox-label,body.dark .hwr-sam-checkbox-label{color:#cbd5e1}.hwr-sam-checkbox{width:14px;height:14px;cursor:pointer;accent-color:#6f5fbe;border-radius:4px;border:1px solid #cbd5e1}.hwr-sam-row-remove{background:none;border:none;color:#94a3b8;font-size:1.3rem;line-height:1;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .15s ease,transform .1s ease}.hwr-sam-row-remove:hover{color:#ef4444;transform:scale(1.15)}.hwr-sam-footer{padding:16px 24px;border-top:1px solid var(--border-divider, #e2e8f0);display:flex;justify-content:flex-end;gap:12px}.dark-mode .hwr-sam-footer,[data-theme=dark] .hwr-sam-footer,body.dark .hwr-sam-footer{border-color:#334155}.hwr-sam-btn-cancel{padding:9px 18px;border:1px solid var(--border-input, #cbd5e1);background-color:transparent;color:#64748b;font-weight:600;font-size:.85rem;border-radius:8px;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}.dark-mode .hwr-sam-btn-cancel,[data-theme=dark] .hwr-sam-btn-cancel,body.dark .hwr-sam-btn-cancel{border-color:#475569;color:#cbd5e1}.hwr-sam-btn-cancel:hover{background-color:#f1f5f9;color:#1e293b;border-color:#94a3b8}.dark-mode .hwr-sam-btn-cancel:hover,[data-theme=dark] .hwr-sam-btn-cancel:hover,body.dark .hwr-sam-btn-cancel:hover{background-color:#334155;color:#f8fafc;border-color:#64748b}.hwr-sam-btn-submit{padding:9px 20px;border:none;background-color:#6f5fbe;color:#fff;font-weight:600;font-size:.85rem;border-radius:8px;cursor:pointer;box-shadow:0 4px 6px -1px #6f5fbe33;transition:background-color .15s,transform .1s,box-shadow .15s}.hwr-sam-btn-submit:hover{background-color:#5d4fa3;box-shadow:0 4px 8px -1px #6f5fbe4d}.hwr-sam-btn-submit:active{transform:scale(.98)}.hwr-sam-btn-submit:disabled,.hwr-sam-btn-cancel:disabled{opacity:.6;cursor:not-allowed}@keyframes hwr-sam-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes hwr-sam-scaleIn{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@keyframes hwr-sam-slideInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.hwrp-page{position:relative;padding:8px;background-color:var(--bg-primary, #f8fafc);color:var(--text-primary, #0f172a);height:calc(100vh - 64px);box-sizing:border-box;display:flex;flex-direction:column;font-family:Inter,sans-serif;transition:background-color .3s ease,color .3s ease;overflow:hidden}.hwrp-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem;flex-shrink:0}.hwrp-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0}.hwrp-subtitle{font-size:.875rem;color:var(--text-secondary, #64748b);margin:.25rem 0 0}.hwrp-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color, #e2e8f0);padding-bottom:1px}.hwrp-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;color:var(--text-secondary, #64748b);border:none;background:none;cursor:pointer;position:relative;transition:all .2s ease;border-radius:.375rem .375rem 0 0}.hwrp-tab:hover{color:var(--text-primary, #0f172a);background-color:var(--bg-hover, rgba(0, 0, 0, .02))}.hwrp-tab--active{color:#6f5fbe;background-color:var(--bg-secondary, #ffffff)}.hwrp-tab--active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:#6f5fbe}.hwrp-filters-card{background-color:var(--bg-secondary, #ffffff);border-radius:.5rem;border:1px solid var(--border-color, #e2e8f0);padding:8px;box-shadow:0 1px 3px #0000000d;transition:background-color .3s ease,border-color .3s ease;flex-shrink:0}.hwrp-workspace{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;position:relative}.hwrp-filters-row{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap;width:100%}.hwrp-filter-item{display:flex;flex-direction:column;gap:.375rem;flex:1;min-width:140px}.hwrp-filter-search{flex:1.5;min-width:200px}.hwrp-filter-actions{flex:0 0 auto;min-width:auto}.hwrp-filter-label{font-size:.75rem;font-weight:600;color:var(--text-secondary, #64748b);text-transform:uppercase;letter-spacing:.05em}.hwrp-input,.hwrp-select{padding:.5rem .75rem;border-radius:.375rem;border:1px solid var(--border-color, #e2e8f0);background-color:var(--bg-secondary, #ffffff);color:var(--text-primary, #0f172a);font-size:.875rem;outline:none;transition:all .2s ease;width:100%}.hwrp-input:focus,.hwrp-select:focus{border-color:#6f5fbe;box-shadow:0 0 0 2px #6f5fbe26}.hwrp-search-wrapper{position:relative;width:100%}.hwrp-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary, #64748b);pointer-events:none}.hwrp-search-input{padding:.5rem .75rem .5rem 2.25rem;border-radius:.375rem;border:1px solid var(--border-color, #e2e8f0);background-color:var(--bg-primary, #f8fafc);color:var(--text-primary, #0f172a);font-size:.875rem;outline:none;transition:all .2s ease;width:100%}.hwrp-search-input:focus{background-color:var(--bg-secondary, #ffffff);border-color:#6f5fbe}.hwrp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.hwrp-btn-primary{background-color:#6f5fbe;color:#fff}.hwrp-btn-primary:hover:not(:disabled){background-color:#5c4ea6;transform:translateY(-1px)}.hwrp-btn-secondary{background-color:var(--bg-secondary, #ffffff);color:var(--text-primary, #0f172a);border:1px solid var(--border-color, #e2e8f0)}.hwrp-btn-secondary:hover:not(:disabled){background-color:var(--bg-hover, #f1f5f9)}.hwrp-btn:disabled{opacity:.6;cursor:not-allowed}.hwrp-table-container{flex:1;min-height:0;background-color:var(--bg-secondary, #ffffff);border-radius:.5rem;border:1px solid var(--border-color, #e2e8f0);box-shadow:0 1px 3px #0000000d;overflow:auto;-webkit-overflow-scrolling:touch;transition:background-color .3s ease,border-color .3s ease}.hwrp-table{width:100%;min-width:1200px;border-collapse:separate;border-spacing:0;text-align:left;font-size:.875rem}.hwrp-table th{position:sticky;top:0;z-index:20;background-color:var(--bg-primary, #f8fafc);height:44px;padding:0 1rem;box-sizing:border-box;vertical-align:middle;font-weight:600;color:var(--text-secondary, #64748b);border-bottom:1px solid var(--border-color, #e2e8f0);white-space:nowrap}.hwrp-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color, #e2e8f0);color:var(--text-primary, #0f172a);white-space:nowrap}.hwrp-table tbody tr:last-child td{border-bottom:none}.hwrp-table tbody tr:hover td{background-color:var(--bg-hover, rgba(111, 95, 190, .03))}.hwrp-td-bold{font-weight:600;color:var(--text-primary, #0f172a)}.hwrp-td-center{text-align:center}.hwrp-td-muted{color:var(--text-secondary, #64748b)}.hwrp-table-empty{text-align:center;padding:3rem 1rem;color:var(--text-secondary, #64748b);font-style:italic}.hwrp-date-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;background-color:#6f5fbe14;color:#6f5fbe;border-radius:.25rem;font-weight:600;font-size:.8rem}.hwrp-count-badge{display:inline-block;padding:.25rem .5rem;background-color:#10b98114;color:#059669;border-radius:.25rem;font-weight:600}.hwrp-td-actions{display:flex;gap:.375rem;justify-content:center}.hwrp-action-btn{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:.25rem;border:1px solid var(--border-color, #e2e8f0);background-color:var(--bg-secondary, #ffffff);cursor:pointer;transition:all .15s ease}.hwrp-action-btn-view{color:#6f5fbe}.hwrp-action-btn-view:hover{background-color:#6f5fbe;color:#fff;border-color:#6f5fbe}.hwrp-action-btn-delete{color:#ef4444}.hwrp-action-btn-delete:hover{background-color:#ef4444;color:#fff;border-color:#ef4444}.hwrp-grouped-container{display:flex;flex-direction:column;gap:1rem}.hwrp-grouped-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap}.hwrp-grouped-label{font-size:.875rem;font-weight:600;color:var(--text-secondary, #64748b)}.hwrp-grouped-selects{display:flex;background-color:var(--bg-secondary, #ffffff);padding:.25rem;border-radius:.375rem;border:1px solid var(--border-color, #e2e8f0)}.hwrp-group-toggle-btn{padding:.375rem .75rem;font-size:.8rem;font-weight:600;color:var(--text-secondary, #64748b);background:none;border:none;border-radius:.25rem;cursor:pointer;transition:all .2s ease}.hwrp-group-toggle-btn:hover{color:var(--text-primary, #0f172a)}.hwrp-group-toggle-btn.active{background-color:#6f5fbe1a;color:#6f5fbe}.hwrp-groups-list{display:flex;flex-direction:column;gap:.75rem}.hwrp-group-card{background-color:var(--bg-secondary, #ffffff);border-radius:.5rem;border:1px solid var(--border-color, #e2e8f0);overflow:hidden;box-shadow:0 1px 2px #00000005;transition:all .2s ease}.hwrp-group-title-bar{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;cursor:pointer;background-color:var(--bg-secondary, #ffffff);-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--text-primary, #0f172a)}.hwrp-group-title-bar:hover{background-color:var(--bg-hover, #f8fafc)}.hwrp-group-name{font-weight:600;font-size:.95rem}.hwrp-group-badge{display:inline-block;padding:.125rem .5rem;border-radius:9999px;background-color:#6f5fbe14;color:#6f5fbe;font-size:.75rem;font-weight:600}.hwrp-group-content{border-top:1px solid var(--border-color, #e2e8f0);overflow-x:auto;background-color:var(--bg-secondary, #ffffff)}.hwrp-group-table{width:100%;border-collapse:collapse;font-size:.85rem}.hwrp-group-table th{background-color:var(--bg-primary, #f8fafc);padding:.5rem 1rem;font-weight:600;color:var(--text-secondary, #64748b);border-bottom:1px solid var(--border-color, #e2e8f0);text-align:left}.hwrp-group-table td{padding:.5rem 1rem;border-bottom:1px solid var(--border-color, #e2e8f0);color:var(--text-primary, #0f172a)}.hwrp-group-table tr:hover td{background-color:var(--bg-hover, rgba(111, 95, 190, .02))}.hwrp-empty-grouped{text-align:center;padding:3rem 1rem;background-color:var(--bg-secondary, #ffffff);border-radius:.5rem;border:1px solid var(--border-color, #e2e8f0);color:var(--text-secondary, #64748b);font-style:italic}.hwrp-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem}.hwrp-modal{background-color:var(--bg-secondary, #ffffff);border-radius:.5rem;width:100%;max-width:750px;max-height:90vh;box-shadow:0 20px 25px -5px #00000026;display:flex;flex-direction:column;animation:hwrp-modal-in .2s ease-out;border:1px solid var(--border-color, #e2e8f0)}.hwrp-modal--large{max-width:1200px;height:80vh}@keyframes hwrp-modal-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.hwrp-modal-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color, #e2e8f0);display:flex;justify-content:space-between;align-items:center}.hwrp-modal-title{font-size:1.125rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0}.hwrp-modal-close{background:none;border:none;color:var(--text-secondary, #64748b);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:.25rem;transition:all .15s ease}.hwrp-modal-close:hover{background-color:var(--bg-hover, #f1f5f9);color:var(--text-primary, #0f172a)}.hwrp-modal-body{padding:1.25rem;overflow:hidden;flex:1;display:flex;flex-direction:column}.hwrp-modal-footer{padding:1rem 1.25rem;border-top:1px solid var(--border-color, #e2e8f0);display:flex;justify-content:flex-end;gap:.75rem}.hwrp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1rem}.hwrp-form-item{display:flex;flex-direction:column;gap:.25rem}.hwrp-form-label{font-size:.8rem;font-weight:600;color:var(--text-secondary, #64748b)}.hwrp-textarea{padding:.5rem .75rem;border-radius:.375rem;border:1px solid var(--border-color, #e2e8f0);background-color:var(--bg-secondary, #ffffff);color:var(--text-primary, #0f172a);font-size:.875rem;outline:none;resize:vertical;transition:border-color .2s ease}.hwrp-textarea:focus{border-color:#6f5fbe}.hwrp-order-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem;background-color:var(--bg-primary, #f8fafc);padding:.75rem 1rem;border-radius:.375rem;font-size:.85rem;margin-bottom:1rem;border:1px solid var(--border-color, #e2e8f0)}.hwrp-order-note-block{background-color:var(--bg-primary, #f8fafc);padding:.5rem 1rem;border-radius:.375rem;font-size:.85rem;margin-bottom:1rem;border-left:3px solid #6f5fbe}.hwrp-detail-staff-list{border:1px solid var(--border-color, #e2e8f0);border-radius:.375rem;flex:1;min-height:0;overflow-y:auto;margin-top:.5rem;background-color:var(--bg-secondary, #ffffff)}.hwrp-detail-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.875rem}.hwrp-detail-table th{background-color:var(--bg-primary, #f8fafc);padding:.75rem 1rem;font-weight:600;color:var(--text-secondary, #64748b);border-bottom:1px solid var(--border-color, #e2e8f0);text-align:left;position:sticky;top:0;z-index:10;white-space:nowrap}.hwrp-detail-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color, #e2e8f0);color:var(--text-primary, #0f172a)}.hwrp-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;color:var(--text-secondary, #64748b);gap:1rem}.hwrp-spinner{width:2.25rem;height:2.25rem;border:3px solid rgba(111,95,190,.15);border-radius:50%;border-top-color:#6f5fbe;animation:hwrp-spin .8s linear infinite}@keyframes hwrp-spin{to{transform:rotate(360deg)}}body.dark .hwrp-page,[data-theme=dark] .hwrp-page{background-color:#0f172a;color:#f1f5f9}body.dark .hwrp-filters-card,[data-theme=dark] .hwrp-filters-card,body.dark .hwrp-table-container,[data-theme=dark] .hwrp-table-container,body.dark .hwrp-group-card,[data-theme=dark] .hwrp-group-card,body.dark .hwrp-modal,[data-theme=dark] .hwrp-modal,body.dark .hwrp-grouped-selects,[data-theme=dark] .hwrp-grouped-selects,body.dark .hwrp-group-content,[data-theme=dark] .hwrp-group-content,body.dark .hwrp-detail-staff-list,[data-theme=dark] .hwrp-detail-staff-list{background-color:#1e293b;border-color:#334155}body.dark .hwrp-tab:hover,[data-theme=dark] .hwrp-tab:hover{color:#f1f5f9;background-color:#1e293b}body.dark .hwrp-tab--active,[data-theme=dark] .hwrp-tab--active{background-color:#1e293b;color:#a78bfa}body.dark .hwrp-tab--active:after,[data-theme=dark] .hwrp-tab--active:after{background-color:#a78bfa}body.dark .hwrp-title,[data-theme=dark] .hwrp-title,body.dark .hwrp-modal-title,[data-theme=dark] .hwrp-modal-title,body.dark .hwrp-td-bold,[data-theme=dark] .hwrp-td-bold{color:#f1f5f9}body.dark .hwrp-modal-header,[data-theme=dark] .hwrp-modal-header,body.dark .hwrp-modal-footer,[data-theme=dark] .hwrp-modal-footer{border-color:#334155}body.dark .hwrp-btn-secondary,[data-theme=dark] .hwrp-btn-secondary,body.dark .hwrp-action-btn,[data-theme=dark] .hwrp-action-btn{background-color:#1e293b;color:#f1f5f9;border-color:#334155}body.dark .hwrp-btn-secondary:hover:not(:disabled),[data-theme=dark] .hwrp-btn-secondary:hover:not(:disabled),body.dark .hwrp-action-btn:hover,[data-theme=dark] .hwrp-action-btn:hover{background-color:#334155;color:#fff}body.dark .hwrp-group-toggle-btn,[data-theme=dark] .hwrp-group-toggle-btn{color:#94a3b8}body.dark .hwrp-group-toggle-btn:hover,[data-theme=dark] .hwrp-group-toggle-btn:hover{color:#f1f5f9}body.dark .hwrp-group-toggle-btn.active,[data-theme=dark] .hwrp-group-toggle-btn.active{background-color:#6f5fbe33;color:#a78bfa}body.dark .hwrp-table th,[data-theme=dark] .hwrp-table th,body.dark .hwrp-group-table th,[data-theme=dark] .hwrp-group-table th,body.dark .hwrp-detail-table th,[data-theme=dark] .hwrp-detail-table th{background-color:#0f172a;color:#94a3b8;border-bottom-color:#334155}body.dark .hwrp-table td,[data-theme=dark] .hwrp-table td,body.dark .hwrp-group-table td,[data-theme=dark] .hwrp-group-table td,body.dark .hwrp-detail-table td,[data-theme=dark] .hwrp-detail-table td{border-bottom-color:#334155;color:#cbd5e1}body.dark .hwrp-table tbody tr:hover td,[data-theme=dark] .hwrp-table tbody tr:hover td{background-color:#6f5fbe14}body.dark .hwrp-input,[data-theme=dark] .hwrp-input,body.dark .hwrp-select,[data-theme=dark] .hwrp-select,body.dark .hwrp-textarea,[data-theme=dark] .hwrp-textarea,body.dark .hwrp-search-input,[data-theme=dark] .hwrp-search-input{background-color:#1e293b;border-color:#334155;color:#f1f5f9}body.dark .hwrp-search-input:focus,[data-theme=dark] .hwrp-search-input:focus{background-color:#0f172a}body.dark .hwrp-group-title-bar,[data-theme=dark] .hwrp-group-title-bar{background-color:#1e293b}body.dark .hwrp-group-title-bar:hover,[data-theme=dark] .hwrp-group-title-bar:hover{background-color:#334155}body.dark .hwrp-order-info-grid,[data-theme=dark] .hwrp-order-info-grid,body.dark .hwrp-order-note-block,[data-theme=dark] .hwrp-order-note-block,body.dark .hwrp-candidate-header,[data-theme=dark] .hwrp-candidate-header,body.dark .hwrp-candidate-actions,[data-theme=dark] .hwrp-candidate-actions{background-color:#1e293b;border-color:#334155}body.dark .hwrp-candidate-item,[data-theme=dark] .hwrp-candidate-item{border-color:#334155;background-color:#1e293b}body.dark .hwrp-candidate-item:hover,[data-theme=dark] .hwrp-candidate-item:hover{border-color:#6f5fbe;background-color:#6f5fbe0d}body.dark .hwrp-candidate-item.selected,[data-theme=dark] .hwrp-candidate-item.selected{background-color:#6f5fbe1a;border-color:#6f5fbe}.hwrp-detail-section-title{margin:1rem 0 .5rem;display:flex;align-items:center;gap:.5rem;font-size:.95rem}.hwrp-detail-loading-state{padding:2rem 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}.hwrp-detail-empty-cell{text-align:center;color:var(--text-secondary, #64748b)}.hwrp-table-col-stt{width:60px;text-align:center}.hwrp-table-cell-center{text-align:center}.hwrp-no-permission{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 64px);background-color:var(--bg-primary, #f8fafc);padding:2rem}.hwrp-no-permission-card{background-color:var(--bg-secondary, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:3rem 2rem;text-align:center;max-width:500px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.hwrp-no-permission-card h2{color:#ef4444;font-size:1.5rem;margin-top:0;margin-bottom:1rem}.hwrp-no-permission-card p{color:var(--text-secondary, #64748b);font-size:.95rem;line-height:1.5;margin:0}[data-theme=dark] .hwrp-no-permission{background-color:#0f172a}[data-theme=dark] .hwrp-no-permission-card{background-color:#1e293b;border-color:#334155}[data-theme=dark] .hwrp-no-permission-card p{color:#94a3b8}.hwrp-status-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:none;white-space:nowrap}.hwrp-status--draft{background-color:var(--bg-hover, #f1f5f9);color:var(--text-secondary, #64748b);border:1px solid var(--border-color, #e2e8f0)}.hwrp-status--pending{background-color:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}.hwrp-status--approved-lv1{background-color:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.2)}.hwrp-status--approved-lv2{background-color:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.hwrp-status--completed{background-color:#4f46e51a;color:#4f46e5;border:1px solid rgba(79,70,229,.2)}.hwrp-status--rejected{background-color:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.hwrp-group-header-content{display:flex;align-items:center;gap:.5rem;width:100%}.hwrp-group-toggle-icon{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;color:var(--text-secondary, #64748b);transition:transform .2s ease}.hwrp-group-toggle-icon.expanded{transform:rotate(90deg)}.hwrp-group-title{font-weight:600;color:var(--text-primary, #0f172a);font-size:.875rem}.hwrp-group-count{font-size:.75rem;color:var(--text-secondary, #64748b)}.hwrp-group-year-row{background-color:#e2e8f0!important;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hwrp-group-year-cell{position:sticky;top:44px;z-index:18;height:40px;box-sizing:border-box;vertical-align:middle;padding:0 1rem!important;text-align:left!important;border-bottom:2px solid #cbd5e1!important;background-color:#e2e8f0!important}.hwrp-group-month-row{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hwrp-group-month-cell{position:sticky;top:84px;z-index:16;height:38px;box-sizing:border-box;vertical-align:middle;padding:0 1rem 0 2rem!important;text-align:left!important;border-bottom:1px solid #e2e8f0!important;background-color:#f1f5f9!important}.hwrp-group-day-row{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hwrp-group-day-cell{position:sticky;top:122px;z-index:14;height:38px;box-sizing:border-box;vertical-align:middle;padding:0 1rem 0 3rem!important;text-align:left!important;border-bottom:1px solid #f1f5f9!important;background-color:#f8fafc!important}.hwrp-group-workshop-row{background-color:#fff!important;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hwrp-group-workshop-cell{padding:.5rem 1rem .5rem 4rem!important;text-align:left!important;border-bottom:1px solid #f1f5f9!important}.hwrp-group-dept-row{background-color:#fff!important;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hwrp-group-dept-cell{padding:.5rem 1rem .5rem 5rem!important;text-align:left!important;border-bottom:1px solid #f1f5f9!important}.hwrp-child-row{background-color:#fff}.hwrp-child-row--depth td:first-child{padding-left:6.25rem!important;text-align:left;position:relative}.hwrp-child-row--depth td:first-child:before{content:"";position:absolute;left:5.25rem;top:0;bottom:50%;width:.5rem;border-left:2px solid #cbd5e1;border-bottom:2px solid #cbd5e1}.hwrp-child-row--day-depth td:first-child{padding-left:4.25rem!important;text-align:left;position:relative}.hwrp-child-row--day-depth td:first-child:before{content:"";position:absolute;left:3.25rem;top:0;bottom:50%;width:.5rem;border-left:2px solid #cbd5e1;border-bottom:2px solid #cbd5e1}body.dark .hwrp-group-year-cell,[data-theme=dark] .hwrp-group-year-cell{background-color:#1e293b!important;border-bottom-color:#334155!important}body.dark .hwrp-group-month-cell,[data-theme=dark] .hwrp-group-month-cell{background-color:#151c2c!important;border-bottom-color:#334155!important}body.dark .hwrp-group-day-cell,[data-theme=dark] .hwrp-group-day-cell{background-color:#0f1422!important;border-bottom-color:#1e293b!important}body.dark .hwrp-group-workshop-row,[data-theme=dark] .hwrp-group-workshop-row,body.dark .hwrp-group-dept-row,[data-theme=dark] .hwrp-group-dept-row{background-color:#0b0f19!important}body.dark .hwrp-group-workshop-cell,[data-theme=dark] .hwrp-group-workshop-cell,body.dark .hwrp-group-dept-cell,[data-theme=dark] .hwrp-group-dept-cell{border-bottom-color:#1e293b!important}body.dark .hwrp-group-title,[data-theme=dark] .hwrp-group-title{color:#cbd5e1}body.dark .hwrp-group-count,[data-theme=dark] .hwrp-group-count{color:#64748b}body.dark .hwrp-child-row,[data-theme=dark] .hwrp-child-row{background-color:#0f172a}body.dark .hwrp-child-row--depth td:first-child:before,[data-theme=dark] .hwrp-child-row--depth td:first-child:before,body.dark .hwrp-child-row--day-depth td:first-child:before,[data-theme=dark] .hwrp-child-row--day-depth td:first-child:before{border-color:#475569}@media (max-width: 768px){.hwrp-page{height:auto;min-height:calc(100vh - 64px);overflow-y:auto;padding:12px 8px}.hwrp-header{flex-direction:column;align-items:stretch;margin-bottom:1rem;gap:.75rem}.hwrp-title{font-size:1.25rem}.hwrp-btn-primary{width:100%;padding:.625rem}.hwrp-filters-card{padding:12px;margin-bottom:1rem}.hwrp-filters-row{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:8px;width:100%}.hwrp-filter-item{min-width:unset!important;flex:unset!important;width:100%}.hwrp-filter-search{order:1;width:calc(100% - 120px)!important;flex:0 0 calc(100% - 120px)!important}.hwrp-filters-row>.hwrp-filter-item:nth-child(2){order:3;width:calc(50% - 4px)!important;flex:0 0 calc(50% - 4px)!important}.hwrp-filters-row>.hwrp-filter-item:nth-child(3){order:4;width:calc(50% - 4px)!important;flex:0 0 calc(50% - 4px)!important}.hwrp-filters-row>.hwrp-filter-item:nth-child(4){order:5;width:calc(50% - 4px)!important;flex:0 0 calc(50% - 4px)!important}.hwrp-filters-row>.hwrp-filter-item:nth-child(5){order:6;width:calc(50% - 4px)!important;flex:0 0 calc(50% - 4px)!important}.hwrp-filter-actions{order:2;width:112px!important;flex:0 0 112px!important}.hwrp-filter-actions .hwrp-btn{height:38px;padding:0 8px;white-space:nowrap;box-sizing:border-box;width:100%;font-size:.8rem}.hwrp-workspace{flex:unset;height:auto;overflow:visible}.hwrp-mobile-groups-list{display:flex;flex-direction:column;gap:8px;padding-bottom:2rem}.hwrp-mobile-empty{text-align:center;padding:2.5rem 1rem;background-color:var(--bg-secondary, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;color:var(--text-secondary, #64748b);font-style:italic;font-size:.875rem}.hwrp-mgroup{display:flex;flex-direction:column;width:100%}.hwrp-mgroup-header{display:flex;align-items:center;padding:10px 12px;font-size:.85rem;font-weight:600;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:6px;margin-bottom:4px;transition:background-color .2s ease,transform .1s ease;border:1px solid var(--border-color, #e2e8f0)}.hwrp-mgroup-header:active{transform:scale(.99)}.hwrp-mgroup-toggle-icon{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;color:var(--text-secondary, #64748b);transition:transform .2s ease;margin-right:6px}.hwrp-mgroup-toggle-icon.expanded{transform:rotate(90deg)}.hwrp-mgroup-title{flex:1;color:var(--text-primary, #0f172a)}.hwrp-mgroup-count{font-size:.75rem;color:var(--text-secondary, #64748b);margin-left:6px}.hwrp-mgroup-header-year{background-color:#cbd5e1;color:#1e293b;border-color:#cbd5e1}.hwrp-mgroup-header-month{background-color:#e2e8f0;color:#334155;border-color:#e2e8f0;margin-left:8px}.hwrp-mgroup-header-day{background-color:#f1f5f9;color:#475569;border-color:#f1f5f9;margin-left:16px}.hwrp-mgroup-header-workshop{background-color:#f8fafc;color:#64748b;border-color:#e2e8f0;margin-left:24px}.hwrp-mgroup-header-dept{background-color:#fff;color:#0f172a;border-color:#e2e8f0;margin-left:32px}.hwrp-mgroup-content{display:flex;flex-direction:column;gap:4px}.hwrp-mgroup-cards{display:flex;flex-direction:column;gap:8px;padding-left:12px;margin-left:32px;border-left:2px solid rgba(111,95,190,.15);margin-top:4px;margin-bottom:8px}.hwrp-mgroup-day>.hwrp-mgroup-content>.hwrp-mgroup-cards{margin-left:16px}.hwrp-mobile-order-card{background-color:var(--bg-secondary, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:12px;box-shadow:0 1px 3px #00000005;display:flex;flex-direction:column;gap:8px;transition:all .2s ease}.hwrp-mcard-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;border-bottom:1px solid var(--border-color, #f1f5f9);padding-bottom:6px}.hwrp-mcard-title{font-size:.9rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0;line-height:1.3;flex:1}.hwrp-mcard-status{flex-shrink:0}.hwrp-mcard-body{display:flex;flex-direction:column;gap:6px;font-size:.8rem}.hwrp-mcard-info-row{display:flex;justify-content:space-between;align-items:center}.hwrp-mcard-info-item{display:inline-flex;align-items:center;gap:4px;color:#6f5fbe;font-weight:600}.hwrp-mcard-icon{color:#6f5fbe}.hwrp-mcard-staff-count{flex-shrink:0}.hwrp-mcard-count-badge{display:inline-block;padding:.125rem .375rem;background-color:#10b98114;color:#059669;border-radius:.25rem;font-weight:600;font-size:.75rem}.hwrp-mcard-path{background-color:var(--bg-primary, #f8fafc);padding:6px 8px;border-radius:4px;border:1px solid var(--border-color, #e2e8f0);color:var(--text-primary, #334155);line-height:1.4}.hwrp-mcard-path-label{font-weight:600;color:var(--text-secondary, #64748b)}.hwrp-mcard-path-divider{margin:0 6px;color:var(--border-color, #cbd5e1)}.hwrp-mcard-note{font-style:italic;color:var(--text-secondary, #64748b);font-size:.775rem;background-color:#6f5fbe08;padding:6px 10px;border-left:3px solid #6f5fbe;border-radius:0 4px 4px 0;line-height:1.3}.hwrp-mcard-note-label{font-weight:600;font-style:normal;color:var(--text-primary, #334155)}.hwrp-mcard-note-text{word-break:break-word}.hwrp-mcard-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px;font-size:.725rem;color:var(--text-secondary, #64748b);margin-top:2px;border-top:1px dashed var(--border-color, #f1f5f9);padding-top:4px}.hwrp-mcard-meta-label{font-weight:500}.hwrp-mcard-actions{display:flex;gap:8px;margin-top:2px;border-top:1px solid var(--border-color, #f1f5f9);padding-top:8px}.hwrp-mcard-action-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;border-radius:6px;font-size:.775rem;font-weight:600;border:1px solid var(--border-color, #e2e8f0);cursor:pointer;background-color:var(--bg-secondary, #ffffff);transition:all .2s ease}.hwrp-mcard-action-btn-view{background-color:#6f5fbe0f;color:#6f5fbe;border-color:#6f5fbe1f}.hwrp-mcard-action-btn-view:active{background-color:#6f5fbe;color:#fff}.hwrp-mcard-action-btn-delete{background-color:#ef44440f;color:#ef4444;border-color:#ef44441f}.hwrp-mcard-action-btn-delete:active{background-color:#ef4444;color:#fff}body.dark .hwrp-mobile-empty,[data-theme=dark] .hwrp-mobile-empty{background-color:#1e293b;border-color:#334155;color:#94a3b8}body.dark .hwrp-mgroup-header,[data-theme=dark] .hwrp-mgroup-header{border-color:#334155}body.dark .hwrp-mgroup-header-year,[data-theme=dark] .hwrp-mgroup-header-year{background-color:#1e293b;color:#cbd5e1;border-color:#334155}body.dark .hwrp-mgroup-header-month,[data-theme=dark] .hwrp-mgroup-header-month{background-color:#151c2c;color:#cbd5e1;border-color:#1e293b}body.dark .hwrp-mgroup-header-day,[data-theme=dark] .hwrp-mgroup-header-day{background-color:#0f1422;color:#cbd5e1;border-color:#1e293b}body.dark .hwrp-mgroup-header-workshop,[data-theme=dark] .hwrp-mgroup-header-workshop{background-color:#0b0f19;color:#94a3b8;border-color:#1e293b}body.dark .hwrp-mgroup-header-dept,[data-theme=dark] .hwrp-mgroup-header-dept{background-color:#070a12;color:#cbd5e1;border-color:#1e293b}body.dark .hwrp-mgroup-cards,[data-theme=dark] .hwrp-mgroup-cards{border-left-color:#a78bfa33}body.dark .hwrp-mobile-order-card,[data-theme=dark] .hwrp-mobile-order-card{background-color:#1e293b;border-color:#334155}body.dark .hwrp-mcard-header,[data-theme=dark] .hwrp-mcard-header{border-bottom-color:#334155}body.dark .hwrp-mcard-title,[data-theme=dark] .hwrp-mcard-title{color:#f1f5f9}body.dark .hwrp-mcard-path,[data-theme=dark] .hwrp-mcard-path{background-color:#0f172a;border-color:#334155;color:#cbd5e1}body.dark .hwrp-mcard-path-divider,[data-theme=dark] .hwrp-mcard-path-divider{color:#334155}body.dark .hwrp-mcard-note,[data-theme=dark] .hwrp-mcard-note{background-color:#a78bfa0a;border-left-color:#a78bfa}body.dark .hwrp-mcard-meta,[data-theme=dark] .hwrp-mcard-meta,body.dark .hwrp-mcard-actions,[data-theme=dark] .hwrp-mcard-actions{border-top-color:#334155}body.dark .hwrp-mcard-action-btn,[data-theme=dark] .hwrp-mcard-action-btn{background-color:#1e293b;border-color:#334155;color:#cbd5e1}body.dark .hwrp-mcard-action-btn-view,[data-theme=dark] .hwrp-mcard-action-btn-view{background-color:#a78bfa1a;color:#a78bfa;border-color:#a78bfa33}body.dark .hwrp-mcard-action-btn-view:active,[data-theme=dark] .hwrp-mcard-action-btn-view:active{background-color:#a78bfa;color:#1e293b}body.dark .hwrp-mcard-action-btn-delete,[data-theme=dark] .hwrp-mcard-action-btn-delete{background-color:#ef44441a;color:#f87171;border-color:#ef444433}body.dark .hwrp-mcard-action-btn-delete:active,[data-theme=dark] .hwrp-mcard-action-btn-delete:active{background-color:#ef4444;color:#fff}}.isa-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:#0f172a66;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.isa-modal-card{background-color:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;width:calc(100% - 32px);height:calc(100% - 32px);max-width:none;max-height:none;display:flex;flex-direction:column;box-shadow:0 4px 6px -1px #0000000d;animation:modalFadeIn .2s ease-out;margin:16px}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.isa-modal-header{padding:16px 24px;border-bottom:1px solid var(--border-color, #e2e8f0);display:flex;justify-content:space-between;align-items:center}.isa-modal-header-title{font-size:1.15rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0}.isa-modal-close-btn{background:transparent;border:none;cursor:pointer;color:var(--text-secondary, #64748b);display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:all .2s}.isa-modal-close-btn:hover{background-color:var(--bg-primary, #f1f5f9);color:#ef4444}.isa-modal-body{padding:24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:20px}.isa-modal-footer{padding:16px 24px;border-top:1px solid var(--border-color, #e2e8f0);display:flex;justify-content:flex-end;gap:12px}.isa-modal-error-alert{padding:12px;background-color:#fee2e2;color:#ef4444;border:1px solid #fca5a5;border-radius:6px;font-weight:600;font-size:.9rem}.isa-modal-emp-info-grid{display:grid;grid-template-columns:1fr 1fr 2fr;gap:20px;border-bottom:1px solid var(--border-color, #e2e8f0);padding-bottom:16px}.isa-modal-emp-info-label{font-size:.8rem;color:var(--text-secondary, #64748b);display:block;margin-bottom:4px}.isa-modal-emp-info-value{font-weight:700;font-size:1.05rem;color:var(--text-primary, #0f172a)}.isa-modal-emp-info-full{grid-column:auto}.isa-compare-section{display:flex;flex-direction:column;flex:1;min-height:0}.isa-compare-section-title{font-weight:700;color:var(--text-primary, #0f172a);margin:0 0 12px;font-size:1rem}.isa-compare-groups-container{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:20px;padding-right:4px}.isa-compare-group-card{background-color:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px}.isa-compare-group-title{font-size:.95rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0;padding-bottom:8px;border-bottom:2px solid var(--bg-primary, #f1f5f9)}.isa-compare-table-container{border:1px solid var(--border-color, #e2e8f0);border-radius:8px}.isa-compare-table{width:100%;border-collapse:collapse;font-size:.9rem;table-layout:fixed}.isa-compare-table th{padding:12px;background-color:var(--bg-primary, #f8fafc);color:var(--text-secondary, #475569);font-weight:700;border-bottom:2px solid var(--border-color, #e2e8f0);position:sticky;top:0;z-index:10;text-align:left}.isa-compare-table th:nth-child(1){width:20%}.isa-compare-table th:nth-child(2){width:40%}.isa-compare-table th:nth-child(3){width:40%}.isa-compare-table td{padding:12px;border-bottom:1px solid var(--border-color, #e2e8f0);vertical-align:middle;color:var(--text-primary, #0f172a);word-wrap:break-word;overflow-wrap:break-word}.isa-compare-field-label{font-weight:600;color:var(--text-primary, #1e293b)}.isa-val-old{color:#ef4444;text-decoration:line-through;font-weight:500}.isa-val-new{color:#16a34a;font-weight:700;background-color:#dcfce7;padding:4px 8px;border-radius:4px;display:inline-block}.isa-compare-val-new-cell{display:flex;justify-content:space-between;align-items:center;gap:8px;position:relative;width:100%;min-height:28px}.isa-btn-edit-field{opacity:0;transition:opacity .2s ease-in-out;background:transparent;border:none;cursor:pointer;color:var(--text-secondary, #64748b);display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px}.isa-btn-edit-field:hover{background-color:var(--bg-primary, #f1f5f9);color:var(--text-primary, #0f172a)}.isa-compare-table tr:hover .isa-btn-edit-field{opacity:1}.isa-editable-cell-wrapper{display:flex;align-items:center;gap:6px;width:100%}.isa-input-editable{flex:1;padding:4px 8px;border:1px solid var(--border-input, #cbd5e1);border-radius:4px;font-size:.875rem;outline:none;background-color:var(--bg-input, #ffffff);color:var(--text-primary, #0f172a);min-width:0}.isa-input-editable:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f633}.isa-btn-save-field{background-color:#10b981;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:4px;transition:background-color .2s}.isa-btn-save-field:hover{background-color:#059669}.isa-val-unchanged{color:var(--text-secondary, #475569)}.isa-val-empty{color:#94a3b8;font-style:italic}.isa-compare-image-container{border:1px solid var(--border-color, #e2e8f0);padding:4px;border-radius:6px;display:inline-block;cursor:zoom-in;background-color:#f8fafc;transition:transform .2s}.isa-compare-image-container:hover{transform:scale(1.05)}.isa-compare-image-container-new{border-color:#4ade80;background-color:#f0fdf4}.isa-compare-image-thumb{max-width:120px;max-height:80px;-o-object-fit:contain;object-fit:contain;border-radius:4px;display:block}.isa-image-zoom-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172acc;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .15s ease-out}.isa-image-zoom-card{position:relative;background-color:#fff;padding:16px;border-radius:12px;max-width:90vw;max-height:90vh;box-shadow:0 25px 50px -12px #00000040}.isa-image-zoom-close{position:absolute;top:-12px;right:-12px;background:#ef4444;color:#fff;border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #00000026}.isa-image-zoom-large{max-width:80vw;max-height:80vh;-o-object-fit:contain;object-fit:contain;border-radius:8px}.isa-reject-reason-box{padding:16px;background-color:#fee2e2;border:1px solid #fca5a5;border-radius:8px;display:flex;flex-direction:column;gap:12px;margin-top:10px}.isa-reject-reason-label{font-weight:700;font-size:.9rem;color:#991b1b;display:flex;align-items:center;gap:8px}.isa-textarea{width:100%;height:80px;padding:10px;border:1px solid #fca5a5;border-radius:6px;outline:none;font-family:inherit;font-size:.9rem;resize:none;background-color:#fff}.isa-reject-actions{display:flex;gap:12px;justify-content:flex-end}.isa-btn-reject-cancel{border-color:#64748b!important;color:#64748b!important}.isa-btn-reject-cancel:hover{background-color:#64748b!important;color:#fff!important}.isa-btn-reject-confirm{border-color:#ef4444!important;background-color:#ef4444!important;color:#fff!important}.isa-btn-reject-confirm:hover{background-color:#dc2626!important}.isa-btn-footer-cancel{border-color:#64748b;color:#64748b}.isa-btn-footer-cancel:hover{background-color:#64748b;color:#fff}.isa-btn-footer-reject{border-color:#ef4444;color:#ef4444}.isa-btn-footer-reject:hover{background-color:#ef4444;color:#fff}.isa-btn-footer-approve{border-color:#16a34a;background-color:#16a34a;color:#fff}.isa-btn-footer-approve:hover{background-color:#15803d}[data-theme=dark] .isa-modal-card{background-color:#1e2032f7;border:1px solid rgba(255,255,255,.1)}[data-theme=dark] .isa-modal-header,[data-theme=dark] .isa-modal-footer,[data-theme=dark] .isa-modal-emp-info-grid,[data-theme=dark] .isa-compare-table-container{border-color:#ffffff1a}[data-theme=dark] .isa-compare-group-card{background-color:#1e2032f7;border-color:#ffffff1a}[data-theme=dark] .isa-compare-group-title{color:#e5e7eb;border-bottom-color:#ffffff1a}[data-theme=dark] .isa-compare-table th{background-color:#13141f;color:#9ca3af;border-bottom-color:#ffffff1a}[data-theme=dark] .isa-compare-table td{border-bottom-color:#ffffff1a;color:#e5e7eb}[data-theme=dark] .isa-compare-field-label{color:#e5e7eb}[data-theme=dark] .isa-val-new{background-color:#16a34a26;color:#4ade80}[data-theme=dark] .isa-compare-image-container{border-color:#ffffff1a;background-color:#13141f}[data-theme=dark] .isa-compare-image-container-new{border-color:#22c55e66;background-color:#22c55e1a}[data-theme=dark] .isa-image-zoom-card{background-color:#13141f;border:1px solid rgba(255,255,255,.1)}[data-theme=dark] .isa-modal-close-btn:hover{background-color:#ffffff0d}[data-theme=dark] .isa-modal-error-alert{background-color:#ef444426;color:#f87171;border-color:#ef44444d}[data-theme=dark] .isa-reject-reason-box{background-color:#ef44441a;border-color:#ef444440}[data-theme=dark] .isa-reject-reason-label{color:#f87171}[data-theme=dark] .isa-textarea{background-color:#13141f;color:#e5e7eb;border-color:#ffffff1a}[data-theme=dark] .isa-textarea:focus{border-color:#818cf8}[data-theme=dark] .isa-btn-footer-cancel,[data-theme=dark] .isa-btn-reject-cancel{border-color:#9ca3af;color:#9ca3af}[data-theme=dark] .isa-btn-footer-cancel:hover,[data-theme=dark] .isa-btn-reject-cancel:hover{background-color:#9ca3af;color:#13141f}[data-theme=dark] .isa-btn-footer-reject{border-color:#f87171;color:#f87171}[data-theme=dark] .isa-btn-footer-reject:hover{background-color:#f87171;color:#13141f}[data-theme=dark] .isa-btn-footer-approve{border-color:#4ade80;background-color:#4ade80;color:#13141f;font-weight:700}[data-theme=dark] .isa-btn-footer-approve:hover{background-color:#22c55e}[data-theme=dark] .isa-btn-edit-field:hover{background-color:#ffffff0d;color:#e5e7eb}[data-theme=dark] .isa-input-editable{background-color:#13141f;border-color:#ffffff1a;color:#e5e7eb}[data-theme=dark] .isa-input-editable:focus{border-color:#818cf8}.isa-address-edit-form{display:flex;flex-direction:column;gap:8px;background-color:var(--bg-primary, #f8fafc);padding:8px;border-radius:6px;border:1px solid var(--border-color, #e2e8f0);margin-top:4px}.isa-address-edit-row{display:flex;gap:8px}.isa-address-edit-select{flex:1;padding:6px;border:1px solid var(--border-color, #cbd5e1);border-radius:4px;font-size:.85rem;background-color:var(--bg-card, #ffffff);color:var(--text-primary, #0f172a)}.isa-address-edit-select:disabled{background-color:var(--bg-disabled, #e2e8f0);cursor:not-allowed}.isa-address-edit-input{width:100%;padding:6px;border:1px solid var(--border-color, #cbd5e1);border-radius:4px;font-size:.85rem;background-color:var(--bg-card, #ffffff);color:var(--text-primary, #0f172a)}.isa-address-edit-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.isa-btn-save-address{display:inline-flex;align-items:center;gap:4px;background-color:#22c55e;color:#fff;border:none;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:600;transition:opacity .2s}.isa-btn-save-address:hover{opacity:.9}[data-theme=dark] .isa-address-edit-form{background-color:#13141f;border-color:#ffffff1a}[data-theme=dark] .isa-address-edit-select,[data-theme=dark] .isa-address-edit-input{background-color:#1e1e2f;border-color:#ffffff1a;color:#e5e7eb}[data-theme=dark] .isa-address-edit-select:disabled{background-color:#1a1a24}.isa-insurance-family-compare-list{display:flex;flex-direction:column;gap:10px;width:100%}.isa-insurance-member-card{background-color:var(--bg-primary, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:6px;padding:10px;display:flex;flex-direction:column;gap:6px}.isa-member-card-new{border-color:#4ade80}.isa-member-card-header{display:flex;align-items:center;gap:6px;border-bottom:1px dashed var(--border-color, #e2e8f0);padding-bottom:4px;margin-bottom:2px}.isa-member-card-index{font-weight:700;color:var(--text-secondary, #64748b)}.isa-member-card-name{font-weight:700;color:var(--text-primary, #0f172a)}.isa-member-card-relation{color:var(--text-secondary, #64748b);font-size:.85rem}.isa-member-card-badge{background-color:#dbeafe;color:#1d4ed8;font-size:.75rem;font-weight:600;padding:1px 6px;border-radius:4px}.isa-member-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 12px;font-size:.8rem}.isa-member-card-cell{color:var(--text-primary, #334155)}.isa-member-card-cell strong{color:var(--text-secondary, #64748b);font-weight:600}.isa-member-card-cell.full-width{grid-column:span 2}.isa-insurance-members-edit-container{display:flex;flex-direction:column;gap:12px;width:100%}.isa-insurance-members-edit-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding-right:4px}.isa-insurance-member-edit-card{background-color:var(--bg-primary, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:6px;padding:12px;display:flex;flex-direction:column;gap:8px}.isa-member-edit-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed var(--border-color, #e2e8f0);padding-bottom:6px}.isa-btn-remove-member{background-color:#ef4444;color:#fff;border:none;padding:2px 8px;border-radius:4px;font-size:.75rem;cursor:pointer;font-weight:600}.isa-btn-remove-member:hover{background-color:#dc2626}.isa-member-edit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 12px}.isa-member-edit-field{display:flex;flex-direction:column;gap:4px}.isa-member-edit-field label{font-size:.75rem;font-weight:600;color:var(--text-secondary, #64748b)}.isa-member-edit-field.full-width{grid-column:span 2}.isa-member-edit-field.checkbox-row{flex-direction:row;align-items:center;gap:8px;padding-top:8px}.isa-member-edit-field.checkbox-row input{margin:0;width:16px;height:16px;cursor:pointer}.isa-member-edit-field.checkbox-row label{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.isa-insurance-members-edit-actions{display:flex;justify-content:space-between;align-items:center;margin-top:8px;border-top:1px solid var(--border-color, #e2e8f0);padding-top:10px}.isa-btn-add-member{background-color:#3b82f6;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer}.isa-btn-add-member:hover{background-color:#2563eb}[data-theme=dark] .isa-insurance-member-card,[data-theme=dark] .isa-insurance-member-edit-card{background-color:#1e1e2f;border-color:#ffffff1a}[data-theme=dark] .isa-member-card-header,[data-theme=dark] .isa-member-edit-header{border-bottom-color:#ffffff1a}[data-theme=dark] .isa-member-card-name{color:#e5e7eb}[data-theme=dark] .isa-member-card-cell{color:#d1d5db}[data-theme=dark] .isa-member-card-badge{background-color:#3b82f633;color:#93c5fd}[data-theme=dark] .isa-insurance-members-edit-actions{border-top-color:#ffffff1a}@media (max-width: 768px){.isa-modal-card{margin:8px!important;width:calc(100% - 16px)!important;height:calc(100% - 16px)!important;border-radius:8px!important}.isa-modal-header{padding:12px 16px!important}.isa-modal-body{padding:12px!important;gap:12px!important}.isa-modal-emp-info-grid{grid-template-columns:1fr 1fr!important;gap:10px!important;padding-bottom:12px!important}.isa-modal-emp-info-full{grid-column:span 2!important}.isa-modal-emp-info-label{font-size:.75rem!important}.isa-modal-emp-info-value{font-size:.9rem!important}.isa-compare-section-title{font-size:.95rem!important;margin-bottom:8px!important}.isa-compare-group-card{padding:10px!important;gap:8px!important}.isa-compare-table-container{border:none!important}.isa-compare-table,.isa-compare-table thead,.isa-compare-table tbody,.isa-compare-table th,.isa-compare-table td,.isa-compare-table tr{display:block!important;width:100%!important}.isa-compare-table thead{display:none!important}.isa-compare-table tr{border:1px solid var(--border-color, #e2e8f0);border-radius:6px;margin-bottom:10px;padding:10px;background-color:var(--bg-card, #ffffff)}[data-theme=dark] .isa-compare-table tr{border-color:#ffffff1a;background-color:#1e203280}.isa-compare-table td{padding:4px 0!important;border-bottom:none!important;font-size:.85rem!important}.isa-compare-field-label{font-weight:700;border-bottom:1px dashed var(--border-color, #e2e8f0)!important;padding-bottom:6px!important;margin-bottom:6px!important;font-size:.9rem!important;display:block}[data-theme=dark] .isa-compare-field-label{border-bottom-color:#ffffff1a!important}.isa-compare-table td:nth-of-type(2):before{content:"Cũ: ";font-weight:700;color:var(--text-secondary, #64748b);margin-right:4px}.isa-compare-table td:nth-of-type(3):before{content:"Mới: ";font-weight:700;color:var(--text-secondary, #64748b);margin-right:4px}.isa-val-old,.isa-val-new,.isa-val-unchanged,.isa-val-empty{display:inline!important}.isa-compare-val-new-cell{display:inline-flex!important;align-items:center;width:auto!important}.isa-btn-edit-field{opacity:1!important;display:inline-flex!important;margin-left:8px;padding:2px!important}.isa-address-edit-form{display:flex;flex-direction:column;gap:8px}.isa-address-edit-row{flex-direction:column;gap:6px}.isa-member-edit-grid{grid-template-columns:1fr!important;gap:8px!important}.isa-modal-footer{padding:12px 16px!important;flex-wrap:wrap;justify-content:space-between!important;gap:8px!important}.isa-modal-footer button{flex:1;min-width:100px;padding:8px 12px!important;font-size:.85rem!important}.isa-member-card-grid{grid-template-columns:1fr!important;gap:2px!important}.isa-member-card-cell.full-width{grid-column:span 1!important}}.isa-modal-loading-box-detail{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;flex:1;padding:40px;color:var(--text-secondary, #64748b);font-size:.95rem}.isa-modal-loading-box-detail .isa-loader-icon{animation:modalSpin 1s linear infinite;color:var(--text-primary, #3b82f6)}@keyframes modalSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.isa-modal-reject-reason-alert-box{background-color:#fef2f2;border:1px solid #fee2e2;border-left:4px solid #ef4444;border-radius:6px;padding:12px 16px;margin-bottom:8px}.isa-modal-reject-reason-alert-label{font-size:.8rem;font-weight:700;color:#ef4444;display:block;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.isa-modal-reject-reason-alert-value{font-size:.95rem;color:#991b1b;font-weight:600}.isa-compare-group-body{display:flex;gap:20px;align-items:flex-start;position:relative}.isa-compare-table-container{flex:1;min-width:0}.isa-group-action-sidebar{width:350px;flex-shrink:0;position:sticky;top:16px;display:flex;flex-direction:column;gap:12px;z-index:10}.isa-group-action-box{padding:16px;background-color:var(--bg-primary, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;box-shadow:0 1px 3px #0000000d}@media (max-width: 1024px){.isa-compare-group-body{flex-direction:column;gap:16px}.isa-group-action-sidebar{width:100%;position:static}}.isa-group-action-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.isa-group-action-label{font-size:.95rem;color:var(--text-secondary, #475569)}.isa-group-action-radios{display:flex;gap:16px}.isa-radio-label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:.95rem}.isa-radio-label input[type=radio]{width:16px;height:16px;cursor:pointer}.isa-radio-text{font-weight:600}.isa-radio-text.text-success{color:#10b981}.isa-radio-text.text-danger{color:#ef4444}.isa-group-reject-reason-input{margin-top:12px}.isa-group-textarea{width:100%;min-height:70px;padding:10px;border:1px solid #fda4af;background-color:#fff1f2;color:#9f1239;border-radius:6px;font-size:.9rem;resize:vertical}.isa-group-textarea::-moz-placeholder{color:#f43f5e;opacity:.7}.isa-group-textarea::placeholder{color:#f43f5e;opacity:.7}[data-theme=dark] .isa-group-action-box{background-color:#1e203266;border-top-color:#ffffff14}[data-theme=dark] .isa-group-action-label{color:#9ca3af}[data-theme=dark] .isa-group-textarea{background-color:#450a0a80;border-color:#ef44444d;color:#fca5a5}[data-theme=dark] .isa-group-textarea::-moz-placeholder{color:#fca5a5;opacity:.6}[data-theme=dark] .isa-group-textarea::placeholder{color:#fca5a5;opacity:.6}[data-theme=dark] .isa-modal-reject-reason-alert-box{background-color:#450a0a4d;border-color:#ef444433}[data-theme=dark] .isa-modal-reject-reason-alert-value{color:#fca5a5}.isa-compare-group-card-rejected{border:1px solid rgba(239,68,68,.4)!important;background-color:#ef444405!important}[data-theme=dark] .isa-compare-group-card-rejected{border:1px solid rgba(239,68,68,.3)!important;background-color:#ef44440d!important}.isa-group-reject-reason-static{margin-top:8px;padding:8px 12px;background-color:#fff1f2;border-left:3px solid #ef4444;border-radius:4px}[data-theme=dark] .isa-group-reject-reason-static{background-color:#450a0a66;border-left-color:#ef4444}.isa-reject-reason-label{display:block;font-size:11px;font-weight:600;color:#ef4444;text-transform:uppercase;margin-bottom:2px}.isa-reject-reason-text{margin:0;font-size:13px;color:var(--text-primary, #1e293b);line-height:1.4}[data-theme=dark] .isa-reject-reason-text{color:#f1f5f9}.isa-modal-reject-list{margin:8px 0 0;padding:0 0 0 20px;list-style-type:disc}.isa-modal-reject-list li{margin-bottom:6px;font-size:13px;color:#9f1239;line-height:1.4}.isa-modal-reject-list li:last-child{margin-bottom:0}[data-theme=dark] .isa-modal-reject-list li{color:#fca5a5}.isa-approval-container{padding:12px;display:flex;flex-direction:column;gap:12px;position:relative;flex:1;min-height:0}.isa-approval-card{background-color:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:12px;box-shadow:0 4px 6px -1px #0000000d}.isa-approval-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.isa-approval-title{font-size:1.25rem;font-weight:700;color:var(--text-primary, #0f172a)}.isa-approval-table-wrapper{flex:1;overflow-y:auto;overflow-x:auto;min-height:0}.isa-approval-table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.isa-approval-table th{padding:12px 16px;font-weight:700;color:var(--text-secondary, #475569);border-bottom:2px solid var(--border-color, #e2e8f0);background-color:var(--bg-primary, #f8fafc);position:sticky;top:0;z-index:10}.isa-approval-table td{padding:14px 16px;border-bottom:1px solid var(--border-color, #e2e8f0);color:var(--text-primary, #0f172a)}.isa-badge-list{display:flex;gap:6px;flex-wrap:wrap}.isa-approval-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:9999px;font-size:.8rem;font-weight:600}.isa-badge-profile{background-color:#e0e7ff;color:#4f46e5}.isa-badge-address{background-color:#fef3c7;color:#d97706}.isa-badge-bank{background-color:#dcfce7;color:#16a34a}.isa-badge-insurance{background-color:#e0f2fe;color:#0369a1}.isa-badge-tax{background-color:#f3e8ff;color:#7c3aed}.isa-badge-family{background-color:#fee2e2;color:#dc2626}.isa-badge-experience{background-color:#ffedd5;color:#ea580c}.isa-badge-emergency{background-color:#e0f2fe;color:#0284c7}.isa-btn-view{background:transparent;border:1px solid #4f46e5;color:#4f46e5;padding:6px 12px;border-radius:6px;cursor:pointer;font-weight:500;font-size:.85rem;transition:all .2s;display:flex;align-items:center;justify-content:center;text-align:center;gap:6px}.isa-btn-view:hover{background-color:#4f46e5;color:#fff}.isa-tabs-container{display:flex;gap:0;align-items:center;background:#f1f3f5;padding:4px;border-radius:8px;box-shadow:inset 0 1px 3px #0000001a;border-bottom:none}.isa-tab-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;width:190px;background:transparent;color:#495057;border:1.5px solid transparent;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.isa-tab-btn svg{flex-shrink:0;transition:transform .25s ease}.isa-tab-btn:hover:not(:disabled){color:var(--color-primary, #667eea)}.isa-tab-btn:hover:not(:disabled) svg{transform:scale(1.1)}.isa-tab-btn-active{background:white!important;color:var(--color-primary, #667eea)!important;font-weight:600;cursor:default;border:1.5px solid rgba(var(--color-primary-rgb, 102, 126, 234),.35)!important;box-shadow:0 2px 12px rgba(var(--color-primary-rgb, 102, 126, 234),.18)}.isa-tab-btn-active svg{color:var(--color-primary, #667eea)!important}.isa-no-permission-box{color:#ef4444;display:flex;align-items:center;gap:12px}.isa-error-text{font-weight:600}.isa-success-alert{background-color:#dcfce7;color:#16a34a;display:flex;align-items:center;gap:12px;padding:16px}.isa-success-text{font-weight:600}.isa-loader-container{display:flex;justify-content:center;align-items:center;padding:40px;gap:10px;color:var(--text-secondary, #475569)}.isa-loader-icon{color:#4f46e5}.isa-td-emp-code{font-weight:700}.isa-td-fullname{font-weight:600}.isa-empty-container{text-align:center;color:var(--text-secondary, #64748b);padding:40px 0;display:flex;flex-direction:column;align-items:center;gap:12px}.isa-empty-icon{opacity:.3}.isa-approval-flex-layout{display:flex!important;flex-direction:row!important;gap:16px!important;align-items:stretch!important;width:100%!important;flex:1;min-height:0}.isa-approval-tree-container{width:280px;flex-shrink:0;height:100%;overflow-y:auto;display:flex;flex-direction:column}.isa-approval-list-container{width:100%;display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}.isa-approval-table-section{flex:1 1 0%!important;min-width:0!important;height:100%;display:flex;flex-direction:column}.isa-tree-header{border-bottom:1px solid var(--border-color, #e2e8f0);padding-bottom:8px;margin-bottom:12px}.isa-tree-title{font-size:1rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0}.isa-tree-body{flex-grow:1;overflow-y:auto}.isa-tree-node-wrapper{display:flex;flex-direction:column}.isa-tree-node{display:flex;align-items:center;padding:6px 8px;border-radius:6px;cursor:pointer;font-size:.85rem;color:var(--text-primary, #334155);transition:background-color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:6px}.isa-tree-node:hover{background-color:var(--bg-primary, #f1f5f9)}.isa-tree-node-selected{background-color:#4f46e51a!important;color:#4f46e5!important;font-weight:600}.isa-tree-node-arrow{display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--text-secondary, #64748b);border-radius:4px}.isa-tree-node-arrow:hover{background-color:#0000000d}.isa-tree-node-bullet{width:4px;height:4px;background-color:var(--text-secondary, #94a3b8);border-radius:50%}.isa-tree-node-icon{display:flex;align-items:center;color:#4f46e5;opacity:.8}.isa-tree-node-selected .isa-tree-node-icon{color:#4f46e5;opacity:1}.isa-tree-node-label{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.isa-tree-node-count{font-size:.8rem;color:var(--text-secondary, #64748b);font-weight:400}.isa-tree-node-selected .isa-tree-node-count{color:#4f46e5}.isa-tree-node-children{padding-left:16px;border-left:1px dashed var(--border-color, #cbd5e1);margin-left:15px;display:flex;flex-direction:column}.isa-tree-loading{display:flex;justify-content:center;padding:20px;color:var(--text-secondary, #64748b)}[data-theme=dark] .isa-approval-card{background-color:#1e2032f7;border-color:#ffffff1a}[data-theme=dark] .isa-approval-table th{background-color:#13141f;color:#9ca3af;border-bottom-color:#ffffff1a}[data-theme=dark] .isa-approval-table td{color:#e5e7eb;border-bottom-color:#ffffff1a}[data-theme=dark] .isa-btn-view{border-color:#818cf8;color:#818cf8}[data-theme=dark] .isa-btn-view:hover{background-color:#818cf8;color:#13141f}[data-theme=dark] .isa-tabs-container{background:var(--bg-input, #252830);box-shadow:inset 0 1px 3px #0000004d}[data-theme=dark] .isa-tab-btn{color:var(--text-secondary, #8a93a8);opacity:.65;border:1.5px solid transparent}[data-theme=dark] .isa-tab-btn:hover:not(:disabled){background-color:transparent;color:var(--color-primary, #667eea)}[data-theme=dark] .isa-tab-btn-active{background:var(--bg-surface, #1c1f26)!important;color:var(--color-primary, #667eea)!important;opacity:1;border:1.5px solid rgba(var(--color-primary-rgb, 102, 126, 234),.5)!important;box-shadow:0 0 0 1px rgba(var(--color-primary-rgb, 102, 126, 234),.15),0 2px 8px #0006}[data-theme=dark] .isa-badge-profile{background-color:#4f46e526;color:#818cf8}[data-theme=dark] .isa-badge-address{background-color:#d9770626;color:#fbbf24}[data-theme=dark] .isa-badge-bank{background-color:#16a34a26;color:#4ade80}[data-theme=dark] .isa-badge-insurance{background-color:#0369a126;color:#38bdf8}[data-theme=dark] .isa-badge-tax{background-color:#7c3aed26;color:#a78bfa}[data-theme=dark] .isa-badge-family{background-color:#dc262626;color:#f87171}[data-theme=dark] .isa-badge-experience{background-color:#ea580c26;color:#fb923c}[data-theme=dark] .isa-badge-emergency{background-color:#0284c726;color:#60a5fa}[data-theme=dark] .isa-success-alert{background-color:#16a34a26;color:#4ade80;border:1px solid rgba(22,163,74,.3)}[data-theme=dark] .isa-no-permission-box{background-color:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}[data-theme=dark] .isa-tree-title{color:#e5e7eb}[data-theme=dark] .isa-tree-header{border-bottom-color:#ffffff1a}[data-theme=dark] .isa-tree-node{color:#cbd5e1}[data-theme=dark] .isa-tree-node:hover{background-color:#ffffff0d}[data-theme=dark] .isa-tree-node-selected{background-color:#818cf826!important;color:#818cf8!important}[data-theme=dark] .isa-tree-node-icon,[data-theme=dark] .isa-tree-node-selected .isa-tree-node-icon{color:#818cf8}[data-theme=dark] .isa-tree-node-arrow:hover{background-color:#ffffff1a}[data-theme=dark] .isa-tree-node-children{border-left-color:#ffffff1a}.isa-td-reject-reason{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#dc2626!important}[data-theme=dark] .isa-td-reject-reason{color:#f87171!important}.isa-mobile-cards-list,.isa-mobile-bottom-tabs{display:none}.isa-approval-title{font-size:clamp(1.1rem,4vw,1.25rem)}@media (max-width: 768px){.isa-approval-container{padding:8px 8px 72px!important}.isa-approval-header{flex-direction:column;align-items:stretch!important;gap:12px;margin-bottom:12px}.isa-tabs-container{width:100%!important;display:flex!important}.isa-tab-btn{flex:1!important;width:auto!important;padding:8px 4px!important;font-size:.8rem!important;justify-content:center}.isa-approval-flex-layout{flex-direction:column!important;gap:8px!important}.isa-approval-tree-container,.isa-approval-table-section{width:100%!important;height:auto!important;min-height:200px;max-height:none!important;box-shadow:none!important;padding:10px!important}.isa-mobile-hide{display:none!important}.isa-mobile-show{display:flex!important}.isa-desktop-table{display:none!important}.isa-mobile-cards-list{display:flex!important;flex-direction:column;gap:10px}.isa-mobile-card{background-color:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:transform .15s,box-shadow .15s}[data-theme=dark] .isa-mobile-card{background-color:#1e203280}.isa-mobile-card:active{transform:scale(.98);background-color:var(--bg-primary, #f8fafc)}[data-theme=dark] .isa-mobile-card:active{background-color:#ffffff08}.isa-mobile-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed var(--border-color, #e2e8f0);padding-bottom:6px}[data-theme=dark] .isa-mobile-card-header{border-bottom-color:#ffffff1a}.isa-mobile-card-fullname{font-weight:700;font-size:.95rem;color:var(--text-primary, #0f172a)}.isa-mobile-card-empcode{font-weight:600;font-size:.8rem;color:#4f46e5;background-color:#4f46e51a;padding:2px 6px;border-radius:4px}[data-theme=dark] .isa-mobile-card-empcode{color:#818cf8;background-color:#818cf826}.isa-mobile-card-body{display:flex;flex-direction:column;gap:6px}.isa-mobile-card-row{display:flex;justify-content:space-between;align-items:flex-start;font-size:.85rem;gap:16px}.isa-mobile-card-label{color:var(--text-secondary, #64748b);font-weight:500;flex-shrink:0}.isa-mobile-card-value{color:var(--text-primary, #0f172a);font-weight:600;text-align:right;word-break:break-word}.isa-mobile-card-reject-reason{color:#dc2626!important}[data-theme=dark] .isa-mobile-card-reject-reason{color:#f87171!important}.isa-mobile-bottom-tabs{display:flex!important;position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--bg-card, #ffffff);border-top:1px solid var(--border-color, #e2e8f0);box-shadow:0 -2px 10px #0000000d;z-index:50}[data-theme=dark] .isa-mobile-bottom-tabs{background:#13141f;border-top-color:#ffffff1a}.isa-mobile-bottom-tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;border:none;color:var(--text-secondary, #64748b);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}[data-theme=dark] .isa-mobile-bottom-tab-btn-active{color:#818cf8}}.isa-config-section{display:flex;flex-direction:column;padding:16px!important;background-color:var(--bg-card, #ffffff);flex:1;min-height:0;overflow:hidden}.isa-config-content{display:flex;flex-direction:column;flex:1;min-height:0;height:100%;overflow:hidden}.isa-config-header{margin-bottom:16px;border-bottom:1px solid var(--border-divider, #e2e8f0);padding-bottom:12px}.isa-config-header h4{font-size:1.1rem;font-weight:700;color:var(--text-primary, #0f172a);margin-bottom:4px}.isa-config-desc{font-size:.85rem;color:var(--text-secondary, #64748b)}.isa-config-layout{display:flex;gap:20px;width:100%;flex:1;min-height:0;align-items:stretch;overflow:hidden}.isa-config-left-panel{flex:1;min-width:280px;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding-right:8px}.isa-config-right-panel{flex:1.8;min-width:0;border-left:1px solid var(--border-divider, #e2e8f0);padding-left:20px;display:flex;flex-direction:column;height:100%;overflow:hidden}.isa-config-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.isa-config-item{padding:8px 12px;background:var(--bg-primary, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:6px;transition:all .2s ease}.isa-config-item:hover{border-color:var(--color-primary, #667eea);background-color:var(--bg-surface-hover, rgba(102, 126, 234, .05))}.isa-config-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;width:100%;font-size:.875rem;font-weight:500;color:var(--text-primary, #0f172a);-webkit-user-select:none;-moz-user-select:none;user-select:none}.isa-config-checkbox-label input[type=checkbox]{width:15px;height:15px;border-radius:4px;border:1.5px solid var(--border-input, #cbd5e1);accent-color:var(--color-primary, #667eea);cursor:pointer}.isa-config-actions{display:flex;justify-content:flex-end;margin-bottom:0;padding-top:8px}.isa-btn-save-config{display:flex;align-items:center;gap:8px;padding:8px 20px;background-color:var(--color-primary, #667eea);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #667eea40}.isa-btn-save-config:hover:not(:disabled){background-color:#5a70d4;transform:translateY(-1px)}.isa-btn-save-config:disabled{opacity:.7;cursor:not-allowed}.isa-config-logs-section{margin-top:0;border-top:none;padding-top:0;display:flex;flex-direction:column;height:100%}.isa-logs-title{font-size:.95rem;font-weight:700;color:var(--text-primary, #0f172a);margin-bottom:12px}.isa-logs-table-wrapper{overflow-x:auto;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;flex:1;min-height:0;overflow-y:auto}.isa-logs-table{width:100%;border-collapse:collapse;text-align:left;font-size:.85rem}.isa-logs-table th{padding:10px 16px;font-weight:700;color:var(--text-secondary, #475569);background-color:var(--bg-primary, #f8fafc);border-bottom:1px solid var(--border-color, #e2e8f0);position:sticky;top:0;z-index:10}.isa-logs-table td{padding:10px 12px;border-bottom:1px solid var(--border-color, #e2e8f0);color:var(--text-primary, #0f172a);vertical-align:top}.isa-logs-table tr:last-child td{border-bottom:none}.isa-log-time{white-space:nowrap;color:var(--text-secondary, #64748b);width:120px}.isa-log-actor{width:180px}.isa-log-changes-list{margin:0;padding-left:16px}.isa-log-changes-list li{margin-bottom:4px;line-height:1.4}.isa-log-changes-list li:last-child{margin-bottom:0}.isa-logs-empty{font-size:.875rem;color:var(--text-secondary, #64748b);font-style:italic}[data-theme=dark] .isa-config-section{background-color:var(--bg-surface, rgba(30, 32, 50, .97));border-color:var(--border-divider, rgba(255, 255, 255, .1))}[data-theme=dark] .isa-config-header{border-bottom-color:var(--border-divider, rgba(255, 255, 255, .1))}[data-theme=dark] .isa-config-right-panel{border-left-color:var(--border-divider, rgba(255, 255, 255, .1))}[data-theme=dark] .isa-config-item{background:var(--bg-input, rgba(25, 27, 45, .9));border-color:var(--border-input, #374151)}[data-theme=dark] .isa-config-item:hover{background-color:#667eea14}[data-theme=dark] .isa-logs-table-wrapper{border-color:var(--border-input, #374151)}[data-theme=dark] .isa-logs-table th{background-color:#13141f;color:var(--text-secondary, #9ca3af);border-bottom-color:var(--border-input, #374151)}[data-theme=dark] .isa-logs-table td{border-bottom-color:var(--border-input, #374151);color:var(--text-primary, #e5e7eb)}@media (max-width: 768px){.isa-config-section{overflow-y:auto}.isa-config-layout{flex-direction:column;gap:24px;overflow:visible;height:auto}.isa-config-left-panel{height:auto;overflow:visible;padding-right:0}.isa-config-right-panel{border-left:none;padding-left:0;border-top:1px dashed var(--border-divider, #e2e8f0);padding-top:20px;width:100%;height:auto;overflow:visible}.isa-logs-table-wrapper{max-height:300px;flex:none}[data-theme=dark] .isa-config-right-panel{border-top-color:var(--border-divider, rgba(255, 255, 255, .1))}}.isp-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px;padding:0 16px}.isp-stat-card{background-color:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:16px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000000d;cursor:pointer;transition:all .2s ease}.isp-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #00000014}.isp-stat-card.active{border-color:#3b82f6;background-color:#3b82f608}[data-theme=dark] .isp-stat-card.active{border-color:var(--color-primary, #667eea);background-color:#667eea0d}.isp-stat-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px}.isp-stat-icon-blue{background-color:#3b82f61a;color:#3b82f6}.isp-stat-icon-green{background-color:#10b9811a;color:#10b981}.isp-stat-icon-orange{background-color:#f59e0b1a;color:#f59e0b}.isp-stat-info{display:flex;flex-direction:column}.isp-stat-value{font-size:20px;font-weight:700;color:var(--text-primary, #1e293b)}.isp-stat-label{font-size:13px;color:var(--text-secondary, #64748b)}@media (max-width: 768px){.isp-stats-row{grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin-bottom:16px!important;padding:0 16px;align-items:stretch!important}.isp-stat-card{flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:8px 6px!important;gap:6px!important;height:100%}.isp-stat-icon{width:32px!important;height:32px!important}.isp-stat-icon svg{width:16px!important;height:16px!important}.isp-stat-info{align-items:center!important}.isp-stat-value{font-size:16px!important;line-height:1.2}.isp-stat-label{font-size:11px!important;line-height:1.2;word-break:break-word}}[data-theme=dark] .isp-stat-card{background-color:var(--bg-surface, rgba(30, 32, 50, .97));border-color:var(--border-divider, rgba(255, 255, 255, .1))}[data-theme=dark] .isp-stat-value{color:var(--text-primary, #e5e7eb)}.isp-list-area{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.isp-search-bar-row{display:flex;gap:12px;padding:4px 16px;margin-bottom:12px;align-items:center}.isp-search-bar-row .isp-search-input-wrapper{flex:1}.isp-search-input-wrapper{position:relative;display:flex;align-items:center}.isp-search-icon{position:absolute;left:12px;color:var(--text-secondary, #64748b)}.isp-search-input{width:100%;padding:8px 12px 8px 36px;border:1px solid var(--border-color, #e2e8f0);border-radius:6px;background-color:var(--bg-input, #f8fafc);color:var(--text-primary, #1e293b);outline:none;font-size:14px}.isp-table-card{background-color:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;box-shadow:0 1px 3px #0000000d;overflow:hidden;width:100%;flex:1;display:flex;flex-direction:column;min-height:0}.isp-table-wrapper{flex:1;overflow:auto;width:100%;-webkit-overflow-scrolling:touch}.isp-table{width:100%;border-collapse:collapse;text-align:left}.isp-table th{background-color:var(--bg-table-header, #f8fafc);color:var(--text-secondary, #64748b);font-weight:600;font-size:13px;padding:12px 16px;border-bottom:1px solid var(--border-color, #e2e8f0);white-space:nowrap}.isp-table td{padding:2px 16px;border-bottom:1px solid var(--border-color, #e2e8f0);color:var(--text-primary, #1e293b);font-size:14px;white-space:nowrap}.isp-table tbody tr{cursor:pointer;transition:background-color .15s ease}.isp-table tbody tr:hover{background-color:var(--bg-hover, #f1f5f9)}.isp-emp-badge{display:inline-flex;align-items:center;gap:8px}.isp-emp-name{font-weight:600;color:var(--text-primary, #1e293b)}.isp-emp-code{font-size:12px;color:var(--text-secondary, #64748b);background-color:var(--bg-input, #f1f5f9);padding:2px 6px;border-radius:4px}.isp-badge-status{padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;display:inline-block}.isp-badge-updated{background-color:#10b9811a;color:#10b981}.isp-badge-empty{background-color:#64748b1a;color:#64748b}.isp-name-cell{display:flex;align-items:center;gap:6px}.isp-avatar{width:40px;height:60px;-o-object-fit:cover;object-fit:cover;border-radius:3px;border:1px solid #d1d5db;cursor:pointer;flex-shrink:0;transition:transform .15s,border-color .15s}.isp-avatar:hover{transform:scale(1.1);border-color:#3b82f6}.isp-cccd-cell{display:flex;align-items:center;gap:6px}.isp-cccd-images{display:flex;flex-direction:column;gap:3px;flex-shrink:0}.isp-cccd-thumbnail{width:40px;height:25px;-o-object-fit:cover;object-fit:cover;border-radius:3px;border:1px solid #d1d5db;cursor:pointer;transition:transform .15s,border-color .15s}.isp-cccd-thumbnail:hover{transform:scale(1.1);border-color:#3b82f6}.isp-cccd-number{font-size:12px;font-weight:500;white-space:nowrap}.isp-action-icon-btn{width:32px;height:32px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid var(--border-color, #e2e8f0);background-color:var(--bg-card, #ffffff);color:var(--text-primary, #1e293b);transition:all .2s ease}.isp-action-icon-btn:hover{background-color:var(--bg-hover, #f1f5f9);color:#3b82f6}.isp-mobile-card-list{display:none}@media (max-width: 768px){.isp-table-wrapper{display:none!important}.isp-table-card{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden!important;border:none;box-shadow:none;background-color:transparent}.isp-mobile-card-list{display:flex!important;flex-direction:column;gap:12px;padding:12px 16px;flex:1;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.isp-mobile-card{background-color:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:14px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.isp-mobile-card:active{transform:scale(.98)}.isp-mobile-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color, #e2e8f0);padding-bottom:8px}.isp-mobile-card-name{font-weight:700;color:var(--text-primary, #1e293b);font-size:15px}.isp-mobile-card-header-right{display:flex;align-items:center;gap:8px}.isp-mobile-card-code{font-size:11px;color:var(--text-secondary, #64748b);background-color:var(--bg-input, #f1f5f9);padding:2px 6px;border-radius:4px;font-weight:500}.isp-mobile-card-edit-btn{border:1px solid var(--border-color, #e2e8f0);background-color:var(--bg-card, #ffffff);color:var(--text-primary, #1e293b);width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.isp-mobile-card-edit-btn:hover{background-color:var(--bg-hover, #f1f5f9);color:#3b82f6}.isp-mobile-card-body{display:flex;flex-direction:column;gap:8px}.isp-mobile-card-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-secondary, #64748b)}.isp-mobile-card-row span{display:inline-flex;align-items:center;gap:4px}.isp-mobile-card-highlight{color:var(--text-primary, #1e293b);font-weight:600}.isp-mobile-card-work{text-align:left;width:100%;word-break:break-word}.isp-mobile-card-loading,.isp-mobile-card-empty{text-align:center;padding:24px;color:var(--text-secondary, #64748b);font-size:14px}.isp-search-bar-row{padding:0 16px;margin-top:12px}}[data-theme=dark] .isp-table-card{background-color:var(--bg-surface, rgba(30, 32, 50, .97));border-color:var(--border-divider, rgba(255, 255, 255, .1))}[data-theme=dark] .isp-table td,[data-theme=dark] .isp-emp-name{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .isp-search-input{background-color:var(--bg-input, rgba(25, 27, 45, .9));border-color:var(--border-input, #374151);color:var(--text-primary, #e5e7eb)}[data-theme=dark] .isp-table th{background-color:var(--bg-content, #13141f);border-color:var(--border-divider, rgba(255, 255, 255, .1))}[data-theme=dark] .isp-table tbody tr:hover{background-color:var(--bg-surface-hover, rgba(36, 38, 58, 1))}[data-theme=dark] .isp-emp-code{background-color:var(--bg-input, rgba(25, 27, 45, .9));color:var(--text-secondary, #9ca3af)}[data-theme=dark] .isp-action-icon-btn{background-color:var(--bg-input, rgba(25, 27, 45, .9));border-color:var(--border-input, #374151);color:var(--text-primary, #e5e7eb)}[data-theme=dark] .isp-action-icon-btn:hover{background-color:var(--bg-surface-hover, rgba(36, 38, 58, 1))}[data-theme=dark] .isp-avatar,[data-theme=dark] .isp-cccd-thumbnail{border-color:var(--border-divider, #2d3140)}[data-theme=dark] .isp-mobile-card{background-color:var(--bg-surface, rgba(30, 32, 50, .97));border-color:var(--border-divider, rgba(255, 255, 255, .1))}[data-theme=dark] .isp-mobile-card-header{border-color:var(--border-divider, rgba(255, 255, 255, .1))}[data-theme=dark] .isp-mobile-card-name{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .isp-mobile-card-code{background-color:var(--bg-input, rgba(25, 27, 45, .9));color:var(--text-secondary, #9ca3af)}[data-theme=dark] .isp-mobile-card-edit-btn{background-color:var(--bg-input, rgba(25, 27, 45, .9));border-color:var(--border-input, #374151);color:var(--text-primary, #e5e7eb)}[data-theme=dark] .isp-mobile-card-edit-btn:hover{background-color:var(--bg-surface-hover, rgba(36, 38, 58, 1));color:#3b82f6}[data-theme=dark] .isp-mobile-card-row{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .isp-mobile-card-highlight{color:var(--text-primary, #e5e7eb)}.isp-table th.isp-col-checkbox,.isp-table td.isp-col-checkbox{width:40px;max-width:40px;text-align:center;padding:12px 8px}.isp-table th.isp-col-checkbox input[type=checkbox],.isp-table td.isp-col-checkbox input[type=checkbox],.isp-mobile-card-checkbox-wrapper input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:#3b82f6;margin:0;vertical-align:middle}.isp-mobile-card-header-left{display:flex;align-items:center;gap:8px}.isp-btn-print{background-color:#10b981;color:#fff}.isp-btn-print:hover:not(:disabled){background-color:#059669}.isp-btn-print:disabled{opacity:.6;cursor:not-allowed}[data-theme=dark] .isp-btn-print{background-color:#059669;color:#fff}[data-theme=dark] .isp-btn-print:hover:not(:disabled){background-color:#047857}.isp-drawer-overlay{position:fixed;top:50px;right:0;bottom:0;left:0;background-color:#0006;z-index:1000;display:flex;justify-content:flex-end}.isp-drawer-content{width:100%;max-width:750px;background-color:var(--bg-card, #ffffff);height:100%;display:flex;flex-direction:column;box-shadow:-4px 0 24px #00000026;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.isp-drawer-header{padding:16px 24px;border-bottom:1px solid var(--border-color, #e2e8f0);display:flex;justify-content:space-between;align-items:center}.isp-drawer-title{font-size:18px;font-weight:700;color:var(--text-primary, #1e293b);margin:0}.isp-drawer-close-btn{background:none;border:none;color:var(--text-secondary, #64748b);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.isp-drawer-close-btn:hover{background-color:var(--bg-hover, #f1f5f9);color:var(--text-primary, #1e293b)}.isp-drawer-body{flex:1;overflow-y:auto;padding:24px}.isp-drawer-footer{padding:11px 24px;border-top:1px solid var(--border-color, #e2e8f0);display:flex;justify-content:flex-end;gap:12px;background-color:var(--bg-table-header, #f8fafc)}.isp-form-section{margin-bottom:28px}.isp-form-section-title{font-size:15px;font-weight:600;color:var(--text-primary, #1e293b);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border-color, #e2e8f0)}.isp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.isp-form-grid-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.isp-form-field{display:flex;flex-direction:column;gap:6px}.isp-form-field-full{grid-column:1 / -1}.isp-form-label{font-size:13px;font-weight:500;color:var(--text-secondary, #64748b)}.isp-form-input,.isp-form-select,.isp-form-textarea{width:100%;padding:8px 12px;border:1px solid var(--border-color, #e2e8f0);border-radius:6px;background-color:var(--bg-input, #ffffff);color:var(--text-primary, #1e293b);outline:none;font-size:14px;transition:border-color .15s ease}.isp-form-input:focus,.isp-form-select:focus,.isp-form-textarea:focus{border-color:#3b82f6}.isp-form-input:disabled{background-color:var(--bg-hover, #f1f5f9);cursor:not-allowed}.isp-editable-table-wrapper{overflow-x:auto;margin-bottom:12px;border:1px solid var(--border-color, #e2e8f0);border-radius:8px}.isp-editable-table{width:100%;border-collapse:collapse;text-align:left}.isp-editable-table th{background-color:var(--bg-table-header, #f8fafc);color:var(--text-secondary, #64748b);font-weight:600;font-size:12px;padding:10px 12px;border-bottom:1px solid var(--border-color, #e2e8f0);white-space:nowrap}.isp-editable-table td{padding:8px 12px;border-bottom:1px solid var(--border-color, #e2e8f0);vertical-align:middle}.isp-editable-table th:nth-child(1),.isp-editable-table td:nth-child(1){min-width:180px}.isp-editable-table th:nth-child(2),.isp-editable-table td:nth-child(2){min-width:130px}.isp-editable-table th:nth-child(3),.isp-editable-table td:nth-child(3){min-width:140px}.isp-editable-table th:nth-child(4),.isp-editable-table td:nth-child(4){min-width:140px}.isp-editable-table th:nth-child(5),.isp-editable-table td:nth-child(5){min-width:140px}.isp-editable-table th:nth-child(6),.isp-editable-table td:nth-child(6){min-width:95px}.isp-editable-table th:nth-child(7),.isp-editable-table td:nth-child(7){min-width:120px}.isp-editable-table th:nth-child(8),.isp-editable-table td:nth-child(8){min-width:120px}.isp-editable-table th:nth-child(9),.isp-editable-table td:nth-child(9){min-width:350px}.isp-editable-table th:nth-child(10),.isp-editable-table td:nth-child(10){min-width:100px}.isp-editable-table th:nth-child(11),.isp-editable-table td:nth-child(11){min-width:180px}.isp-table-input{width:100%;padding:6px 10px;border:1px solid var(--border-color, #e2e8f0);border-radius:4px;background-color:var(--bg-input, #ffffff);color:var(--text-primary, #1e293b);font-size:13px;outline:none}.isp-table-input:focus{border-color:#3b82f6}.isp-table-select{padding:5px 8px;border:1px solid var(--border-color, #e2e8f0);border-radius:4px;background-color:var(--bg-input, #ffffff);color:var(--text-primary, #1e293b);font-size:13px;outline:none}.isp-delete-row-btn{background:none;border:none;color:#ef4444;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.isp-delete-row-btn:hover{background-color:#ef44441a}.isp-add-row-btn{background-color:var(--bg-table-header, #f8fafc);border:1px dashed var(--border-color, #e2e8f0);color:#3b82f6;width:100%;padding:10px;border-radius:6px;cursor:pointer;font-weight:500;font-size:13px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.isp-add-row-btn:hover{background-color:var(--bg-hover, #f1f5f9);border-color:#3b82f6}.isp-checkbox-group{display:flex;gap:20px;margin-top:6px;flex-wrap:wrap}.isp-checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-primary, #1e293b);cursor:pointer}.isp-checkbox-input{width:16px;height:16px;cursor:pointer}.isp-address-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:6px}.isp-address-row-merged{display:grid;grid-template-columns:1fr 1fr 2fr;gap:12px;margin-top:6px}.isp-required-star{color:#ef4444;margin-left:4px;font-weight:700}.isp-mobile-member-card-list{display:none}@media (max-width: 768px){.isp-drawer-content{max-width:100%!important}.isp-form-grid,.isp-address-row,.isp-address-row-merged{grid-template-columns:1fr!important}.isp-editable-table-wrapper{display:none!important}.isp-mobile-member-card-list{display:flex!important;flex-direction:column;gap:16px;margin-bottom:16px}.isp-mobile-member-card{background-color:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:12px}.isp-mobile-member-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color, #e2e8f0);padding-bottom:8px}.isp-mobile-member-card-title{font-weight:700;color:var(--text-primary, #1e293b);font-size:14px}.isp-mobile-member-card-body{display:flex;flex-direction:column;gap:12px}.isp-member-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.isp-member-field{display:flex;flex-direction:column;gap:4px;min-width:0}.isp-member-field-checkbox{display:flex;align-items:center;padding-bottom:8px}.isp-member-name-row{display:flex;gap:12px;align-items:flex-end}.isp-member-name-field{flex:1}.isp-member-label{font-size:12px;font-weight:500;color:var(--text-secondary, #64748b)}.isp-mobile-member-card-empty{text-align:center;padding:16px;color:var(--text-secondary, #64748b);font-size:13px}.isp-drawer-footer .isp-btn-text{display:none!important}.isp-drawer-footer .isp-btn{padding:8px 12px!important;min-width:44px;justify-content:center}}[data-theme=dark] .isp-drawer-content{background-color:var(--bg-surface, rgba(30, 32, 50, .97));border-color:var(--border-divider, rgba(255, 255, 255, .1))}[data-theme=dark] .isp-drawer-title,[data-theme=dark] .isp-form-section-title,[data-theme=dark] .isp-form-input,[data-theme=dark] .isp-form-select,[data-theme=dark] .isp-form-textarea,[data-theme=dark] .isp-table-input,[data-theme=dark] .isp-table-select{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .isp-form-input,[data-theme=dark] .isp-form-select,[data-theme=dark] .isp-form-textarea,[data-theme=dark] .isp-table-input,[data-theme=dark] .isp-table-select{background-color:var(--bg-input, rgba(25, 27, 45, .9));border-color:var(--border-input, #374151)}[data-theme=dark] .isp-editable-table th,[data-theme=dark] .isp-drawer-footer{background-color:var(--bg-content, #13141f);border-color:var(--border-divider, rgba(255, 255, 255, .1))}[data-theme=dark] .isp-add-row-btn{background-color:var(--bg-input, rgba(25, 27, 45, .9));border-color:var(--border-input, #374151);color:var(--text-primary, #e5e7eb)}[data-theme=dark] .isp-add-row-btn:hover{background-color:var(--bg-surface-hover, rgba(36, 38, 58, 1))}[data-theme=dark] .isp-checkbox-label{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .isp-mobile-member-card{background-color:var(--bg-surface, rgba(30, 32, 50, .97));border-color:var(--border-divider, rgba(255, 255, 255, .1))}[data-theme=dark] .isp-mobile-member-card-header{border-color:var(--border-divider, rgba(255, 255, 255, .1))}[data-theme=dark] .isp-mobile-member-card-title{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .isp-member-label{color:var(--text-secondary, #9ca3af)}.isp-print-container{display:none}@media print{body.isp-printing>*{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;max-height:0!important;overflow:hidden!important;margin:0!important;padding:0!important;border:none!important}body.isp-printing>#root{display:none!important;height:0!important;min-height:0!important;max-height:0!important;overflow:hidden!important;position:absolute!important}body.isp-printing>.isp-print-container{display:block!important;visibility:visible!important;height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:0!important}html,body.isp-printing{width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important;display:block!important;position:static!important;background:#ffffff!important;color:#000!important;margin:0!important;padding:0!important}body.isp-printing .isp-print-container *{visibility:visible!important;color:#000!important;border-color:#000!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body.isp-printing .isp-print-container{position:static!important;width:100%!important;height:auto!important;background:#ffffff!important;font-family:Times New Roman,Times,serif;font-size:12pt;line-height:1.3;padding:0!important;margin:0!important;box-sizing:border-box;overflow:visible!important}.isp-print-page-portrait{width:100%;box-sizing:border-box;position:relative;background:#ffffff;padding:8mm 10mm 8mm 15mm!important;-moz-column-break-after:page;break-after:page;overflow:visible;margin:0;display:flex;flex-direction:column;min-height:100vh}.isp-print-page-landscape{page:insurance-landscape;width:100%;box-sizing:border-box;position:relative;background:#ffffff;padding:10mm 12mm!important;-moz-column-break-after:page!important;break-after:page!important;overflow:visible;margin:0}.print-national-header{text-align:center;margin-bottom:4px}.print-national-title{font-weight:700;font-size:14pt;text-transform:uppercase;letter-spacing:.5px}.print-national-sub{font-weight:700;font-size:14pt;margin-top:1px}.print-line-decoration{width:160px;height:1px;background-color:#000;margin:2px auto 0}.print-form-code{display:flex;justify-content:flex-end;margin-bottom:8px}.print-form-code>div:first-child{text-align:center;font-size:8.5pt;font-style:italic;line-height:1.4}.isp-form-code-title{font-weight:700;font-style:italic}.print-document-title{text-align:center;font-weight:700;font-size:14pt;text-transform:uppercase;margin:6px 0 4px;line-height:1.4}.print-document-title>div:last-child{font-size:12pt}.print-document-subtitle{text-align:center;font-size:8.5pt;font-style:italic;margin-bottom:8px}.isp-ma-bhxh-row{display:flex;align-items:baseline;justify-content:center;margin-bottom:15px}.isp-ma-bhxh-label{font-weight:700;font-size:14pt;margin-right:4px}.isp-ma-bhxh-value{flex-grow:0;width:220px;font-weight:700;font-size:15pt;padding-left:4px;min-height:16px;position:relative}.isp-ma-bhxh-value:after{content:"";position:absolute;left:0;right:0;bottom:0;border-bottom:1px dotted #000000;font-weight:400}.print-section-title{font-weight:700;font-size:12pt;margin:5px 0 3px;padding-bottom:1px}.isp-sub-section-title{font-weight:700;font-size:12pt;margin:4px 0}.isp-italic-note{font-weight:400;font-style:italic}.print-info-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:3px 8px}.print-col-12{grid-column:span 12}.print-col-9{grid-column:span 9}.print-col-8{grid-column:span 8}.print-col-6{grid-column:span 6}.print-col-4{grid-column:span 4}.print-col-3{grid-column:span 3}.isp-address-sub-row{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:15px}.isp-address-sub-col{display:flex;align-items:baseline;flex:1 1 auto}.isp-address-sub-col .print-label{white-space:nowrap}.print-field-row{display:flex;align-items:baseline;flex-wrap:wrap}.print-label{font-weight:400;margin-right:4px;font-size:12pt}.print-value{flex:1 1 0;padding-left:4px;font-size:12pt;font-weight:700;min-height:16px;position:relative}.print-value:after{content:"";position:absolute;left:0;right:0;bottom:0;border-bottom:1px dotted #000000;font-weight:400}.isp-inline-field{display:block}.isp-inline-field .print-label{display:inline}.isp-inline-field .print-value{display:inline;flex:none;padding-left:0;min-height:unset}.isp-inline-field .print-value:after{display:none}.isp-inline-field .isp-inline-dotted{display:inline-block;min-width:100px;padding-left:4px;position:relative;font-weight:700}.isp-inline-field .isp-inline-dotted:after{content:"";position:absolute;left:0;right:0;bottom:0;border-bottom:1px dotted #000000;font-weight:400}.isp-value-bold-upper{font-weight:700;text-transform:uppercase}.isp-value-bold{font-weight:700}.isp-value-center{text-align:center}.isp-label-with-checkbox{margin-right:10px}.isp-sub-field-label{font-weight:400;font-style:italic;font-size:12pt;padding-left:15px}.print-checkbox-group{display:flex;gap:12px}.print-checkbox-item{display:flex;align-items:center;gap:4px;font-size:12pt}.print-square-box{width:10px;height:10px;border:1px solid #000000;display:inline-block;position:relative}.print-square-box-checked:after{content:"✓";position:absolute;top:-7px;left:0;font-size:9pt;font-weight:700}.print-signatures-container{margin-top:20px;display:flex;justify-content:space-between;text-align:center}.print-signature-col{width:45%}.isp-sign-col-left{width:50%;padding-right:10px}.isp-sign-col-right{width:50%}.print-date-line{font-style:italic;font-size:12pt;margin-bottom:2px}.print-sign-title{font-weight:700;font-size:12pt}.print-sign-desc{font-size:11pt;font-style:italic;color:#000;margin-bottom:30px}.isp-sign-desc-small{line-height:1.2;margin-bottom:5px}.isp-sign-desc-gap{margin-top:5px}.print-sign-name{font-weight:700;font-size:12pt;text-transform:uppercase}.isp-sign-name-spacing{margin-top:70px}.print-footnote{margin-top:auto;font-size:10pt;line-height:1.4;padding-top:4px;text-indent:30px;text-align:justify}.print-appendix-title{text-align:center;font-weight:700;font-size:14pt;text-transform:uppercase;margin-top:0;margin-bottom:2px}.print-appendix-subtitle{text-align:center;font-size:10pt;font-style:italic;margin:0 auto 10px;max-width:85%;line-height:1.3}.print-family-info-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:4px 10px;margin-bottom:8px}.print-family-table{width:100%;border-collapse:collapse;margin-top:4px;margin-bottom:10px;table-layout:fixed}.print-family-table th,.print-family-table td{border:1px solid #000000;padding:3px 4px;font-size:10pt;text-align:center;vertical-align:middle;line-height:1.2;word-wrap:break-word;overflow-wrap:break-word}.print-family-table th{font-weight:700;background-color:#f2f2f2!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.print-family-table td.align-left{text-align:left}.print-family-table td.align-center{text-align:center}.col-stt{width:3%}.col-name{width:18%;text-transform:uppercase;font-weight:700}.col-bhxh{width:10%}.col-dob{width:8%}.col-gender{width:4%}.col-nationality{width:8%}.col-ethnic{width:6%}.col-birthplace{width:14%}.col-relation{width:10%}.col-cccd{width:11%}.col-note{width:8%}.print-appendix-signatures{margin-top:8px;display:flex;justify-content:flex-end;text-align:center}.print-appendix-signature-col{width:35%}.isp-appendix-sign-name-spacing{margin-top:50px}.isp-appendix-sign-desc-gap{margin-top:5px}.isp-family-table-title{font-weight:700;font-size:11px;margin:6px 0 4px}.isp-member-name{text-transform:capitalize;font-weight:400;text-align:left}.isp-empty-members{text-align:center;font-style:italic;padding:10px}.print-family-table,.print-family-table thead,.print-family-table tbody,.print-family-table tr,.print-signatures-container,.print-appendix-signatures{-moz-column-break-inside:avoid;break-inside:avoid}}.isp-access-denied-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh}.isp-access-denied-title{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.isp-access-denied-desc{color:var(--text-secondary)}.isp-container{display:flex;flex-direction:column;height:calc(100vh - 50px);overflow:hidden;background:var(--bg-content, #f9fafb)}.isp-header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px 8px;margin-bottom:12px}.isp-title{font-size:24px;font-weight:700;color:var(--text-primary, #1e293b);margin:0}.isp-header-actions{display:flex;gap:12px}.isp-body-with-tree{display:flex;flex:1;min-height:0;overflow:hidden;gap:8px}.isp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.isp-btn-primary{background-color:#3b82f6;color:#fff}.isp-btn-primary:hover{background-color:#2563eb}.isp-btn-secondary{background-color:var(--bg-card, #ffffff);border-color:var(--border-color, #e2e8f0);color:var(--text-primary, #1e293b)}.isp-btn-secondary:hover{background-color:var(--bg-hover, #f1f5f9)}.isp-btn-danger{background-color:#ef4444;color:#fff}.isp-btn-danger:hover{background-color:#dc2626}.isp-mobile-tabs{display:none}@media (max-width: 768px){.isp-container{height:calc(100vh - 50px)!important;overflow:hidden!important}.isp-title{font-size:clamp(15px,4.5vw,20px)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:auto;max-width:100%}.isp-mobile-tabs{display:flex;border-bottom:1px solid var(--border-color, #e2e8f0);background-color:var(--bg-card, #ffffff);padding:8px 16px;gap:8px}.isp-mobile-tab-btn{flex:1;padding:8px 12px;border:1px solid var(--border-color, #e2e8f0);border-radius:6px;background-color:var(--bg-input, #f8fafc);color:var(--text-secondary, #64748b);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.isp-mobile-tab-btn.active{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.isp-body-with-tree{flex-direction:column;flex:1;min-height:0;overflow:hidden!important}.isp-body-with-tree.isp-mobile-tab-tree .isp-list-area{display:none!important}.isp-body-with-tree.isp-mobile-tab-tree .isp-org-tree-wrapper{display:block!important;width:100%!important;overflow-y:auto;flex:1}.isp-org-tree-wrapper .org-tree-panel{display:flex!important;width:100%!important;max-width:none!important;min-width:0!important;border-right:none!important;height:100%!important}.isp-body-with-tree.isp-mobile-tab-list .isp-org-tree-wrapper{display:none!important}.isp-body-with-tree.isp-mobile-tab-list .isp-list-area{display:flex!important;width:100%!important;flex:1;min-height:0;overflow:hidden!important}}[data-theme=dark] .isp-title{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .isp-btn-secondary{background-color:var(--bg-input, rgba(25, 27, 45, .9));border-color:var(--border-input, #374151);color:var(--text-primary, #e5e7eb)}[data-theme=dark] .isp-btn-secondary:hover{background-color:var(--bg-surface-hover, rgba(36, 38, 58, 1))}[data-theme=dark] .isp-mobile-tabs{background-color:var(--bg-surface, rgba(30, 32, 50, .97));border-color:var(--border-divider, rgba(255, 255, 255, .1))}[data-theme=dark] .isp-mobile-tab-btn{background-color:var(--bg-input, rgba(25, 27, 45, .9));border-color:var(--border-input, #374151);color:var(--text-secondary, #9ca3af)}[data-theme=dark] .isp-mobile-tab-btn.active{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.app-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--color-primary, #667eea) 0%,var(--color-primary-end, #764ba2) 100%)}.app-loading-spinner{width:64px;height:64px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite}.app-redirect-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--color-primary, #667eea) 0%,var(--color-primary-end, #764ba2) 100%)}.app-redirect-content{text-align:center;color:#fff}.app-redirect-spinner{width:64px;height:64px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.app-redirect-text{font-size:1.1rem;font-weight:500;margin:0}:root{--color-primary: #667eea;--color-primary-end: #764ba2;--color-primary-rgb: 102, 126, 234;--color-primary-hover: #5a6fd8;--color-primary-end-hover: #6a4190;--font-family-base: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-base: 14px;--bg-body-start: var(--color-primary);--bg-body-end: var(--color-primary-end);--bg-content: #f5f6fa;--bg-surface: rgba(255, 255, 255, .95);--bg-surface-hover: rgba(255, 255, 255, 1);--border-surface: rgba(255, 255, 255, .2);--text-primary: #333333;--text-secondary: #6c757d;--text-label: #374151;--bg-input: rgba(255, 255, 255, .9);--bg-input-focus: rgba(255, 255, 255, .95);--border-input: #ced4da;--border-divider: rgba(0, 0, 0, .1);--bg-layout: #f8fafc;--bg-sidebar: #ffffff;--border-sidebar: #e2e8f0;--text-sidebar: #2d3748;--bg-header: rgba(255, 255, 255, .95);--bg-dropdown-header: #f8fafc}[data-theme=dark]{--bg-body-start: #1a1a2e;--bg-body-end: #16213e;--bg-content: #13141f;--bg-surface: rgba(30, 32, 50, .97);--bg-surface-hover: rgba(36, 38, 58, 1);--border-surface: rgba(255, 255, 255, .08);--text-primary: #e5e7eb;--text-secondary: #9ca3af;--text-label: #d1d5db;--bg-input: rgba(25, 27, 45, .9);--bg-input-focus: rgba(30, 32, 52, .95);--border-input: #374151;--border-divider: rgba(255, 255, 255, .1);--bg-layout: #13141f;--bg-sidebar: #1e2030;--border-sidebar: #2d3150;--text-sidebar: #cbd5e1;--bg-header: rgba(30, 32, 50, .97);--bg-dropdown-header: rgba(255, 255, 255, .05)}[data-theme=dark] .main-layout{background:var(--bg-layout)}[data-theme=dark] .sidebar{background:var(--bg-sidebar);color:var(--text-sidebar);border-right-color:var(--border-sidebar);box-shadow:2px 0 10px #0006}[data-theme=dark] .sidebar-header{border-bottom-color:var(--border-sidebar)}[data-theme=dark] .sidebar-toggle{color:var(--text-sidebar)}[data-theme=dark] .sidebar-toggle:hover{background-color:#ffffff14}[data-theme=dark] .sidebar-nav-item{color:var(--text-sidebar)}[data-theme=dark] .sidebar-nav-item:hover{background-color:#ffffff14}[data-theme=dark] .app-header,[data-theme=dark] .header-bar{background:var(--bg-sidebar);border-bottom-color:var(--border-sidebar);color:var(--text-primary)}[data-theme=dark] .main-content,[data-theme=dark] .content-area{background:var(--bg-content)}[data-theme=dark] .app-card{background:var(--bg-surface);border-color:var(--border-surface);box-shadow:0 8px 32px #0006}[data-theme=dark] .app-card:hover{box-shadow:0 12px 48px #00000080}[data-theme=dark] .card-header,[data-theme=dark] .card-footer{border-color:var(--border-divider)}[data-theme=dark] .form-control{background:var(--bg-input);border-color:var(--border-input);color:var(--text-primary)}[data-theme=dark] .form-control:focus{background:var(--bg-input-focus);border-color:var(--color-primary)}[data-theme=dark] .form-control::-moz-placeholder{color:var(--text-secondary)}[data-theme=dark] .form-control::placeholder{color:var(--text-secondary)}[data-theme=dark] .form-label{color:var(--text-label)}[data-theme=dark] table{background:var(--bg-surface);color:var(--text-primary)}[data-theme=dark] th{background:rgba(255,255,255,.05);color:var(--text-label);border-bottom-color:var(--border-divider)}[data-theme=dark] td{border-bottom-color:var(--border-divider);color:var(--text-primary)}[data-theme=dark] tr:hover td{background:rgba(255,255,255,.04)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;scroll-behavior:smooth;font-family:var(--font-family-base, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-size:var(--font-size-base, 14px)}body{font-family:var(--font-family-base, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-size:var(--font-size-base, 14px);line-height:1.6;color:var(--text-primary, #333);background:linear-gradient(135deg,var(--bg-body-start, #667eea) 0%,var(--bg-body-end, #764ba2) 100%);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.4;margin-bottom:.5rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:1rem}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}.app-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;white-space:nowrap}.app-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.app-btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-end) 100%);color:#fff}.app-btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary-end-hover) 100%)}.app-btn-secondary{background:rgba(255,255,255,.9);color:var(--color-primary);border:1px solid rgba(var(--color-primary-rgb),.3)}.app-btn-secondary:hover{background:white;border-color:var(--color-primary)}.btn-success{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);color:#fff}.btn-success:hover{background:linear-gradient(135deg,#218838 0%,#1c9c7a 100%)}.btn-danger{background:linear-gradient(135deg,#dc3545 0%,#e83e8c 100%);color:#fff}.btn-danger:hover{background:linear-gradient(135deg,#c82333 0%,#d91a72 100%)}.btn-warning{background:linear-gradient(135deg,#ffc107 0%,#fd7e14 100%);color:#212529}.btn-warning:hover{background:linear-gradient(135deg,#e0a800 0%,#e8690b 100%)}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-label, #374151)}.form-control{width:100%;padding:.75rem 1rem;font-size:1rem;line-height:1.5;color:#495057;background:var(--bg-input, rgba(255,255,255,.9));border:1px solid var(--border-input, #ced4da);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1);background:var(--bg-input-focus, rgba(255,255,255,.95))}.form-control::-moz-placeholder{color:#6c757d}.form-control::placeholder{color:#6c757d}.app-card{background:var(--bg-surface, rgba(255,255,255,.95));border-radius:12px;padding:1.5rem;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-surface, rgba(255,255,255,.2));transition:all .3s ease}.app-card:hover{transform:translateY(-4px);box-shadow:0 12px 48px #00000026}.card-header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.1)}.card-title{font-size:1.25rem;font-weight:600;margin:0}.card-body{padding:0}.card-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.1)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-block{display:block}.d-inline{display:inline}.d-none{display:none}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.justify-content-start{justify-content:flex-start}.justify-content-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:1rem}.m-4{margin:1.5rem}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:fadeIn .3s ease}.slide-down{animation:slideDown .3s ease}@page{size:A4 portrait;margin:5mm 5mm 5mm 8mm}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-divider, rgba(0,0,0,.2));border-radius:4px;-webkit-transition:background .2s;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #9ca3af)}*{scrollbar-width:thin;scrollbar-color:var(--border-divider, rgba(0,0,0,.2)) transparent}@media (max-width: 768px){body{font-size:14px}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}.btn{padding:.6rem 1.2rem;font-size:.9rem}.card{padding:1rem}}:root{--color-primary: #667eea;--color-primary-end: #764ba2;--color-primary-rgb: 102, 126, 234;--color-primary-hover: #5a6fd8;--color-primary-end-hover: #6a4190;--font-family-base: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.main-layout .content-area,.main-layout .app-container{overflow:hidden}.nha-thoi-vu-filter-mobile-btn{display:none}@media (max-width: 768px){.main-content:has(.staff-dispatch-v2-page){height:auto;overflow:visible;min-height:unset}.app-container:has(.staff-dispatch-v2-page){overflow:visible;height:auto;min-height:unset;flex:unset}.content-area:has(.staff-dispatch-v2-page){overflow:visible;min-height:unset;flex:unset;height:auto}.dktv-header{padding:8px 0;box-shadow:none;border-radius:0}.dktv-header h2{display:none}.dktv-controls{display:flex;flex-direction:row;align-items:center;gap:8px;width:100%;padding:0;justify-content:space-between}.add-candidate-btn{min-width:40px;max-width:40px;height:40px;padding:0;justify-content:center;background:#28a745;border-radius:6px;color:#fff;font-size:0;display:flex;align-items:center;gap:0}.add-candidate-btn>svg{width:24px;height:24px;color:#fff}.search-container{flex:1;min-width:0;margin:0;max-width:calc(100% - 100px)}.search-input{font-size:14px;padding:8px 8px 8px 36px;border-radius:6px;width:100%}.nha-thoi-vu-filter{display:none!important}.nha-thoi-vu-filter-mobile-btn{display:flex;min-width:40px;max-width:40px;height:40px;background:#fff;border:1px solid #ddd;border-radius:6px;align-items:center;justify-content:center;cursor:pointer;margin-left:0;color:var(--color-primary, #667eea);transition:all .3s ease}.nha-thoi-vu-filter-mobile-btn:hover{background:rgba(var(--color-primary-rgb, 102, 126, 234),.1);border-color:var(--color-primary, #667eea)}.nha-thoi-vu-filter-mobile-btn>svg{width:22px;height:22px;color:var(--color-primary, #667eea)}.nha-thoi-vu-modal-mobile{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:2000;display:flex;align-items:center;justify-content:center}.nha-thoi-vu-modal-content-mobile{background:#fff;border-radius:10px;box-shadow:0 2px 12px #00000026;padding:16px;min-width:220px;max-width:90vw;max-height:80vh;overflow-y:auto;position:relative}.nha-thoi-vu-modal-content-mobile h4{font-size:1.1rem;margin-bottom:12px;color:#2c3e50}.nha-thoi-vu-modal-list-mobile{list-style:none;padding:0;margin:0}.nha-thoi-vu-modal-list-mobile li{padding:10px 0;border-bottom:1px solid #eee;cursor:pointer;color:#374151;font-size:1rem;transition:background .2s}.nha-thoi-vu-modal-list-mobile li:last-child{border-bottom:none}.nha-thoi-vu-modal-list-mobile li:hover,.nha-thoi-vu-modal-list-mobile li.selected{background:rgba(var(--color-primary-rgb, 102, 126, 234),.07);color:var(--color-primary, #667eea)}.nha-thoi-vu-modal-close-mobile{position:absolute;top:10px;right:16px;background:none;border:none;font-size:1.5rem;color:var(--color-primary, #667eea);cursor:pointer}}