@charset "UTF-8";.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:#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}}.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}.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:white;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:450px;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:#2c3e50;margin:0 0 10px}.confirm-modal-message{font-size:15px;color:#7f8c8d;line-height:1.5;margin:0;white-space:pre-line}.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:#ecf0f1;color:#7f8c8d}.confirm-modal-btn-cancel:hover{background:#bdc3c7;color:#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%}}.cpn-loadingspinner-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.cpn-loadingspinner{width:48px;height:48px;border:4px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation: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:#667eea;margin:0}.cpn-loadingspinner-text.small{font-size:.9rem}.cpn-loadingspinner-text.large{font-size:1.3rem}.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:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:400px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:14px 16px 16px;background: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}@keyframes slideOutRight{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:#2c3e50;line-height:1.4}.toast-close{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#7f8c8d;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;flex-shrink:0}.toast-close:hover{background:#ecf0f1;color:#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}}*{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}.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}.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(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}.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:#667eea;box-shadow:0 0 0 2px #667eea1a}.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 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:#667eea;color:#fff;border-color:#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:#667eea;color:#fff;border-color:#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-values{flex:1;overflow-y:auto;max-height:250px;padding:4px 0}.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}.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}.filter-values::-webkit-scrollbar{width:6px}.filter-values::-webkit-scrollbar-track{background:#f1f1f1}.filter-values::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.printcard-page-wrapper .pagination{display:flex;justify-content:center;align-items:center;gap:10px;background:transparent;position:static;border:none;box-shadow:none;border-radius:0;padding:0;height:auto;z-index:auto;flex-shrink:0}.printcard-page-wrapper .pagination button{padding:8px 16px;border:1px solid #667eea;background:white;cursor:pointer;border-radius:6px;font-size:14px;font-weight:600;color:#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;display:flex;align-items:center;justify-content:center}.printcard-page-wrapper .pagination button:enabled:hover{background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.printcard-page-wrapper .pagination 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}.printcard-page-wrapper #pageInfo{font-size:14px;font-weight:600;color:#333;background:#f8f9fa;border-radius:6px;padding:8px 16px;white-space:nowrap}.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}.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}.printcard-page-wrapper .loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #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:#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:#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 .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:#667eea;border-bottom-color:#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;overflow-x:auto!important;overflow-y:auto!important;z-index:1!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}.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}}.ac-wrapper,.ac-header,.ac-stats-bar{position:relative;z-index:1!important}.ac-filter-panel{position:relative;z-index:10!important}.ac-data-table-container,.ac-attendance-table,.ac-attendance-table thead,.ac-attendance-table tbody,.ac-loading-overlay{position:relative;z-index:1!important}body{overflow:visible!important;position:relative!important;z-index:auto!important}.ac-wrapper{min-height:100vh;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);padding:10px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:visible}.ac-header{display:flex;justify-content:space-between;align-items:center;background:white;padding:20px 30px;border-radius:15px;box-shadow:0 4px 20px #0000001a;margin-bottom:10px;border:1px solid #e1e5e9}.ac-header-left{display:flex;flex-direction:column;gap:10px}.ac-page-title{display:flex;align-items:center;gap:12px}.ac-title-icon{color:#2563eb;width:28px;height:28px;flex-shrink:0}.ac-page-title h1{font-size:28px;font-weight:700;color:#1f2937;margin:0;background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ac-update-info{display:flex;align-items:center;gap:15px}.ac-last-update{font-size:14px;color:#6b7280;font-weight:500}.ac-auto-refresh-indicator{display:flex;align-items:center;gap:6px;font-size:13px;color:#059669;font-weight:500}.ac-refresh-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:ac-pulse 2s infinite}@keyframes ac-pulse{0%,to{opacity:1}50%{opacity:.5}}.ac-header-controls{display:flex;align-items:center;gap:15px}.ac-date-picker,.ac-date-range-picker{display:flex;align-items:center;gap:8px;background:#f8fafc;padding:10px 15px;border-radius:10px;border:2px solid #e2e8f0;transition:all .3s ease;box-sizing:border-box}.ac-date-picker:focus-within,.ac-date-range-picker:focus-within{border-color:#2563eb;background:white;box-shadow:0 0 0 3px #2563eb1a}.ac-date-inputs{display:flex;gap:15px;align-items:center;flex:1;min-width:0;box-sizing:border-box}.ac-date-input-group{display:flex;flex-direction:column;gap:4px}.ac-date-input-group label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.ac-calendar-icon{color:#64748b;width:18px;height:18px}.ac-date-input{border:none;background:transparent;font-size:14px;font-weight:500;outline:none;box-sizing:border-box;flex-shrink:1}.ac-filter-toggle-btn,.ac-auto-refresh-btn,.ac-manual-refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:2px solid;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;background:white}.ac-mobile-filter-btn{display:none}.ac-filter-toggle-btn{border-color:#7c3aed;color:#7c3aed}.ac-filter-toggle-btn:hover{background:#7c3aed;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #7c3aed4d}.ac-auto-refresh-btn{border-color:#059669;color:#059669}.ac-auto-refresh-btn.active{background:#059669;color:#fff;box-shadow:0 4px 15px #0596694d}.ac-auto-refresh-btn:hover:not(.active){background:#059669;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #0596694d}.ac-manual-refresh-btn{border-color:#2563eb;color:#2563eb}.ac-manual-refresh-btn:hover:not(:disabled){background:#2563eb;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #2563eb4d}.ac-manual-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.ac-spinning{animation:ac-spin 1s linear infinite}@keyframes ac-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ac-filter-panel{background:white;padding:20px 30px;border-radius:15px;box-shadow:0 4px 20px #0000001a;margin-bottom:10px;border:1px solid #e1e5e9;position:relative;z-index:10!important;overflow:visible!important;width:100%;box-sizing:border-box}.ac-filter-grid{display:flex;align-items:end;gap:20px;flex-wrap:wrap;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.ac-filter-row{display:contents}.ac-filter-item{display:flex;flex-direction:column;gap:1px;flex:1;min-width:200px;max-width:100%;box-sizing:border-box}.ac-filter-item label{font-weight:600;font-size:14px}.ac-filter-item input{padding:10px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;background:#f9fafb;transition:all .3s ease}.ac-filter-item input:focus{outline:none;border-color:#2563eb;background:white;box-shadow:0 0 0 3px #2563eb1a}.ac-filter-select{padding:10px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;background:#f9fafb;transition:all .3s ease;cursor:pointer}.ac-filter-select:focus{outline:none;border-color:#2563eb;background:white;box-shadow:0 0 0 3px #2563eb1a}.ac-multi-select-container{position:relative;width:100%;z-index:1000!important;isolation:isolate}.ac-multi-select-container.dropdown-open{z-index:999999999!important}.ac-multi-select-display{min-height:42px;padding:8px 12px;border:2px solid #e5e7eb;border-radius:8px;background:#f9fafb;cursor:pointer;transition:all .3s ease;position:relative;z-index:1;display:flex;align-items:center;gap:8px;font-size:14px;overflow:hidden}.ac-multi-select-container.dropdown-active .ac-multi-select-display{z-index:-1}.ac-multi-select-container.dropdown-active .ac-multi-select-dropdown{z-index:999999999!important}.ac-multi-select-display:hover{border-color:#d1d5db;background:white}.ac-multi-select-display:focus-within{border-color:#2563eb;background:white;box-shadow:0 0 0 3px #2563eb1a}.ac-placeholder{color:#9ca3af;font-style:italic;display:flex;align-items:center;min-height:24px;font-size:14px}.ac-selected-items{display:flex;flex-wrap:nowrap;gap:6px;min-height:24px;align-items:center;overflow:hidden;max-width:100%}.ac-selected-item{display:inline-flex;align-items:center;gap:6px;background:#dbeafe;border:1px solid #2563eb;color:#1e40af;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.ac-selected-more{display:inline-flex;align-items:center;background:#f3f4f6;border:1px solid #d1d5db;color:#6b7280;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;flex-shrink:0;cursor:pointer;transition:background-color .2s ease}.ac-selected-more:hover{background:#e5e7eb;color:#374151}.ac-remove-item{background:none;border:none;color:#ef4444;font-size:16px;font-weight:700;cursor:pointer;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.ac-remove-item:hover{background-color:#fee2e2}.ac-multi-select-wrapper{position:relative;z-index:999999!important;isolation:isolate}.ac-multi-select-container .ac-multi-select-dropdown,.ac-multi-select-wrapper .ac-multi-select-dropdown{z-index:999999!important}.ac-multi-select-dropdown{position:absolute!important;top:calc(100% + 2px)!important;left:0!important;right:0!important;background:white!important;border:2px solid #e5e7eb!important;border-radius:8px!important;max-height:300px!important;overflow-y:auto!important;z-index:999999999!important;opacity:0!important;visibility:hidden!important;transform:translateY(-10px) translateZ(0)!important;transition:all .3s ease!important;min-width:180px!important;pointer-events:auto!important;box-shadow:0 8px 25px #00000026!important;will-change:transform,opacity!important}.ac-multi-select-wrapper,.ac-filter-row-1,.ac-filter-row-2,.ac-filter-row-3,.ac-filter-grid{overflow:visible!important}.ac-multi-select-dropdown:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;pointer-events:none}.ac-multi-select-dropdown.ac-show{opacity:1!important;visibility:visible!important;transform:translateY(0) translateZ(0)!important;z-index:999999999!important}@media (max-width: 768px){.ac-multi-select-container,.ac-multi-select-wrapper{position:relative!important;z-index:999999!important}.ac-selected-item{max-width:120px;font-size:11px;padding:3px 6px}.ac-selected-more{font-size:11px;padding:3px 6px}.ac-multi-select-display{min-height:36px;padding:6px 8px;font-size:13px}.ac-multi-select-dropdown{position:absolute!important;top:100%!important;left:0!important;right:0!important;max-height:40vh!important;border-radius:12px!important;margin-top:4px!important;box-shadow:0 10px 40px #00000040!important;z-index:999999999!important}.ac-multi-select-dropdown.ac-show{transform:translateY(0)!important}.ac-multi-select-dropdown.ac-position-below{top:var(--dropdown-top, 50%)!important}.ac-multi-select-dropdown.ac-position-above{bottom:var(--dropdown-bottom, 50%)!important;top:auto!important}.ac-multi-select-dropdown.ac-position-center{top:50%!important;transform:translateY(-50%)!important}.ac-multi-select-dropdown:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:-1;pointer-events:none}.ac-filter-panel,.ac-filter-grid,.ac-filter-row-1,.ac-filter-row-2,.ac-filter-row-3{overflow:visible!important;position:relative!important}}.ac-checkbox-item{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f3f4f6;background-color:transparent!important;background:none!important}.ac-checkbox-item,.ac-checkbox-item:link,.ac-checkbox-item:visited,.ac-checkbox-item:focus,.ac-checkbox-item:active,.ac-checkbox-item:target,.ac-checkbox-item[style]{background:transparent!important;background-color:transparent!important;background-image:none!important}.ac-checkbox-item:last-child{border-bottom:none}.ac-checkbox-item:hover{background-color:#f9fafb!important;background:#f9fafb!important}.ac-checkbox-item input[type=checkbox]{margin:0;cursor:pointer;accent-color:#2563eb}.ac-checkbox-item span{flex:1;font-size:14px}.ac-select-all{background-color:transparent!important;background:none!important;border-bottom:2px solid #e5e7eb;font-weight:600}.ac-select-all,.ac-select-all:link,.ac-select-all:visited,.ac-select-all:focus,.ac-select-all:active,.ac-select-all:target,.ac-select-all[style]{background:transparent!important;background-color:transparent!important;background-image:none!important}.ac-select-all:hover{background-color:#f1f5f9!important;background:#f1f5f9!important}.ac-select-all span{color:#1f2937}.ac-dropdown-divider{height:1px;background-color:#e5e7eb;margin:4px 0}.ac-empty-option{background-color:transparent!important;background:none!important;border-top:1px solid #f59e0b;border-bottom:1px solid #f59e0b}.ac-empty-option,.ac-empty-option:link,.ac-empty-option:visited,.ac-empty-option:focus,.ac-empty-option:active,.ac-empty-option:target,.ac-empty-option[style]{background:transparent!important;background-color:transparent!important;background-image:none!important}.ac-empty-option:hover{background-color:#fef3c7!important;background:#fef3c7!important}.ac-empty-option span{color:#92400e;font-style:italic}.ac-multi-select-dropdown .ac-checkbox-item,.ac-multi-select-dropdown .ac-select-all,.ac-multi-select-dropdown .ac-empty-option,.ac-multi-select-dropdown label,.ac-multi-select-dropdown .ac-checkbox-item *,.ac-multi-select-dropdown .ac-select-all *,.ac-multi-select-dropdown .ac-empty-option *{background-color:transparent!important;background:none!important;background-image:none!important}.ac-multi-select-dropdown label{background-color:transparent!important;background:transparent!important;background-image:none!important;color:inherit!important}.ac-multi-select-dropdown *[class]{background-color:transparent!important;background:none!important}.ac-multi-select-dropdown .ac-checkbox-item:before,.ac-multi-select-dropdown .ac-checkbox-item:after,.ac-multi-select-dropdown .ac-select-all:before,.ac-multi-select-dropdown .ac-select-all:after,.ac-multi-select-dropdown .ac-empty-option:before,.ac-multi-select-dropdown .ac-empty-option:after,.ac-multi-select-dropdown label:before,.ac-multi-select-dropdown label:after{background-color:transparent!important;background:none!important;content:none!important;display:none!important}.ac-multi-select-dropdown .ac-checkbox-item:active,.ac-multi-select-dropdown .ac-checkbox-item:focus,.ac-multi-select-dropdown .ac-checkbox-item:visited,.ac-multi-select-dropdown .ac-select-all:active,.ac-multi-select-dropdown .ac-select-all:focus,.ac-multi-select-dropdown .ac-select-all:visited,.ac-multi-select-dropdown .ac-empty-option:active,.ac-multi-select-dropdown .ac-empty-option:focus,.ac-multi-select-dropdown .ac-empty-option:visited,.ac-multi-select-dropdown label:active,.ac-multi-select-dropdown label:focus,.ac-multi-select-dropdown label:visited{background-color:transparent!important;background:none!important}.ac-multi-select-dropdown .ac-checkbox-item:hover,.ac-multi-select-dropdown .ac-select-all:hover{background-color:#f9fafb!important;background:#f9fafb!important}.ac-loading-option{padding:10px 12px;text-align:center;color:#9ca3af;font-style:italic;font-size:14px}.ac-multi-select-dropdown *,.ac-multi-select-dropdown *:before,.ac-multi-select-dropdown *:after{background-color:transparent!important;background:transparent!important;background-image:none!important}.ac-multi-select-dropdown{background-color:#fff!important;background:white!important}.ac-multi-select-dropdown>*,.ac-multi-select-dropdown label,.ac-multi-select-dropdown .ac-checkbox-item,.ac-multi-select-dropdown .ac-select-all,.ac-multi-select-dropdown .ac-empty-option{background-color:transparent!important;background:none!important;background-image:none!important}.ac-multi-select-dropdown *:not(:hover),.ac-multi-select-dropdown *:not(.ac-checkbox-item:hover),.ac-multi-select-dropdown *:not(.ac-select-all:hover),.ac-multi-select-dropdown *:not(.ac-empty-option:hover){background:none!important;background-color:transparent!important}.ac-multi-select-dropdown [style*=background]{background:transparent!important;background-color:transparent!important}.ac-multi-select-dropdown *:nth-child(odd),.ac-multi-select-dropdown *:nth-child(2n),.ac-multi-select-dropdown *:nth-of-type(odd),.ac-multi-select-dropdown *:nth-of-type(2n){background-color:transparent!important;background:none!important}.ac-multi-select-dropdown .ac-checkbox-item:hover{background-color:#f9fafb!important;background:#f9fafb!important}.ac-multi-select-dropdown .ac-select-all:hover{background-color:#f1f5f9!important;background:#f1f5f9!important}.ac-multi-select-dropdown .ac-empty-option:hover{background-color:#fef3c7!important;background:#fef3c7!important}.ac-pagination-container{display:flex;justify-content:space-between;align-items:center;padding:20px;background:white;border-top:1px solid #e5e7eb;flex-wrap:wrap;gap:15px}.ac-pagination-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:white;border:1px solid #e1e5e9;border-top:none;border-radius:0 0 15px 15px;box-shadow:0 4px 20px #0000001a;flex-wrap:wrap;gap:15px;max-width:100%;box-sizing:border-box}.ac-pagination-info{display:flex;align-items:center;gap:15px;font-size:14px;color:#6b7280}.ac-items-per-page{display:flex;align-items:center;gap:8px}.ac-page-size-select{padding:8px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;background:white;cursor:pointer;min-width:120px;transition:all .2s ease}.ac-page-size-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.ac-page-size-select:hover{border-color:#9ca3af}.ac-pagination-controls{display:flex;align-items:center;gap:8px;max-width:100%;box-sizing:border-box}.ac-pagination-btn{padding:8px 12px;border:1px solid #d1d5db;background:white;font-size:14px;border-radius:6px;cursor:pointer;transition:all .2s ease;min-width:40px;display:flex;align-items:center;justify-content:center}.ac-pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.ac-pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:#f9fafb;color:#9ca3af}.ac-pagination-active{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important}.ac-pagination-active:hover{background:#1d4ed8!important}.ac-pagination-pages{display:flex;align-items:center;gap:4px;max-width:100%;flex-wrap:wrap;justify-content:center}.ac-pagination-ellipsis{padding:8px 4px;color:#9ca3af;font-size:14px}.ac-pagination-jump{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280}.ac-page-jump-input{width:60px;padding:6px 8px;border:1px solid #d1d5db;border-radius:6px;text-align:center;font-size:14px}.ac-page-jump-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.ac-pagination-footer.ac-single-page{justify-content:space-between}.ac-single-page-info{display:flex;align-items:center;font-size:14px;color:#6b7280;font-weight:500}.ac-unknown-machine{color:#f59e0b!important;font-style:italic}.ac-machine-status{font-size:11px;color:#ef4444;font-weight:500;margin-left:4px}.ac-employee-avatar{width:28px;height:28px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-right:8px;border:2px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.ac-employee-avatar:hover{border-color:#2563eb;transform:scale(1.1);box-shadow:0 2px 8px #2563eb33}@media (max-width: 768px){.ac-pagination-container,.ac-pagination-footer{flex-direction:column;gap:15px;padding:15px 20px;max-width:100%;box-sizing:border-box}.ac-pagination-controls{flex-wrap:wrap;justify-content:center;max-width:100%}.ac-pagination-pages{order:3;flex-wrap:wrap;justify-content:center;max-width:100%}.ac-pagination-info{flex-direction:column;text-align:center;gap:10px;width:100%}.ac-items-per-page{justify-content:center;flex-wrap:wrap}}.ac-filter-actions{display:flex;align-items:end;justify-content:flex-end;margin-left:auto;flex-shrink:0;gap:10px}.ac-clear-filters-btn{padding:10px 16px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.ac-clear-filters-btn:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 15px #ef44444d}.ac-export-excel-btn{padding:10px 16px;background:#059669;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.ac-export-excel-btn:hover{background:#047857;transform:translateY(-2px);box-shadow:0 4px 15px #0596694d}.ac-export-excel-btn:active{transform:translateY(0)}.ac-stats-bar{display:flex;gap:20px;background:white;padding:20px 30px;border-radius:15px;box-shadow:0 4px 20px #0000001a;margin-bottom:10px;border:1px solid #e1e5e9;align-items:center;width:100%;box-sizing:border-box;overflow:hidden}.ac-stats-desktop{display:flex;flex-wrap:nowrap;justify-content:space-between}.ac-stats-desktop .ac-stat-item{flex:1;min-width:0;max-width:none}.ac-stats-desktop .ac-stat-date-picker{flex:1.5;min-width:300px}.ac-stats-desktop .ac-stat-filter{flex:0 0 auto;margin-left:20px}.ac-stats-mobile{display:none}@media (max-width: 768px){.ac-stats-desktop{display:none}.ac-stats-mobile{display:flex;flex-direction:column;gap:15px}}.ac-stats-mobile-row{display:contents}.ac-stat-item{display:flex;flex-direction:column;gap:5px;text-align:center;flex:1;min-width:0;max-width:100%;box-sizing:border-box}.ac-stat-label{font-size:14px;color:#6b7280;font-weight:500}.ac-stat-value{font-size:24px;font-weight:700;color:#1f2937;background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ac-stat-filter{flex:none!important;margin-left:auto;text-align:right}.ac-stat-filter .ac-filter-toggle-btn{padding:12px;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;font-size:0}.ac-stat-filter .ac-filter-toggle-btn:hover{transform:translateY(-2px) scale(1.05)}.ac-stat-date-picker{flex:1.5!important;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;max-width:100%;box-sizing:border-box;justify-content:center}.ac-stat-date-picker .ac-stat-label{margin-bottom:8px}.ac-stat-date-picker .ac-date-range-picker{padding:8px 12px;border-radius:10px;transition:all .3s ease;display:flex;align-items:center;gap:8px;justify-content:center;width:auto;max-width:400px;min-width:280px;box-sizing:border-box}.ac-stat-date-picker .ac-calendar-icon{color:#6b7280;width:16px;height:16px;flex-shrink:0}.ac-stat-date-picker .ac-date-inputs{display:flex;gap:8px;align-items:center;flex:1;min-width:0}.ac-stat-date-picker .ac-date-separator{font-size:16px;font-weight:700;color:#1f2937;background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 4px;flex-shrink:0}.ac-stat-date-picker .ac-date-input{padding:4px 6px;border:none;border-radius:6px;font-size:14px;font-weight:700;color:#1f2937;background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-color:transparent;transition:all .2s ease;flex:1;min-width:90px;max-width:120px;text-align:center;box-sizing:border-box}.ac-stat-date-picker .ac-date-input::-moz-selection{background:rgba(37,99,235,.3);color:#1f2937;-webkit-text-fill-color:#1f2937}.ac-stat-date-picker .ac-date-input::selection{background:rgba(37,99,235,.3);color:#1f2937;-webkit-text-fill-color:#1f2937}.ac-stat-date-picker .ac-date-input::-moz-selection{background:rgba(37,99,235,.3);color:#1f2937}.ac-stat-date-picker .ac-date-input:focus{outline:none}.ac-data-table-container{background:white;border-radius:15px 15px 0 0;box-shadow:0 4px 20px #0000001a;overflow:hidden;border:1px solid #e1e5e9;position:relative;display:flex;flex-direction:column;max-height:74vh;z-index:1!important}.ac-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.9);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;z-index:1}.ac-loading-spinner{width:40px;height:40px;color:#2563eb;animation:ac-spin 1s linear infinite}.ac-attendance-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;position:relative;display:flex;flex-direction:column;height:100%}.ac-attendance-table thead{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;display:block;width:100%;padding-right:8px;box-sizing:border-box;z-index:1;position:relative}.ac-attendance-table thead tr{display:table;width:100%;table-layout:fixed}.ac-attendance-table th{padding:12px 8px;text-align:center;font-weight:600;font-size:13px;white-space:nowrap;border-right:1px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#2563eb,#7c3aed);position:relative;box-sizing:border-box}.ac-attendance-table th:last-child{border-right:none}.ac-th-stt{min-width:60px;width:4%;text-align:center}.ac-th-employee-code{min-width:120px;width:8%;text-align:center}.ac-th-name{min-width:250px;width:20%;text-align:center}.ac-th-department{min-width:120px;width:10%;text-align:center}.ac-th-workshop{min-width:100px;width:8%;text-align:center}.ac-th-machine{min-width:130px;width:12%;text-align:center}.ac-th-date{min-width:100px;width:8%;text-align:center}.ac-th-count{min-width:80px;width:6%;text-align:center}.ac-th-time-1,.ac-th-time-2,.ac-th-time-3,.ac-th-time-4,.ac-th-time-5,.ac-th-time-6,.ac-th-time-7,.ac-th-time-8,.ac-th-time-9{min-width:90px;width:4.4%;text-align:center}.ac-th-time-10{min-width:82px;width:4.4%;text-align:center}.ac-attendance-table tbody{display:block;overflow-y:auto;flex:1;max-height:calc(74vh - 60px);width:100%}.ac-attendance-table tbody::-webkit-scrollbar{width:8px}.ac-attendance-table tbody::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.ac-attendance-table tbody::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.ac-attendance-table tbody::-webkit-scrollbar-thumb:hover{background:#94a3b8}.ac-attendance-table tbody tr{display:table;width:100%;table-layout:fixed;border-bottom:1px solid #f1f5f9;transition:all .3s ease}.ac-attendance-table tbody tr:hover{background:#f8fafc}.ac-attendance-table tbody tr:nth-child(2n){background:rgba(248,250,252,.5)}.ac-attendance-table tbody tr:nth-child(2n):hover{background:#f1f5f9}.ac-attendance-table td{padding:10px 6px;vertical-align:middle;border-right:1px solid #f1f5f9;box-sizing:border-box}.ac-attendance-table td:last-child{border-right:none}.ac-td-stt{min-width:60px;width:4%;text-align:center;font-weight:600;color:#6b7280}.ac-fingerprint-code{display:inline-block;background:#ddd6fe;color:#7c3aed;padding:4px 8px;border-radius:6px;font-weight:600;font-size:12px}.td-name{min-width:250px;width:20%;text-align:left;padding-left:10px!important;padding-right:6px!important}.ac-employee-info{display:flex;align-items:center;gap:8px}.ac-employee-info svg{color:#64748b}.ac-employee-name{font-weight:600;color:#1f2937}.td-employee-code{min-width:120px;width:8%;text-align:center}.ac-employee-code{display:inline-block;background:#bfdbfe;color:#2563eb;padding:4px 8px;border-radius:6px;font-weight:600;font-size:12px}.td-department{min-width:120px;width:10%;text-align:center}.td-workshop{min-width:100px;width:8%;text-align:center}.td-machine{min-width:130px;width:12%;text-align:center}.td-count{min-width:80px;width:6%;text-align:center}.ac-latest-time{font-weight:600;color:#059669;background:#d1fae5;padding:4px 8px;border-radius:6px;font-size:12px}.ac-check-count{display:inline-block;padding:4px 8px;border-radius:6px;font-weight:600;font-size:12px;min-width:30px;text-align:center}.ac-check-count.low{background:#fecaca;color:#dc2626}.ac-check-count.medium{background:#fed7aa;color:#ea580c}.ac-check-count.high{background:#bbf7d0;color:#059669}.ac-td-time{min-width:90px;width:4.4%;text-align:center}.ac-td-time-10{min-width:82px;width:4.4%;text-align:center}.ac-td-date{min-width:100px;width:8%;text-align:center;background-color:#f8fafc}.ac-check-time{display:inline-block;background:#e0f2fe;color:#0369a1;padding:3px 6px;border-radius:4px;font-weight:500;font-size:11px;white-space:nowrap}.ac-check-date{display:inline-block;background:#fef3c7;color:#92400e;padding:4px 6px;border-radius:4px;font-weight:600;font-size:11px}.ac-no-check{color:#9ca3af;font-weight:500}.ac-no-data{text-align:center;padding:40px;color:#6b7280;font-style:italic;font-size:16px}.ac-machine-ip{font-family:Courier New,monospace;font-size:12px;background:rgba(76,175,80,.1);border:1px solid rgba(76,175,80,.3);border-radius:4px;padding:4px 8px;color:#2e7d32;font-weight:500;display:inline-block}@media (max-width: 1400px){.ac-filter-grid{flex-wrap:nowrap}.ac-filter-item{min-width:220px}.ac-stats-bar{flex-wrap:wrap;gap:15px}.ac-stats-desktop .ac-stat-date-picker{min-width:250px}.ac-stat-item{min-width:150px}}@media (max-width: 1024px){.ac-header{flex-direction:column;align-items:stretch;gap:20px}.ac-header-controls{justify-content:space-between}.ac-filter-grid{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px}.ac-filter-row{display:contents}.ac-filter-item{min-width:200px}.ac-stats-bar{flex-wrap:wrap;justify-content:center;gap:15px}.ac-stat-item{min-width:180px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;padding:15px;transition:all .3s ease}.ac-stat-item:hover:not(.ac-stat-filter){background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 10px #0000001a}.ac-stats-desktop{display:none}.ac-stats-mobile{display:flex;flex-direction:column;gap:15px}.ac-stats-mobile .ac-stat-date-picker{flex:1 1 100%;order:1;min-width:100%}.ac-stats-mobile .ac-stats-mobile-row{display:flex;gap:15px;order:2}.ac-attendance-table th{padding:10px 6px;font-size:12px}.ac-attendance-table td{padding:8px 4px;font-size:12px}.td-name{padding-left:8px!important;padding-right:4px!important}.ac-data-table-container{overflow-x:auto;max-height:60vh}.ac-attendance-table{min-width:1000px}}@media (max-width: 768px){.ac-wrapper{padding:8px}.ac-header,.ac-filter-panel,.ac-stats-bar{padding:15px 18px;width:100%;box-sizing:border-box}.ac-page-title h1{font-size:24px}.ac-header-controls{flex-wrap:wrap;gap:10px}.ac-mobile-filter-btn{display:flex!important}.ac-filter-grid{display:flex;flex-direction:column;gap:12px;align-items:stretch;width:100%;box-sizing:border-box}.ac-filter-row{display:flex!important;gap:12px;width:100%;box-sizing:border-box}.ac-filter-row-1{display:flex;gap:8px}.ac-filter-row-1 .ac-filter-item{flex:1;min-width:0;max-width:50%}.ac-filter-row-2{display:flex;gap:8px}.ac-filter-row-2 .ac-filter-item{flex:1;min-width:0;max-width:50%}.ac-filter-row-3{display:flex;gap:8px;align-items:end}.ac-filter-row-3 .ac-filter-item{flex:2;min-width:0}.ac-filter-row-3 .ac-filter-actions{flex:1;display:flex;align-items:end;min-width:0}.ac-filter-row-3 .ac-clear-filters-btn{padding:12px 16px;font-size:14px;white-space:nowrap;min-height:44px;width:100%;display:flex;align-items:center;justify-content:center}.ac-filter-item{min-width:0;max-width:100%;box-sizing:border-box}.ac-filter-actions{margin-left:unset;margin-top:0;max-width:100%;box-sizing:border-box}.ac-stats-bar{flex-direction:column;gap:1px;padding:18px;width:100%;box-sizing:border-box}.ac-stats-mobile-row{display:flex!important;width:100%;gap:10px;box-sizing:border-box}.ac-stat-date-picker{order:1;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:15px;border-bottom:1px solid #e5e7eb;background:none!important;border:none!important}.ac-stat-date-picker .ac-stat-label{margin-bottom:10px;font-size:15px;font-weight:600}.ac-stat-date-picker .ac-date-range-picker{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:8px 12px;width:100%;max-width:350px;min-width:280px;justify-content:center;box-sizing:border-box}.ac-stat-date-picker .ac-date-input{max-width:100px;min-width:80px;font-size:13px;font-weight:600;text-align:center;box-sizing:border-box}.ac-stat-date-picker .ac-date-separator{font-size:16px;margin:0 6px}.ac-stats-mobile-row .ac-stat-item{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:12px 6px;transition:all .3s ease;min-width:0;box-sizing:border-box}.ac-stats-mobile-row .ac-stat-item:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.ac-stats-mobile-row .ac-stat-item .ac-stat-label{font-size:12px;font-weight:600;color:#6b7280;margin-bottom:6px;line-height:1.3}.ac-stats-mobile-row .ac-stat-item .ac-stat-value{font-size:20px;font-weight:700;line-height:1.2}.ac-stat-filter{display:none}.ac-data-table-container{max-height:50vh;overflow-x:auto;overflow-y:hidden;display:block}.ac-attendance-table{min-width:1200px;display:table;width:auto}.ac-attendance-table thead{display:table-header-group;position:sticky;top:0;z-index:10;padding-right:0}.ac-attendance-table thead tr{display:table-row;width:auto}.ac-attendance-table tbody{display:table-row-group;overflow:visible;max-height:none;width:auto}.ac-attendance-table tbody tr{display:table-row;width:auto}.ac-attendance-table th,.ac-attendance-table td{padding:6px 3px;font-size:11px;width:auto;min-width:unset}.td-name{padding-left:6px!important;padding-right:3px!important}.ac-th-stt,.ac-td-stt{width:50px}.ac-th-employee-code,.td-employee-code{width:100px}.ac-th-name,.td-name{width:200px}.ac-th-department,.td-department{width:100px}.ac-th-workshop,.td-workshop{width:80px}.ac-th-machine,.td-machine{width:120px}.ac-th-date,.ac-td-date{width:80px}.ac-th-count,.td-count{width:60px}.ac-th-time-1,.ac-th-time-2,.ac-th-time-3,.ac-th-time-4,.ac-th-time-5,.ac-th-time-6,.ac-th-time-7,.ac-th-time-8,.ac-th-time-9,.ac-th-time-10,.ac-td-time,.ac-td-time-10{width:70px}}@media (max-width: 480px){.ac-wrapper{padding:5px}.ac-page-title{flex-direction:row;align-items:center;gap:6px}.ac-page-title h1{font-size:18px}.ac-update-info{flex-direction:column;align-items:flex-start;gap:8px}.ac-header-controls{flex-direction:column;align-items:stretch}.ac-stats-bar{padding:15px;gap:12px}.ac-stats-desktop{display:none}.ac-stats-mobile{display:flex;flex-direction:column;gap:12px}.ac-stat-date-picker .ac-date-range-picker{display:flex;align-items:center;max-width:320px;min-width:260px;padding:8px 12px;gap:8px}.ac-stat-date-picker .ac-calendar-icon{width:16px;height:16px;flex-shrink:0;color:#6b7280}.ac-stat-date-picker .ac-date-inputs{display:flex;align-items:center;gap:8px;flex:1}.ac-stat-date-picker .ac-date-input{flex:1;max-width:none;min-width:80px;font-size:12px;text-align:center}.ac-stat-date-picker .ac-date-separator{font-size:14px;margin:0;flex-shrink:0}.ac-stats-mobile-row{gap:8px}.ac-pagination-footer{flex-direction:column;gap:12px;padding:12px 15px;max-width:100%;box-sizing:border-box}.ac-pagination-info{flex-direction:column;text-align:center;gap:8px;width:100%}.ac-items-per-page{justify-content:center;flex-wrap:wrap}.ac-page-size-select{min-width:100px;font-size:12px}.ac-pagination-controls{flex-direction:column;gap:10px;width:100%;align-items:center}.ac-pagination-pages{flex-wrap:wrap;justify-content:center;gap:4px}.ac-pagination-btn{padding:6px 10px;font-size:12px;min-width:36px}.ac-pagination-jump{justify-content:center;font-size:12px}.ac-page-jump-input{width:50px;font-size:12px}.ac-stats-mobile-row .ac-stat-item{padding:10px 6px}.ac-stats-mobile-row .ac-stat-item .ac-stat-label{font-size:11px;margin-bottom:4px}.ac-stats-mobile-row .ac-stat-item .ac-stat-value{font-size:18px}.ac-filter-row-1,.ac-filter-row-2{gap:8px}.ac-filter-row-3{flex-direction:column;gap:8px;align-items:stretch}.ac-filter-row-3 .ac-filter-item{flex:none;width:100%}.ac-filter-row-3 .ac-filter-actions{flex:none;width:100%;flex-direction:column;gap:6px}.ac-clear-filters-btn,.ac-export-excel-btn{width:100%;justify-content:center;padding:10px 14px;min-height:42px;font-size:13px}.ac-filter-toggle-btn,.ac-auto-refresh-btn,.ac-manual-refresh-btn{justify-content:center}.ac-attendance-table th,.ac-attendance-table td{padding:4px 2px;font-size:10px}.td-name{padding-left:4px!important;padding-right:2px!important}.ac-employee-code,.ac-fingerprint-code,.ac-check-count,.ac-check-time,.ac-check-date,.ac-machine-ip{padding:2px 4px;font-size:9px}}@media (max-width: 460px){.ac-wrapper{padding:5px}.ac-header,.ac-filter-panel,.ac-stats-bar{padding:12px;margin-bottom:8px;width:100%;box-sizing:border-box}.ac-stats-desktop{display:none}.ac-stats-mobile{display:flex;flex-direction:column;gap:8px}.ac-page-title{flex-direction:row;align-items:center;gap:6px}.ac-page-title h1{font-size:20px}.ac-title-icon{width:24px;height:24px;flex-shrink:0}.ac-stats-bar{gap:8px}.ac-stat-date-picker .ac-date-range-picker{display:flex;align-items:center;width:100%;max-width:280px;min-width:240px;padding:6px 10px;gap:6px;box-sizing:border-box}.ac-stat-date-picker .ac-calendar-icon{width:14px;height:14px;flex-shrink:0;color:#6b7280}.ac-stat-date-picker .ac-date-inputs{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.ac-stat-date-picker .ac-date-input{flex:1;min-width:60px;font-size:10px;text-align:center;padding:2px}.ac-stat-date-picker .ac-date-separator{font-size:10px;margin:0;flex-shrink:0}.ac-pagination-footer{flex-direction:column;gap:10px;padding:10px 12px;max-width:100%;box-sizing:border-box}.ac-pagination-info{flex-direction:column;text-align:center;gap:6px;width:100%;font-size:12px}.ac-items-per-page{justify-content:center;flex-wrap:wrap;gap:6px}.ac-page-size-select{min-width:90px;font-size:11px;padding:6px 8px}.ac-pagination-controls{flex-direction:column;gap:8px;width:100%;align-items:center}.ac-pagination-pages{flex-wrap:wrap;justify-content:center;gap:2px;max-width:100%}.ac-pagination-btn{padding:5px 8px;font-size:11px;min-width:32px}.ac-pagination-jump{justify-content:center;font-size:11px;gap:6px}.ac-page-jump-input{width:45px;font-size:11px;padding:4px 6px}.ac-filter-grid{gap:6px}.ac-filter-row-1,.ac-filter-row-2{gap:4px}.ac-filter-row-3{gap:4px;flex-direction:column;align-items:stretch}.ac-filter-row-3 .ac-filter-item,.ac-filter-row-3 .ac-filter-actions{flex:none;width:100%;max-width:100%;box-sizing:border-box}.ac-filter-row-3 .ac-filter-actions{flex-direction:column;gap:4px}.ac-clear-filters-btn,.ac-export-excel-btn{padding:8px 10px;min-height:36px;font-size:12px;width:100%;box-sizing:border-box}}@media (max-width: 380px){.ac-page-title{flex-direction:row;align-items:center;gap:4px}.ac-page-title h1{font-size:16px}.ac-title-icon{width:20px;height:20px;flex-shrink:0}.ac-stats-desktop{display:none}.ac-stats-mobile{display:flex;flex-direction:column;gap:6px}.ac-stat-date-picker .ac-date-range-picker{display:flex;align-items:center;max-width:260px;min-width:220px;padding:6px 8px;gap:4px}.ac-stat-date-picker .ac-calendar-icon{width:12px;height:12px;flex-shrink:0}.ac-stat-date-picker .ac-date-inputs{display:flex;align-items:center;gap:4px;flex:1}.ac-stat-date-picker .ac-date-input{flex:1;min-width:60px;font-size:10px;text-align:center;padding:2px}.ac-stat-date-picker .ac-date-separator{font-size:10px;margin:0;flex-shrink:0}.ac-pagination-footer{flex-direction:column;gap:8px;padding:8px 10px;max-width:100%;box-sizing:border-box}.ac-pagination-info{flex-direction:column;text-align:center;gap:4px;width:100%;font-size:11px}.ac-items-per-page{justify-content:center;flex-wrap:wrap;gap:4px}.ac-items-per-page label{font-size:10px}.ac-page-size-select{min-width:80px;font-size:10px;padding:4px 6px}.ac-pagination-controls{flex-direction:column;gap:6px;width:100%;align-items:center}.ac-pagination-pages{flex-wrap:wrap;justify-content:center;gap:1px;max-width:100%}.ac-pagination-btn{padding:4px 6px;font-size:10px;min-width:28px}.ac-pagination-jump{justify-content:center;font-size:10px;gap:4px}.ac-page-jump-input{width:40px;font-size:10px;padding:3px 4px}.ac-filter-grid{gap:6px}.ac-filter-row-1,.ac-filter-row-2{gap:4px}.ac-filter-row-3{gap:4px;flex-direction:column;align-items:stretch}.ac-filter-row-3 .ac-filter-item,.ac-filter-row-3 .ac-filter-actions{flex:none;width:100%;max-width:100%;box-sizing:border-box}.ac-filter-row-3 .ac-filter-actions{flex-direction:column;gap:4px}.ac-clear-filters-btn,.ac-export-excel-btn{padding:8px 10px;min-height:36px;font-size:12px;width:100%;box-sizing:border-box}}.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}}.cpn-imagecropmodal-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cpn-imagecropmodal-modal-container{background:white;border-radius:12px;width:90%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 12px 48px #0000004d}.cpn-imagecropmodal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #dee2e6}.cpn-imagecropmodal-header h3{margin:0;color:#2c3e50;font-size:1.25rem;font-weight:600}.cpn-imagecropmodal-close-btn{background:none;border:none;font-size:2rem;color:#6c757d;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.cpn-imagecropmodal-close-btn:hover{background:#f8f9fa;color:#dc3545}.cpn-imagecropmodal-image-container{position:relative;flex:1;overflow:hidden;background:#f8f9fa;min-height:400px;display:flex;align-items:center;justify-content:center}.cpn-imagecropmodal-image{max-width:100%;max-height:100%;display:block}.cpn-imagecropmodal-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#667eea}.cpn-imagecropmodal-spinner{width:48px;height:48px;border:4px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.cpn-imagecropmodal-loading p{margin:0;font-size:.95rem;font-weight:500}.cpn-imagecropmodal-footer{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-top:1px solid #dee2e6;gap:1rem;flex-wrap:wrap}.cpn-imagecropmodal-controls{display:flex;gap:.5rem}.cpn-imagecropmodal-controls button{background:white;border:1px solid #dee2e6;border-radius:6px;padding:.5rem 1rem;cursor:pointer;color:#495057;font-size:.95rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.cpn-imagecropmodal-controls button:hover:not(:disabled){background:#f8f9fa;border-color:#667eea;color:#667eea}.cpn-imagecropmodal-controls button:disabled{opacity:.5;cursor:not-allowed}.cpn-imagecropmodal-actions{display:flex;gap:.5rem}.cpn-imagecropmodal-actions button{border:none;border-radius:6px;padding:.5rem 1.5rem;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s ease}#cpn-imagecropmodal-confirm{background:#667eea;color:#fff}#cpn-imagecropmodal-confirm:hover:not(:disabled){background:#5568d3}#cpn-imagecropmodal-confirm:disabled{opacity:.5;cursor:not-allowed}#cpn-imagecropmodal-cancel{background:white;color:#6c757d;border:1px solid #dee2e6}#cpn-imagecropmodal-cancel:hover{background:#f8f9fa;border-color:#dc3545;color:#dc3545}@media (max-width: 768px){.cpn-imagecropmodal-modal-container{width:95%;max-height:95vh}.cpn-imagecropmodal-header{padding:1rem}.cpn-imagecropmodal-header h3{font-size:1.1rem}.cpn-imagecropmodal-image-container{min-height:300px}.cpn-imagecropmodal-footer{flex-direction:column;padding:1rem}.cpn-imagecropmodal-controls,.cpn-imagecropmodal-actions{width:100%}.cpn-imagecropmodal-controls button{flex:1;justify-content:center}.cpn-imagecropmodal-actions button{flex:1}}@media screen{._printModal_7765h_5{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_7765h_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_7765h_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_7765h_63 h3{margin:0;font-size:18px;color:#333}._printActions_7765h_99{display:flex;gap:10px}._btnPrint_7765h_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_7765h_109:hover{background:#0056b3}._btnClose_7765h_141{padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .3s}._btnClose_7765h_141:hover{background:#545b62}._printContent_7765h_171{flex:1;overflow-y:auto;overflow-x:auto;padding:20px;background:transparent}._loading_7765h_187{text-align:center;padding:40px;font-size:16px;color:#666}}@media screen and (max-width: 900px){._printModal_7765h_5{padding:10px}._printContainer_7765h_35{min-width:auto;width:100%}._printHeader_7765h_63{padding:10px 15px;flex-direction:column;gap:10px;align-items:flex-start}._printHeader_7765h_63 h3{font-size:16px}._printActions_7765h_99{width:100%;justify-content:flex-end}._printContent_7765h_171{padding:10px}}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}body *{visibility:hidden!important}._printModal_7765h_5,._printModal_7765h_5 *{visibility:visible!important}._printModal_7765h_5{position:absolute!important;left:0!important;top:0!important;width:100%!important;height:auto!important;background:none!important;padding:0!important;overflow:visible!important;display:block!important}._printContainer_7765h_35{width:100%!important;max-width:none!important;max-height:none!important;overflow:visible!important;box-shadow:none!important;border-radius:0!important;display:block!important}._printHeader_7765h_63{display:none!important}._printContent_7765h_171{padding:0!important;background:white!important;overflow:visible!important}._printActions_7765h_99,._btnPrint_7765h_109,._btnClose_7765h_141{display:none!important}body{margin:0!important;padding:0!important}._sheet_7765h_405,._sheet2_7765h_407{page-break-after:always;page-break-inside:avoid}._sheet_7765h_405:last-child,._sheet2_7765h_407:last-child{page-break-after:auto}}._printFormContainer_1fr3f_3{all:initial;display:block}._printFormContainer_1fr3f_3 *{box-sizing:border-box;font-family:Times New Roman,Times,serif}._printFormContainer_1fr3f_3 ._sheet_1fr3f_29,._printFormContainer_1fr3f_3 ._sheet2_1fr3f_31{top:0;width:199mm;min-height:288mm;background:#fff;border:1px solid #000;padding:10mm;box-sizing:border-box;position:relative}._printFormContainer_1fr3f_3 ._container_1fr3f_53{padding:10mm}._printFormContainer_1fr3f_3 ._logo_1fr3f_61{position:absolute;top:10px;left:10px;width:100px;height:auto;z-index:10}._printFormContainer_1fr3f_3 ._tieude_1fr3f_79{top:0;left:20px;line-height:18px;width:100%;position:absolute}._printFormContainer_1fr3f_3 ._tieudecongty_1fr3f_95{top:5px;left:316px;position:absolute;font-size:12px;text-align:center;letter-spacing:.1px}._printFormContainer_1fr3f_3 ._diachivasdt_1fr3f_113{top:40px;left:100px;position:absolute;font-weight:initial;font-size:12px;text-align:center;letter-spacing:.1px}._printFormContainer_1fr3f_3 ._phanloai_1fr3f_133{top:90px;left:240px;position:absolute;font-size:25px;font-weight:700;text-align:center;letter-spacing:.1px}._printFormContainer_1fr3f_3 ._vitridutuyen_1fr3f_153{top:170px;left:10px;position:absolute;font-size:15px;font-weight:700;text-align:center;letter-spacing:.3px}._printFormContainer_1fr3f_3 ._chucvudutuyen_1fr3f_173{top:200px;left:10px;position:absolute;font-size:15px;font-weight:700;text-align:center;letter-spacing:.3px}._printFormContainer_1fr3f_3 ._avatar_1fr3f_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_1fr3f_3 ._chimuc-cha_1fr3f_219{left:5px;top:230px;position:absolute;font-size:15px;font-weight:700;text-decoration:underline}._printFormContainer_1fr3f_3 ._chimuc-cha2_1fr3f_237{left:5px;top:5px;position:absolute;font-size:15px;font-weight:700;text-decoration:underline}._printFormContainer_1fr3f_3 ._table_1fr3f_255{left:10px;top:250px;position:absolute}._printFormContainer_1fr3f_3 ._table2_1fr3f_267{left:10px;top:20px;position:absolute}._printFormContainer_1fr3f_3 ._table_1fr3f_255 table,._printFormContainer_1fr3f_3 ._table2_1fr3f_267 table{width:193mm;font-size:13px;padding:3px;margin-top:5px}._printFormContainer_1fr3f_3 ._table_1fr3f_255 table tr._title_1fr3f_295 th,._printFormContainer_1fr3f_3 ._table2_1fr3f_267 table tr._title_1fr3f_295 th{font-style:normal;text-align:left;border:none}._printFormContainer_1fr3f_3 ._table_1fr3f_255 table tr._header_1fr3f_309 th,._printFormContainer_1fr3f_3 ._table2_1fr3f_267 table tr._header_1fr3f_309 th{font-weight:700;font-style:italic;text-align:center;border:1px solid #000;padding:3px 6px}._printFormContainer_1fr3f_3 ._table_1fr3f_255 table tr._row_1fr3f_327 th,._printFormContainer_1fr3f_3 ._table2_1fr3f_267 table tr._row_1fr3f_327 th{height:21px;border:1px solid #000;font-weight:400;text-align:left;padding:3px;font-style:italic}._printFormContainer_1fr3f_3 ._table_1fr3f_255 table tr._rows_1fr3f_347 th,._printFormContainer_1fr3f_3 ._table2_1fr3f_267 table tr._rows_1fr3f_347 th{height:21px;font-weight:400;border:1px solid #000;padding:3px;font-style:italic;text-align:center}._printFormContainer_1fr3f_3 ._circle_1fr3f_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_1fr3f_3 ._circle_1fr3f_367.checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);font-size:35px}._printFormContainer_1fr3f_3 ._option_1fr3f_413{display:inline-flex;align-items:center}._pageBreakAfter_1fr3f_425{page-break-after:always;-moz-column-break-after:always;break-after:always}@media print{._printFormContainer_1fr3f_3{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}._printFormContainer_1fr3f_3 img{filter:none;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;border:none!important;box-shadow:none!important}._printFormContainer_1fr3f_3 ._sheet_1fr3f_29,._printFormContainer_1fr3f_3 ._sheet2_1fr3f_31{background:white!important}._printFormContainer_1fr3f_3 ._sheet2_1fr3f_31:last-child{border:none!important}}._printFormContainer_7s0ci_3{all:initial;display:block}._printFormContainer_7s0ci_3 *{box-sizing:border-box;font-family:Times New Roman,Times,serif}._printFormContainer_7s0ci_3 ._sheet_7s0ci_29,._printFormContainer_7s0ci_3 ._sheet2_7s0ci_31{top:0;width:199mm;min-height:288mm;background:#fff;border:1px solid #000;padding:10mm;box-sizing:border-box;position:relative}._printFormContainer_7s0ci_3 ._container_7s0ci_53{padding:10mm}._printFormContainer_7s0ci_3 ._logo_7s0ci_61{position:absolute;top:10px;left:10px;width:100px;height:auto;z-index:10}._printFormContainer_7s0ci_3 ._tieude_7s0ci_79{top:0;left:20px;line-height:18px;width:100%;position:absolute}._printFormContainer_7s0ci_3 ._tieudecongty_7s0ci_95{top:5px;left:316px;position:absolute;font-size:12px;text-align:center;letter-spacing:.1px}._printFormContainer_7s0ci_3 ._diachivasdt_7s0ci_113{top:40px;left:100px;position:absolute;font-weight:initial;font-size:12px;text-align:center;letter-spacing:.1px}._printFormContainer_7s0ci_3 ._phanloai_7s0ci_133{top:90px;left:120px;position:absolute;font-size:25px;font-weight:700;text-align:center;letter-spacing:.1px}._printFormContainer_7s0ci_3 ._vitridutuyen_7s0ci_153{top:190px;left:10px;position:absolute;font-size:15px;font-weight:700;text-align:center;letter-spacing:.3px}._printFormContainer_7s0ci_3 ._chucvudutuyen_7s0ci_173{top:200px;left:10px;position:absolute;font-size:15px;font-weight:700;text-align:center;letter-spacing:.3px}._printFormContainer_7s0ci_3 ._avatar_7s0ci_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_7s0ci_3 ._table_7s0ci_219{left:10px;top:250px;position:absolute;font-size:13px}._printFormContainer_7s0ci_3 ._table2_7s0ci_233{left:10px;top:10px;position:absolute;font-size:13px}._printFormContainer_7s0ci_3 ._table_7s0ci_219 table,._printFormContainer_7s0ci_3 ._table2_7s0ci_233 table{width:193mm;font-size:13px;margin-top:5px}._printFormContainer_7s0ci_3 ._tr1_7s0ci_261 td,._printFormContainer_7s0ci_3 ._tr1_7s0ci_261 th{padding:3px 0 0;font-size:13px;font-style:italic;text-align:left}._printFormContainer_7s0ci_3 ._tr2_7s0ci_277 td,._printFormContainer_7s0ci_3 ._tr2_7s0ci_277 th{font-size:13px;line-height:22px;height:24px;padding:7px;font-style:italic;border:1px solid black}._printFormContainer_7s0ci_3 ._circle_7s0ci_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_7s0ci_3 ._circle_7s0ci_297._checked_7s0ci_325:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);font-size:35px}._printFormContainer_7s0ci_3 ._option_7s0ci_343{display:inline-flex;align-items:center}._pageBreakAfter_7s0ci_355{page-break-after:always;-moz-column-break-after:always;break-after:always}@media print{._printFormContainer_7s0ci_3{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}._printFormContainer_7s0ci_3 img{filter:none;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;border:none!important;box-shadow:none!important}._printFormContainer_7s0ci_3 ._sheet_7s0ci_29,._printFormContainer_7s0ci_3 ._sheet2_7s0ci_31{background:white!important}._printFormContainer_7s0ci_3 ._sheet2_7s0ci_31:last-child{border:none!important}}._printFormContainer_s4pkx_3{all:initial;display:block}._printFormContainer_s4pkx_3 *{box-sizing:border-box;font-family:Times New Roman,Times,serif}._printFormContainer_s4pkx_3 ._sheet_s4pkx_29,._printFormContainer_s4pkx_3 ._sheet2_s4pkx_31{top:0;width:199mm;min-height:288mm;background:#fff;border:1px solid #000;padding:10mm;box-sizing:border-box;position:relative}._printFormContainer_s4pkx_3 ._container_s4pkx_53{padding:10mm}._printFormContainer_s4pkx_3 ._logo_s4pkx_61{position:absolute;top:10px;left:10px;width:100px;height:auto;z-index:10}._printFormContainer_s4pkx_3 ._tieude_s4pkx_79{top:0;left:20px;line-height:18px;width:100%;position:absolute}._printFormContainer_s4pkx_3 ._tieudecongty_s4pkx_95{top:5px;left:316px;position:absolute;font-size:12px;text-align:center;letter-spacing:.1px}._printFormContainer_s4pkx_3 ._diachivasdt_s4pkx_113{top:40px;left:100px;position:absolute;font-weight:initial;font-size:12px;text-align:center;letter-spacing:.1px}._printFormContainer_s4pkx_3 ._phanloai_s4pkx_133{top:90px;left:120px;position:absolute;font-size:25px;font-weight:700;text-align:center;letter-spacing:.1px}._printFormContainer_s4pkx_3 ._vitridutuyen_s4pkx_153{top:180px;left:10px;position:absolute;font-size:15px;font-weight:700;text-align:center;letter-spacing:.3px}._printFormContainer_s4pkx_3 ._chucvudutuyen_s4pkx_173{top:200px;left:10px;position:absolute;font-size:15px;font-weight:700;text-align:center;letter-spacing:.3px}._printFormContainer_s4pkx_3 ._avatar_s4pkx_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_s4pkx_3 ._table_s4pkx_219{left:10px;top:250px;position:absolute;font-size:13px}._printFormContainer_s4pkx_3 ._table2_s4pkx_233{left:10px;top:10px;position:absolute;font-size:13px}._printFormContainer_s4pkx_3 ._table_s4pkx_219 table,._printFormContainer_s4pkx_3 ._table2_s4pkx_233 table{width:193mm;font-size:13px;margin-top:5px}._printFormContainer_s4pkx_3 ._tr1_s4pkx_261 td,._printFormContainer_s4pkx_3 ._tr1_s4pkx_261 th{padding:3px 0 0;font-size:13px;font-style:italic;text-align:left}._printFormContainer_s4pkx_3 ._tr2_s4pkx_277 td,._printFormContainer_s4pkx_3 ._tr2_s4pkx_277 th{font-size:13px;line-height:21px;height:22px;padding:4px;font-style:italic;border:1px solid black}._printFormContainer_s4pkx_3 ._circle_s4pkx_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_s4pkx_3 ._circle_s4pkx_297._checked_s4pkx_325:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);font-size:35px}._printFormContainer_s4pkx_3 ._option_s4pkx_343{display:inline-flex;align-items:center}._pageBreakAfter_s4pkx_355{page-break-after:always;-moz-column-break-after:always;break-after:always}@media print{._printFormContainer_s4pkx_3{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}._printFormContainer_s4pkx_3 img{filter:none;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;border:none!important;box-shadow:none!important}._printFormContainer_s4pkx_3 ._sheet_s4pkx_29,._printFormContainer_s4pkx_3 ._sheet2_s4pkx_31{background:white!important}._printFormContainer_s4pkx_3 ._sheet2_s4pkx_31:last-child{border:none!important}}.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}.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}}.dktv-page .dktv-container{max-width:100%;margin:0 auto;background:#f8f9fa;height:calc(100vh - 50px);display:flex;flex-direction:column;overflow:hidden}.dktv-page .dktv-loading{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:16px;color:#6c757d}.dktv-page .dktv-error{padding:20px;background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:6px;margin:20px;text-align:center}.dktv-page .results-info{flex-shrink:0;background:white;padding:15px 20px;border-radius:6px;font-size:14px;color:#6c757d;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;justify-content:space-between;gap:15px}.dktv-page .results-text{flex:1}.dktv-page .search-results-indicator{color:#007bff;font-weight:600;margin-right:5px}.dktv-page .contract-type{margin:4px 0}.dktv-page .contract-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.dktv-page .contract-seasonal{background-color:#e3f2fd;color:#1976d2;border:1px solid #bbdefb}.dktv-page .contract-intern{background-color:#f3e5f5;color:#7b1fa2;border:1px solid #ce93d8}.dktv-page .candidate-avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #dee2e6}.dktv-page .no-avatar{width:40px;height:40px;border-radius:50%;background:#e9ecef;display:flex;align-items:center;justify-content:center;font-size:10px;color:#6c757d;border:2px solid #dee2e6;margin:0 auto}.dktv-page .large-avatar{width:120px;height:180px;border-radius:8px;-o-object-fit:cover;object-fit:cover;border:2px solid #dee2e6}.dktv-page .no-large-avatar{width:120px;height:180px;background:#e9ecef;border:2px solid #dee2e6;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#6c757d}.dktv-page .text-center{text-align:center!important;justify-content:center!important}.dktv-page .candidate-name{font-weight:600;color:#495057}.dktv-page .candidate-info{font-size:13px;line-height:1.4}.dktv-page .candidate-info>div{margin-bottom:4px}.dktv-page .candidate-info>div:last-child{margin-bottom:0}.dktv-page .register-time{font-size:12px;color:#6c757d;font-style:italic;text-align:right;width:100%}.dktv-page .status-badge{padding:6px 12px;border-radius:4px;font-size:16px;font-weight:500;text-align:left;display:inline-block;width:auto;max-width:-moz-fit-content;max-width:fit-content}.dktv-page .status-pending{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.dktv-page .status-approved{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.dktv-page .status-rejected{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.dktv-page .readonly-input{background-color:#f8f9fa!important;cursor:not-allowed!important;color:#6c757d;border:1px solid #dee2e6;font-weight:500}.dktv-page .readonly-input:focus{outline:none;box-shadow:0 0 0 2px #667eea40;border-color:#667eea}.dktv-page .desktop-table{display:table}@media (max-width: 768px){.dktv-page .results-info{flex-direction:column;align-items:flex-start;gap:10px}.dktv-page .results-text{width:100%}.dktv-page .clear-all-filters-btn{font-size:12px!important;padding:6px 10px!important}}.dktv-page .dktv-header{flex-shrink:0;background:white;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.dktv-page .header-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.dktv-page .dktv-header h2{margin:0;color:#2c3e50;font-size:24px;font-weight:600;flex-shrink:0}.dktv-page .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}.dktv-page .dktv-controls{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.dktv-page .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}.dktv-page .page-switch-btn svg{flex-shrink:0;transition:transform .3s ease}.dktv-page .page-switch-btn:hover:not(:disabled){color:#667eea}.dktv-page .page-switch-btn:hover:not(:disabled) svg{transform:scale(1.1)}.dktv-page .page-switch-btn:active:not(:disabled){transform:scale(.98)}.dktv-page .page-switch-btn.active{background:white;color:#667eea;font-weight:600;cursor:default;box-shadow:0 2px 12px #667eea26}.dktv-page .page-switch-btn.active svg{color:#667eea}.dktv-page .add-candidate-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#28a745;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s;white-space:nowrap}.dktv-page .add-candidate-btn:hover{background:#218838}.dktv-page .clear-all-filters-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#dc3545;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .3s;white-space:nowrap}.dktv-page .clear-all-filters-btn:hover{background:#c82333}@media (max-width: 768px){.dktv-page .header-title-row{flex-direction:column;align-items:center;gap:12px}.dktv-page .page-switch-buttons{width:100%}.dktv-page .page-switch-btn{flex:1;justify-content:center;font-size:13px;padding:8px 12px}.dktv-page .dktv-header{padding:12px 16px!important;box-shadow:none;border-radius:0;background:white}.dktv-page .dktv-header h2{display:block!important;font-size:16px!important;margin:0 0 12px!important;line-height:1.4!important;color:#2c3e50!important;text-align:center!important}.dktv-page .dktv-header h2 .h2-line-2{display:block}.dktv-page .dktv-controls{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;width:100%!important;padding:0!important;justify-content:space-between!important}.dktv-page .add-candidate-btn{min-width:40px!important;max-width:40px!important;height:40px!important;padding:0!important;justify-content:center!important;background:#28a745!important;border-radius:6px!important;color:transparent!important;display:flex!important;align-items:center!important;gap:0!important;flex-shrink:0!important;overflow:hidden!important;white-space:nowrap!important;position:relative!important}.dktv-page .add-candidate-btn>svg{width:24px!important;height:24px!important;color:#fff!important;flex-shrink:0!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.dktv-page .nha-thoi-vu-filter-mobile-btn{display:flex!important;min-width:40px!important;max-width:40px!important;height:40px!important;background:#fff!important;border:1px solid #ddd!important;border-radius:6px!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;margin-left:0!important;color:#667eea!important;transition:all .3s ease!important;flex-shrink:0!important}.dktv-page .nha-thoi-vu-filter-mobile-btn:hover{background:rgba(102,126,234,.1)!important;border-color:#667eea!important}.dktv-page .nha-thoi-vu-filter-mobile-btn>svg{width:22px!important;height:22px!important;color:#667eea!important}.dktv-page .desktop-date-filter{display:none!important}.dktv-page .date-filter-mobile-btn{display:flex!important;min-width:40px!important;max-width:40px!important;height:40px!important;background:#fff!important;border:1px solid #ddd!important;border-radius:6px!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;color:#667eea!important;transition:all .3s ease!important;flex-shrink:0!important}.dktv-page .date-filter-mobile-btn:hover{background:rgba(102,126,234,.1)!important;border-color:#667eea!important}.dktv-page .date-filter-mobile-btn>svg{width:22px!important;height:22px!important;color:#667eea!important}}.dktv-page .date-filter-container{display:flex;align-items:center;gap:8px;flex-shrink:0}.dktv-page .date-filter-inputs{display:flex;align-items:center;gap:8px;padding:6px 10px;background:white;border:1px solid #ddd;border-radius:6px;min-width:280px}.dktv-page .date-filter-input{border:none;outline:none;font-size:13px;color:#333;background:transparent;min-width:100px}.dktv-page .date-separator{font-size:12px;color:#666;margin:0 4px;white-space:nowrap}.dktv-page .clear-date-filter-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#dc3545;color:#fff;border:none;border-radius:3px;cursor:pointer;transition:background-color .2s;margin-left:4px}.dktv-page .clear-date-filter-btn:hover{background:#c82333}.dktv-page .today-filter-btn{display:flex;align-items:center;justify-content:center;padding:0 12px;height:32px;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s;font-size:13px;font-weight:500;white-space:nowrap;margin-left:4px}.dktv-page .today-filter-btn:hover{background:#218838}.dktv-page .all-filter-btn{display:flex;align-items:center;justify-content:center;padding:0 12px;height:32px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s;font-size:13px;font-weight:500;white-space:nowrap;margin-left:4px}.dktv-page .all-filter-btn:hover{background:#0056b3}.dktv-page .date-filter-mobile-btn{display:none;position:relative;align-items:center;justify-content:center;width:40px;height:40px;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s;flex-shrink:0}.dktv-page .date-filter-mobile-btn:hover{background:#0056b3}.dktv-page .date-filter-mobile-btn.has-filter{background:#28a745}.dktv-page .filter-indicator{position:absolute;top:6px;right:6px;width:8px;height:8px;background:#ffc107;border-radius:50%}.dktv-page .date-filter-modal-mobile{z-index:1000}.dktv-page .date-filter-modal-content-mobile{background:white;border-radius:8px;max-width:350px;width:90%;max-height:90vh;overflow:hidden;box-shadow:0 4px 20px #00000026}.dktv-page .date-filter-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee;background:#f8f9fa}.dktv-page .date-filter-modal-header h4{margin:0;font-size:16px;color:#333;font-weight:600}.dktv-page .date-filter-modal-close-mobile{background:none;border:none;font-size:20px;color:#666;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.dktv-page .date-filter-modal-body{padding:20px}.dktv-page .date-filter-mobile-inputs{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.dktv-page .date-input-group{display:flex;flex-direction:column;gap:6px}.dktv-page .date-input-group label{font-size:14px;font-weight:500;color:#333}.dktv-page .date-filter-input-mobile{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;color:#333;outline:none}.dktv-page .date-filter-input-mobile:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.dktv-page .date-filter-mobile-actions{display:flex;gap:10px;justify-content:space-between}.dktv-page .today-date-mobile-btn{flex:1;padding:10px 16px;background:#28a745;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.dktv-page .today-date-mobile-btn:hover{background:#218838}.dktv-page .clear-date-mobile-btn{flex:1;padding:10px 16px;background:#6c757d;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.dktv-page .clear-date-mobile-btn:hover{background:#5a6268}.dktv-page .apply-date-mobile-btn{flex:1;padding:10px 16px;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.dktv-page .apply-date-mobile-btn:hover{background:#0056b3}.dktv-page .search-container{position:relative;flex:1;min-width:300px}.dktv-page .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6c757d;transition:all .3s ease}.dktv-page .search-input{width:100%;padding:10px 60px 10px 40px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s}.dktv-page .search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.dktv-page .search-button{position:absolute;right:35px;top:50%;transform:translateY(-50%);background:#007bff;color:#fff;border:none;border-radius:4px;padding:6px 8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:28px;height:28px}.dktv-page .search-button:hover:not(:disabled){background:#0056b3;transform:translateY(-50%) scale(1.05)}.dktv-page .search-button:disabled{background:#6c757d;cursor:not-allowed}.dktv-page .search-button.searching{background:#28a745}.dktv-page .search-spinner{width:14px;height:14px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.dktv-page .clear-search-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:#dc3545;color:#fff;border:none;border-radius:50%;padding:4px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:22px;height:22px;font-size:12px;line-height:1}.dktv-page .clear-search-button:hover{background:#c82333;transform:translateY(-50%) scale(1.1)}.dktv-page .nha-thoi-vu-filter{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:white;min-width:200px;transition:border-color .3s}.dktv-page .nha-thoi-vu-filter:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.dktv-page .nha-thoi-vu-modal-mobile{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:rgba(0,0,0,.3)!important;z-index:2000!important;display:flex!important;align-items:center!important;justify-content:center!important}.dktv-page .nha-thoi-vu-modal-content-mobile{background:#fff!important;border-radius:10px!important;box-shadow:0 2px 12px #00000026!important;padding:16px!important;min-width:220px!important;max-width:90vw!important;max-height:80vh!important;overflow-y:auto!important;position:relative!important}.dktv-page .nha-thoi-vu-modal-content-mobile h4{font-size:1.1rem!important;margin-bottom:12px!important;color:#2c3e50!important}.dktv-page .nha-thoi-vu-modal-list-mobile{list-style:none!important;padding:0!important;margin:0!important}.dktv-page .nha-thoi-vu-modal-list-mobile li{padding:10px 0!important;border-bottom:1px solid #eee!important;cursor:pointer!important;color:#374151!important;font-size:1rem!important;transition:background .2s!important}.dktv-page .nha-thoi-vu-modal-list-mobile li:last-child{border-bottom:none!important}.dktv-page .nha-thoi-vu-modal-list-mobile li:hover,.dktv-page .nha-thoi-vu-modal-list-mobile li.selected{background:#f0f4ff!important;color:#667eea!important}.dktv-page .nha-thoi-vu-modal-close-mobile{position:absolute!important;top:10px!important;right:16px!important;background:none!important;border:none!important;font-size:1.5rem!important;color:#667eea!important;cursor:pointer!important}.dktv-page .nha-thoi-vu-filter-mobile-btn{display:none}@media (max-width: 768px){.dktv-page .app-container{width:100vw;max-width:100vw;margin:0;box-sizing:border-box;padding:0 8px}.dktv-page .nha-thoi-vu-filter-mobile-btn{display:flex!important;min-width:40px!important;max-width:40px!important;height:40px!important;background:#fff!important;border:1px solid #ddd!important;border-radius:6px!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;margin-left:0!important;color:#667eea!important;transition:all .3s ease!important;flex-shrink:0!important}.dktv-page .nha-thoi-vu-filter-mobile-btn:hover{background:rgba(102,126,234,.1)!important;border-color:#667eea!important}.dktv-page .nha-thoi-vu-filter-mobile-btn>svg{width:22px!important;height:22px!important;color:#667eea!important}.dktv-page .nha-thoi-vu-modal-mobile{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:rgba(0,0,0,.3)!important;z-index:2000!important;display:flex!important;align-items:center!important;justify-content:center!important}.dktv-page .nha-thoi-vu-modal-content-mobile{background:#fff!important;border-radius:10px!important;box-shadow:0 2px 12px #00000026!important;padding:16px!important;min-width:220px!important;max-width:90vw!important;max-height:80vh!important;overflow-y:auto!important;position:relative!important}.dktv-page .nha-thoi-vu-modal-content-mobile h4{font-size:1.1rem!important;margin-bottom:12px!important;color:#2c3e50!important}.dktv-page .nha-thoi-vu-modal-list-mobile{list-style:none!important;padding:0!important;margin:0!important}.dktv-page .nha-thoi-vu-modal-list-mobile li{padding:10px 0!important;border-bottom:1px solid #eee!important;cursor:pointer!important;color:#374151!important;font-size:1rem!important;transition:background .2s!important}.dktv-page .nha-thoi-vu-modal-list-mobile li:last-child{border-bottom:none!important}.dktv-page .nha-thoi-vu-modal-list-mobile li:hover,.dktv-page .nha-thoi-vu-modal-list-mobile li.selected{background:#f0f4ff!important;color:#667eea!important}.dktv-page .nha-thoi-vu-modal-close-mobile{position:absolute!important;top:10px!important;right:16px!important;background:none!important;border:none!important;font-size:1.5rem!important;color:#667eea!important;cursor:pointer!important}.dktv-page .search-container{flex:1!important;min-width:0!important;margin:0!important;max-width:calc(100% - 100px)!important}.dktv-page .search-input{font-size:14px!important;padding:8px 8px 8px 36px!important;border-radius:6px!important;width:100%!important}.dktv-page .nha-thoi-vu-filter{display:none!important}}@media (max-width: 992px){.dktv-page .search-container{min-width:auto}}.dktv-page .candidates-table-container{flex:1;display:flex;flex-direction:column;overflow-x:auto;overflow-y:hidden;background:white;border-radius:8px;box-shadow:0 2px 4px #0000001a}.dktv-page .candidates-table-container::-webkit-scrollbar{height:8px}.dktv-page .candidates-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.dktv-page .candidates-table-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.dktv-page .candidates-table-container::-webkit-scrollbar-thumb:hover{background:#555}.dktv-page .candidates-table{border-collapse:collapse;font-size:16px}.dktv-page .candidates-table.desktop-table{min-width:-moz-max-content;min-width:max-content;border-collapse:collapse;display:flex;flex-direction:column;height:100%;overflow:visible}.dktv-page .candidates-table.desktop-table thead{flex-shrink:0;background:#6c757d;color:#fff;padding-right:17px;box-sizing:border-box}.dktv-page .candidates-table.desktop-table thead tr{display:flex}.dktv-page .candidates-table.desktop-table thead th{padding:10px 6px;text-align:center;font-weight:600;font-size:14px;border-right:1px solid rgba(255,255,255,.2);height:42px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dktv-page .candidates-table.desktop-table thead th:last-child{border-right:none}.dktv-page .candidates-table.desktop-table:has(tbody::-webkit-scrollbar) thead{padding-right:17px}@supports not (selector(:has(*))){.dktv-page .candidates-table.desktop-table thead{padding-right:17px}}.dktv-page .candidates-table.desktop-table thead th.col-stt,.dktv-page .candidates-table.desktop-table tbody td.col-stt{flex:0 0 40px;width:40px}.dktv-page .candidates-table.desktop-table thead th.col-diem-danh,.dktv-page .candidates-table.desktop-table tbody td.col-diem-danh{flex:0 0 130px;width:130px}.dktv-page .candidates-table.desktop-table thead th.col-ho-va-ten,.dktv-page .candidates-table.desktop-table tbody td.col-ho-va-ten{flex:0 0 220px;width:220px}.dktv-page .candidates-table.desktop-table thead th.col-ngay-sinh,.dktv-page .candidates-table.desktop-table tbody td.col-ngay-sinh,.dktv-page .candidates-table.desktop-table thead th.col-gioi-tinh,.dktv-page .candidates-table.desktop-table tbody td.col-gioi-tinh{flex:0 0 120px;width:120px}.dktv-page .candidates-table.desktop-table thead th.col-so-cccd,.dktv-page .candidates-table.desktop-table tbody td.col-so-cccd{flex:0 0 150px;width:150px}.dktv-page .candidates-table.desktop-table thead th.col-nha-thoi-vu,.dktv-page .candidates-table.desktop-table tbody td.col-nha-thoi-vu,.dktv-page .candidates-table.desktop-table thead th.col-nguoi-gioi-thieu,.dktv-page .candidates-table.desktop-table tbody td.col-nguoi-gioi-thieu{flex:0 0 170px;width:170px}.dktv-page .candidates-table.desktop-table thead th.col-so-dien-thoai,.dktv-page .candidates-table.desktop-table tbody td.col-so-dien-thoai{flex:0 0 140px;width:140px}.dktv-page .candidates-table.desktop-table thead th.col-trang-thai,.dktv-page .candidates-table.desktop-table tbody td.col-trang-thai{flex:0 0 180px;width:180px}.dktv-page .candidates-table.desktop-table thead th.col-thao-tac,.dktv-page .candidates-table.desktop-table tbody td.col-thao-tac{flex:0 0 160px;width:160px}.dktv-page .candidates-table.desktop-table thead th.col-so-cmt,.dktv-page .candidates-table.desktop-table tbody td.col-so-cmt{flex:0 0 150px;width:150px}.dktv-page .candidates-table.desktop-table thead th.col-ngay-cap,.dktv-page .candidates-table.desktop-table tbody td.col-ngay-cap,.dktv-page .candidates-table.desktop-table thead th.col-noi-cap,.dktv-page .candidates-table.desktop-table tbody td.col-noi-cap{flex:0 0 120px;width:120px}.dktv-page .candidates-table.desktop-table thead th.col-dia-chi,.dktv-page .candidates-table.desktop-table tbody td.col-dia-chi{flex:0 0 250px;width:250px}.dktv-page .candidates-table.desktop-table thead th.col-email,.dktv-page .candidates-table.desktop-table tbody td.col-email{flex:0 0 200px;width:200px}.dktv-page .candidates-table.desktop-table thead th.col-lam-them-gio,.dktv-page .candidates-table.desktop-table tbody td.col-lam-them-gio{flex:0 0 150px;width:150px}.dktv-page .candidates-table.desktop-table thead th.col-nguyen-vong-ca,.dktv-page .candidates-table.desktop-table tbody td.col-nguyen-vong-ca{flex:0 0 210px;width:210px}.dktv-page .candidates-table.desktop-table thead th.col-ly-do-ca,.dktv-page .candidates-table.desktop-table tbody td.col-ly-do-ca{flex:0 0 200px;width:200px}.dktv-page .candidates-table.desktop-table thead th.col-ky-tuc,.dktv-page .candidates-table.desktop-table tbody td.col-ky-tuc{flex:0 0 150px;width:150px}.dktv-page .candidates-table.desktop-table thead th.col-cam-ket-lv,.dktv-page .candidates-table.desktop-table tbody td.col-cam-ket-lv{flex:0 0 170px;width:170px}.dktv-page .candidates-table.desktop-table tbody{flex:1;overflow-y:scroll;overflow-x:visible;display:block;max-height:calc(100vh - 280px);padding-right:0;box-sizing:content-box;scrollbar-gutter:stable;min-height:calc(100vh - 350px)}.dktv-page .candidates-table.desktop-table tbody tr{display:flex;border-bottom:1px solid #dee2e6;transition:background-color .2s;min-width:-moz-max-content;min-width:max-content;box-sizing:border-box}.dktv-page .candidates-table.desktop-table tbody tr:hover{background-color:#f8f9fa}.dktv-page .candidates-table.desktop-table tbody td{padding:8px 6px;text-align:center;vertical-align:middle;border-right:1px solid #dee2e6;word-wrap:break-word;display:flex;align-items:center;justify-content:center;line-height:1.2;flex-shrink:0}.dktv-page .candidates-table.desktop-table tbody td:last-child{border-right:none}.dktv-page .mobile-table{display:none}.dktv-page .candidates-table.mobile-table{width:100%;border-collapse:collapse;table-layout:fixed}.dktv-page .candidates-table.mobile-table thead{background:#6c757d;color:#fff}.dktv-page .candidates-table.mobile-table thead th{padding:10px 8px;text-align:center;font-weight:600;font-size:13px;border-right:1px solid rgba(255,255,255,.2)}.dktv-page .candidates-table.mobile-table thead th:last-child{border-right:none}.dktv-page .candidates-table.mobile-table tbody{display:table-row-group}.dktv-page .candidates-table.mobile-table tbody tr{border-bottom:1px solid #dee2e6;transition:background-color .2s}.dktv-page .candidates-table.mobile-table tbody tr:hover{background-color:#f8f9fa}.dktv-page .candidates-table.mobile-table tbody td{padding:10px 8px;vertical-align:middle;border-right:1px solid #dee2e6;font-size:13px}.dktv-page .candidates-table.mobile-table tbody td:last-child{border-right:none}.dktv-page .mobile-table th:nth-child(1),.dktv-page .mobile-table td:nth-child(1){width:40px;text-align:center}.dktv-page .mobile-table th:nth-child(2),.dktv-page .mobile-table td:nth-child(2){width:80px;text-align:center}.dktv-page .mobile-table th:nth-child(3),.dktv-page .mobile-table td:nth-child(3){width:120px}.dktv-page .mobile-table th:nth-child(4),.dktv-page .mobile-table td:nth-child(4){width:auto}.dktv-page .mobile-table th:nth-child(5),.dktv-page .mobile-table td:nth-child(5){width:80px;text-align:center}.dktv-page .mobile-info-cell{font-size:12px;line-height:1.3;padding:8px 12px!important}.dktv-page .mobile-info-line{margin-bottom:3px;display:flex;justify-content:space-between;align-items:center}.dktv-page .mobile-info-line:last-child{margin-bottom:0}.dktv-page .info-left{font-weight:500;color:#2c3e50;flex:1}.dktv-page .info-right{font-weight:500;color:#6c757d;text-align:right;flex:1}.dktv-page .phone-cell{padding:8px 12px!important}.dktv-page .phone-container{display:flex;align-items:center;justify-content:center;gap:8px}.dktv-page .phone-number{flex:1;font-weight:500;text-align:center}.dktv-page .edit-phone-btn{padding:4px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.dktv-page .edit-phone-btn:hover{background:#0056b3}.dktv-page .status-container{overflow:hidden;position:relative;display:inline-block;max-width:100%;white-space:nowrap}.dktv-page .status-marquee{display:inline-block;white-space:nowrap;animation:smooth-marquee 10s linear infinite}.dktv-page .status-container:hover .status-marquee{animation-play-state:paused}.dktv-page .mobile-candidate-cell{padding:8px!important;vertical-align:top;width:100%;max-width:0;overflow:hidden;word-wrap:break-word;white-space:normal}.dktv-page .mobile-row{padding:5px;border-radius:6px;width:100%;max-width:100%;overflow:hidden;word-wrap:break-word;box-sizing:border-box}.dktv-page .mobile-row:last-child{margin-bottom:0}.dktv-page .mobile-row-left{text-align:left}.dktv-page .mobile-row-right{text-align:right}.dktv-page .mobile-row-1{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;max-width:100%;overflow:hidden}.dktv-page .mobile-row-2{display:flex;gap:5px;align-items:flex-start;width:100%;max-width:100%;overflow:hidden}.dktv-page .mobile-info-column{padding:2px}.dktv-page .mobile-info-item{margin-bottom:6px;font-size:13px;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%}.dktv-page .mobile-info-item:last-child{margin-bottom:0}.dktv-page .mobile-info-item strong{color:#2c3e50;margin-right:5px}.dktv-page .mobile-avatar-info-row{display:flex;gap:12px;align-items:flex-start;width:100%;max-width:100%;overflow:hidden}.dktv-page .mobile-avatar-container{flex-shrink:0;width:40px;height:60px}.dktv-page .mobile-candidate-avatar{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:2px solid #e9ecef}.dktv-page .mobile-no-avatar{width:100%;height:100%;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:9px;color:#6c757d;text-align:center;line-height:1.1}.dktv-page .mobile-basic-info{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:60px;min-width:0;overflow:hidden;word-wrap:break-word}.dktv-page .mobile-status-left{display:flex;justify-content:flex-start;align-items:center;gap:8px;flex:1;min-width:0;width:100%}.dktv-page .mobile-status-left strong{color:#2c3e50;font-size:12px}.dktv-page .mobile-status-left .status-container{max-width:100%;overflow:hidden;position:relative;white-space:nowrap}.dktv-page .mobile-status-left .status-marquee{animation:smooth-marquee 10s linear infinite;white-space:nowrap;display:inline-block}.dktv-page .mobile-delete-right{display:flex;justify-content:flex-end;align-items:center;flex-shrink:0;width:auto}.dktv-page .mobile-delete-btn{width:28px;height:28px;border-radius:50%;border:2px solid #dc3545;background:#dc3545;color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;line-height:1}.dktv-page .mobile-delete-btn:hover:not(:disabled){background:#c82333;border-color:#c82333;transform:scale(1.1)}.dktv-page .mobile-nha-thoi-vu{background:#27beec;border:1px solid #5a6fd8;border-radius:8px;padding:4px;margin-bottom:0;display:flex;flex-direction:column;align-items:flex-end;gap:2px;box-shadow:0 2px 6px #5a6fd84d;position:relative;overflow:hidden;text-align:right;width:auto;max-width:75px}.dktv-page .mobile-nha-thoi-vu:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}.dktv-page .mobile-nha-thoi-vu-row{display:flex;justify-content:flex-end;align-items:center;width:100%;margin-bottom:8px}.dktv-page .mobile-action-buttons-row{display:flex;justify-content:center;align-items:center;width:100%}.dktv-page .mobile-row-3{display:flex;justify-content:flex-end;align-items:center}@media (max-width: 1024px) and (min-width: 769px){.dktv-page .desktop-table th,.dktv-page .desktop-table td{padding:7px 5px;font-size:13px}.dktv-page .candidates-table.desktop-table tbody{max-height:calc(100vh - 280px)}.dktv-page .candidates-table.desktop-table thead th:nth-child(3),.dktv-page .candidates-table.desktop-table tbody td:nth-child(3){flex:0 0 16%;min-width:130px}.dktv-page .candidates-table.desktop-table thead th:nth-child(7),.dktv-page .candidates-table.desktop-table tbody td:nth-child(7){flex:0 0 11%;min-width:95px}.dktv-page .candidates-table.desktop-table thead th:nth-child(9),.dktv-page .candidates-table.desktop-table tbody td:nth-child(9){flex:0 0 14%;min-width:130px}}@media (max-width: 768px){.dktv-page .candidates-table.desktop-table{display:none!important}.dktv-page .candidates-table.mobile-table{display:table!important;width:100%;table-layout:fixed}.dktv-page .candidates-table-container{overflow-x:hidden;overflow-y:auto!important;width:100%;max-width:100vw;max-height:calc(100vh - 200px)!important;flex:1!important}.dktv-page .mobile-table{display:table!important;width:100%!important;table-layout:auto!important}.dktv-page .mobile-table tbody{display:table-row-group!important}.dktv-page .mobile-table tr{display:table-row!important;border-bottom:1px solid #ddd!important}.dktv-page .mobile-table .mobile-candidate-cell{display:table-cell!important;width:100%!important;padding:12px!important;vertical-align:top!important}.dktv-page .mobile-info-cell{font-size:13px!important;line-height:1.4!important;padding:12px 15px!important}.dktv-page .mobile-info-line{margin-bottom:8px!important;display:block!important;word-wrap:break-word!important}.dktv-page .mobile-info-line:last-child{margin-bottom:0!important}.dktv-page .mobile-line-1{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;flex-wrap:wrap!important;border-bottom:1px solid #e9ecef!important;padding-bottom:6px!important;margin-bottom:10px!important}.mobile-line-1 .info-left{flex:1!important;text-align:left!important;color:#2c3e50!important;font-size:13px!important}.mobile-line-1 .info-right{flex:0 0 auto!important;text-align:right!important;color:#2c3e50!important;font-size:13px!important}.mobile-line-1 .status-badge{font-size:11px!important;padding:3px 8px!important;margin-left:5px!important}.dktv-page .mobile-line-2,.dktv-page .mobile-line-3,.dktv-page .mobile-line-4,.dktv-page .mobile-line-5,.dktv-page .mobile-line-6{text-align:left!important}.mobile-line-2 .info-left,.mobile-line-3 .info-left,.mobile-line-4 .info-left,.mobile-line-5 .info-left,.mobile-line-6 .info-left{color:#2c3e50!important;font-size:13px!important;display:block!important}.dktv-page .mobile-line-7{text-align:right!important;border-top:1px solid #e9ecef!important;padding-top:6px!important;margin-top:8px!important}.mobile-line-7 .info-right{color:#6c757d!important;font-style:italic!important;font-size:12px!important}.dktv-page .mobile-action-buttons{display:flex!important;flex-direction:column!important;gap:20px!important;align-items:center!important;vertical-align:middle!important}.mobile-action-buttons .action-btn{width:100%!important;max-width:120px!important;padding:12px!important;font-size:11px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px;border-radius:4px!important;transition:all .2s ease!important}.mobile-action-buttons .action-btn svg{width:12px!important;height:24px!important;flex-shrink:0!important}.mobile-action-buttons .action-btn span{font-size:10px!important;font-weight:500!important}.dktv-page .attendance-btn{background:#17a2b8!important;color:#fff!important}.dktv-page .attendance-btn:hover{background:#138496!important}.dktv-page .attendance-btn:disabled{background:#6c757d!important;cursor:not-allowed!important;opacity:.7}.dktv-page .attendance-status-present{display:flex!important;align-items:center!important;gap:4px!important;padding:8px!important;background:#caeeda!important;color:#330303!important;border-radius:6px!important;font-size:12px!important;font-weight:500!important;border:none!important;cursor:default!important;max-width:180px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.dktv-page .attendance-status-present svg{width:12px!important;height:12px!important;flex-shrink:0!important}.dktv-page .edit-btn{background:#007bff!important;color:#fff!important}.dktv-page .edit-btn:hover{background:#0056b3!important}.dktv-page .delete-btn{background:#dc3545!important;color:#fff!important}.dktv-page .delete-btn:hover{background:#c82333!important}.dktv-page .mobile-info-line strong{font-weight:600!important;color:#495057!important}.dktv-page .status-container{max-width:100%}.dktv-page .status-marquee{animation:smooth-marquee 10s linear infinite;display:inline-block;white-space:nowrap}.dktv-page .permanent-empty-content{padding:40px 15px}.dktv-page .permanent-empty-content svg{width:40px;height:40px}.dktv-page .permanent-empty-content h3{font-size:16px}.dktv-page .permanent-empty-content p{font-size:13px}}@media (max-width: 480px){.dktv-page .mobile-table th,.dktv-page .mobile-table td{padding:8px 6px;font-size:12px}.dktv-page .mobile-info-cell{font-size:11px;padding:6px 8px!important}.dktv-page .mobile-info-line{margin-bottom:4px}.dktv-page .mobile-info-line:first-child{border-bottom:1px solid #eee;padding-bottom:3px;margin-bottom:6px}.dktv-page .info-left,.dktv-page .info-right{font-size:11px}}.dktv-page .attendance-status-present{text-align:center;padding:3px 6px}.dktv-page .attendance-btn-wrapper{display:flex;flex-direction:column;align-items:center;gap:3px}.dktv-page .attendance-reg-time{font-size:10px;color:#888;line-height:1.2;text-align:center;white-space:nowrap}.dktv-page .attendance-status-text{font-size:14px;font-weight:600;color:#28a745;margin-bottom:1px}.dktv-page .attendance-time-text{font-size:12px;color:#666;line-height:1.1}.dktv-page .attendance-btn{padding:4px 8px!important;font-size:11px!important;white-space:nowrap;min-width:70px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:3px;transition:background-color .2s}.dktv-page .attendance-btn:hover:not(:disabled){background:#0056b3}.dktv-page .attendance-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.7}.dktv-page .attendance-btn span{font-size:11px}@media (max-width: 1200px){.dktv-page .attendance-btn{padding:4px 8px!important;font-size:11px!important;min-width:70px}.dktv-page .attendance-btn span,.dktv-page .attendance-status-text{font-size:11px}.dktv-page .attendance-time-text{font-size:9px}}@media (max-width: 992px){.dktv-page .attendance-btn{padding:3px 6px!important;font-size:10px!important;min-width:60px}.dktv-page .attendance-btn span{font-size:10px}}.dktv-page .candidate-name-with-avatar{padding:6px 4px!important;justify-content:flex-start!important;text-align:left!important}.dktv-page .name-avatar-container{display:flex;align-items:center;gap:20px;justify-content:flex-start;width:100%}.dktv-page .avatar-container-inline{flex-shrink:0}.dktv-page .candidate-avatar-inline{width:32px;height:48px;-o-object-fit:cover;object-fit:cover;border-radius:4px;border:1px solid #ddd;box-shadow:0 1px 3px #0000001a}.dktv-page .no-avatar-inline{width:32px;height:48px;background:#f8f9fa;border:1px solid #ddd;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:9px;color:#666;text-align:center;line-height:1.1}.dktv-page .candidate-name-text{flex:1;min-width:0;font-weight:500;color:#333;line-height:1.2;word-break:break-word;text-align:left;font-size:16px}.dktv-page .cccd-cell{display:flex;align-items:center;gap:8px;justify-content:flex-start}.dktv-page .cccd-images{display:flex;flex-direction:column;gap:4px;flex-shrink:0;margin:0;padding:0}.dktv-page .cccd-thumbnail{width:40px;height:25px;-o-object-fit:cover;object-fit:cover;border-radius:4px;border:1px solid #dee2e6;cursor:pointer;transition:transform .2s}.dktv-page .cccd-thumbnail:hover{transform:scale(1.1);border-color:#007bff}.dktv-page .cccd-number{font-weight:500;font-size:13px;white-space:nowrap}.dktv-page .lightbox-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;cursor:pointer}.dktv-page .lightbox-content{position:relative;max-width:95vw;max-height:95vh;display:flex;align-items:center;justify-content:center}.dktv-page .lightbox-image{max-width:100%;max-height:95vh;-o-object-fit:contain;object-fit:contain;border-radius:8px;box-shadow:0 4px 30px #00000080}.dktv-page .lightbox-close{position:absolute;top:-50px;right:0;background:rgba(255,255,255,.2);border:none;color:#fff;font-size:36px;cursor:pointer;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.dktv-page .lightbox-close:hover{background:rgba(255,255,255,.3)}.dktv-page .permanent-empty-state{text-align:center;padding:0;flex:1!important;width:100%!important;max-width:100%!important;border-right:none!important}.dktv-page .permanent-empty-content{padding:60px 20px;color:#666;width:100%}.dktv-page .permanent-empty-content svg{color:#ccc;margin-bottom:16px}.dktv-page .permanent-empty-content h3{margin:0 0 8px;color:#333;font-size:18px}.dktv-page .permanent-empty-content p{margin:0;color:#666;font-size:14px}.dktv-page .candidates-table.desktop-table tbody tr:has(.permanent-empty-state){display:flex!important;width:100%!important}.dktv-page .candidates-table.desktop-table tbody tr:has(.permanent-empty-state) td{flex:1!important;width:100%!important;max-width:100%!important;border-right:none!important}.dktv-page .candidates-table.mobile-table tbody tr:has(.permanent-empty-state) td{width:100%!important}.dktv-page .candidates-table.desktop-table thead th.th-sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .15s ease}.dktv-page .candidates-table.desktop-table thead th.th-sortable:hover{background-color:#ffffff26}.dktv-page .dktv-sort-icon{display:inline-block;margin-left:4px;vertical-align:middle;opacity:.9;flex-shrink:0}.filter-search{padding:8px;border-bottom:1px solid #eee}.filter-option input[type=checkbox]{margin-right:10px;margin-left:0;width:16px;height:16px;cursor:pointer;accent-color:#007bff}.dktv-page .filter-menu{position:absolute;top:100%;left:0;background:white;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px #00000026;z-index:1000;width:300px;max-height:400px;display:none;flex-direction:column;font-size:14px}.dktv-page .filter-menu.show{display:flex}.dktv-page .filter-values{flex:1;overflow-y:auto;max-height:250px;padding:4px 0}.dktv-page .filter-values::-webkit-scrollbar{width:8px}.dktv-page .filter-values::-webkit-scrollbar-track{background:#f8f9fa;border-radius:4px}.dktv-page .filter-values::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px;border:1px solid #f8f9fa}.dktv-page .filter-values::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.dktv-page .filter-values{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f8f9fa}.dktv-page .th-cell{position:relative;padding:12px 8px;background:#6c757d;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dktv-page .th-cell:hover{background:#6c757d}.dktv-page .th-cell span{display:flex;align-items:center;justify-content:space-between;gap:4px;font-weight:600;color:#fff;width:100%;position:relative;min-height:24px}.dktv-page .th-cell .header-text{flex:1;text-align:center;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff}.dktv-page .filter-menu span,.dktv-page .filter-value-text,.dktv-page .filter-option-text{color:#333!important}.dktv-page .filter-menu,.dktv-page .filter-menu *{color:inherit}.dktv-page .filter-menu input::-moz-placeholder{color:#333!important}.dktv-page .filter-menu .filter-value-text,.dktv-page .filter-menu .filter-option-text,.dktv-page .filter-menu input::placeholder,.dktv-page .filter-menu .no-values{color:#333!important}.dktv-page .filter-btn{background:none;border:none;color:#fffc;cursor:pointer;padding:2px;margin-left:auto;border-radius:3px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dktv-page .filter-btn:hover{background:rgba(255,255,255,.2);color:#fff}.dktv-page .filter-btn:focus{outline:none;background:rgba(255,255,255,.3);color:#fff}.dktv-page .th-cell:first-child .filter-menu{left:0;transform:none}.dktv-page .th-cell:last-child .filter-menu,.dktv-page .th-cell:nth-last-child(-n+2) .filter-menu{left:auto;right:0;transform:none}.dktv-page .th-cell:not(:first-child):not(:last-child):not(:nth-last-child(2)) .filter-menu{left:50%;transform:translate(-50%)}.dktv-page .filter-menu{max-width:90vw;min-width:250px}@media (max-width: 768px){.dktv-page .filter-menu{width:280px;left:50%!important;right:auto!important;transform:translate(-50%)!important}}.dktv-page .filter-controls{padding:10px 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;background:#f8f9fa;font-size:12px}.dktv-page .select-all-btn{background:none;border:none;color:#007bff!important;cursor:pointer;font-size:12px;padding:4px 8px;border-radius:3px;font-weight:500;transition:background-color .15s ease}.dktv-page .select-all-btn:hover{background:rgba(0,123,255,.1);text-decoration:none}.dktv-page .selected-count{font-size:12px;color:#666!important;font-weight:500;background:#e9ecef;padding:3px 8px;border-radius:12px}.dktv-page .filter-search{padding:8px;border-bottom:1px solid #eee}.dktv-page .filter-search .col-filter{width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:3px;font-size:13px}.dktv-page .menu-actions{padding:8px;border-top:1px solid #eee;display:flex;gap:8px;background:#f9f9f9}.dktv-page .menu-actions button{flex:1;padding:6px 12px;border:1px solid #ddd;border-radius:3px;background:white;cursor:pointer;font-size:12px}.dktv-page .menu-actions button:hover{background:#f5f5f5}.dktv-page .menu-actions button:first-child{background:#007bff;color:#fff;border-color:#007bff;font-weight:500}.dktv-page .menu-actions button:first-child:hover{background:#0056b3;border-color:#0056b3}.dktv-page .menu-actions button:last-child{background:#6c757d;color:#fff;border-color:#6c757d}.dktv-page .menu-actions button:last-child:hover{background:#545b62;border-color:#545b62}.dktv-page .no-values{padding:12px;text-align:center;color:#999;font-style:italic;font-size:13px}.dktv-page .filter-option{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}.dktv-page .filter-option:hover{background:#f8f9fa}.dktv-page .filter-option:last-child{border-bottom:none}.dktv-page .filter-option input[type=checkbox]{margin-right:10px;margin-left:0;width:16px;height:16px;cursor:pointer;accent-color:#007bff}.dktv-page .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}.dktv-page .filter-option-count{flex:0 0 auto!important;font-size:11px!important;color:#666!important;background-color:#e9ecef!important;padding:4px 8px!important;border-radius:10px!important;font-weight:500!important;text-align:center!important;min-width:28px!important;max-width:60px!important;white-space:nowrap!important;display:flex!important;align-items:center!important;justify-content:center!important}.dktv-page .select-all-option{background:#f8f9fa;border-bottom:2px solid #ddd;font-weight:500}.dktv-page .select-all-option:hover{background:#e9ecef}.dktv-page .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}.dktv-page .filter-value-item:hover{background:#f8f9fa}.dktv-page .filter-value-item:last-child{border-bottom:none}.dktv-page .filter-value-item input[type=checkbox]{margin-right:10px;margin-left:0;width:16px;height:16px;cursor:pointer;accent-color:#007bff}.dktv-page .filter-value-text{flex:1;line-height:1.4;word-break:break-word;cursor:pointer;margin-right:8px;text-align:left;overflow:hidden;text-overflow:ellipsis}.dktv-page .filter-value-count{flex:0 0 auto!important;font-size:11px!important;color:#666!important;background-color:#e9ecef!important;padding:4px 8px!important;border-radius:10px!important;font-weight:500!important;text-align:center!important;min-width:28px!important;max-width:60px!important;white-space:nowrap!important;display:flex!important;align-items:center!important;justify-content:center!important}.dktv-page .modal-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)}.dktv-page .modal-content{background:white;border-radius:12px;max-width:800px;width:95%;max-height:95vh;box-shadow:0 12px 48px #0003;display:flex;flex-direction:column;overflow:hidden}.dktv-page .add-candidate-modal{display:flex;flex-direction:column;height:90vh;max-height:90vh}.dktv-page .modal-header-fixed{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef;background:white;flex-shrink:0;position:relative;z-index:10}.dktv-page .modal-header-fixed h3{margin:0;font-size:20px;font-weight:600;color:#2c3e50}.dktv-page .modal-header-actions{display:flex;gap:12px;align-items:center}.dktv-page .print-form-header-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;margin-right:20px;background:linear-gradient(135deg,#17a2b8 0%,#138496 100%);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.dktv-page .print-form-header-btn:hover{background:linear-gradient(135deg,#138496 0%,#117a8b 100%);transform:translateY(-1px);box-shadow:0 4px 12px #17a2b84d}.dktv-page .print-form-header-btn .print-btn-text{display:inline}.dktv-page .modal-close-btn{background:none;border:none;font-size:45px;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}.dktv-page .modal-close-btn:hover{background:#f8f9fa;color:#343a40}.dktv-page .modal-container-scrollable{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px;background:white}.dktv-page .modal-container-scrollable::-webkit-scrollbar{width:6px}.dktv-page .modal-container-scrollable::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.dktv-page .modal-container-scrollable::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.dktv-page .modal-container-scrollable::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.dktv-page .modal-footer-fixed{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;border-top:1px solid #e9ecef;background:#f8f9fa;flex-shrink:0;flex-wrap:wrap}.dktv-page .footer-left-actions{display:flex;gap:12px;align-items:center}.dktv-page .footer-right-actions{display:flex;gap:12px;align-items:center;margin-left:auto}.dktv-page .modal-footer-fixed .delete-btn{padding:10px 20px;background:linear-gradient(135deg,#dc3545 0%,#c82333 100%);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:120px}.dktv-page .modal-footer-fixed .delete-btn:hover{background:linear-gradient(135deg,#c82333 0%,#bd2130 100%);transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}.dktv-page .modal-footer-fixed .delete-btn.disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.dktv-page .modal-footer-fixed .delete-btn.disabled:hover{transform:none;box-shadow:none}.dktv-page .modal-footer-fixed .print-form-btn{padding:10px 20px;background:linear-gradient(135deg,#17a2b8 0%,#138496 100%);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:120px;display:inline-flex;align-items:center;justify-content:center}.dktv-page .modal-footer-fixed .print-form-btn:hover{background:linear-gradient(135deg,#138496 0%,#117a8b 100%);transform:translateY(-2px);box-shadow:0 4px 12px #17a2b84d}.dktv-page .modal-footer-fixed .reject-footer-btn{padding:10px 20px;background:linear-gradient(135deg,#fd7e14 0%,#e8690b 100%);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:110px;display:inline-flex;align-items:center;justify-content:center}.dktv-page .modal-footer-fixed .reject-footer-btn:hover{background:linear-gradient(135deg,#e8690b 0%,#d45d09 100%);transform:translateY(-2px);box-shadow:0 4px 12px #fd7e144d}.dktv-page .modal-footer-fixed .reject-footer-btn.disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.dktv-page .modal-footer-fixed .reject-footer-btn.disabled:hover{transform:none;box-shadow:none}.dktv-page .modal-footer-fixed .approve-btn{padding:10px 20px;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;min-width:130px}.dktv-page .modal-footer-fixed .approve-btn:hover{background:linear-gradient(135deg,#20c997 0%,#17a2b8 100%);transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.dktv-page .modal-footer-fixed .update-btn{padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:100px}.dktv-page .modal-footer-fixed .update-btn:hover:not(:disabled){background:#5a6268;transform:translateY(-2px);box-shadow:0 4px 12px #6c757d4d}.dktv-page .modal-footer-fixed .update-btn.has-changes{background:linear-gradient(135deg,#007bff 0%,#0056b3 100%);animation:pulse 2s ease-in-out infinite}.dktv-page .modal-footer-fixed .update-btn.has-changes:hover{background:linear-gradient(135deg,#0056b3 0%,#004085 100%)}.dktv-page .modal-footer-fixed .update-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes pulse{0%,to{box-shadow:0 0 #007bffb3}50%{box-shadow:0 0 0 8px #007bff00}}.dktv-page .candidate-info-modal-new{max-width:700px;max-height:100vh;width:95%;display:flex;flex-direction:column;overflow:hidden}.dktv-page .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}.dktv-page .desktop-layout{display:grid;grid-template-columns:140px 1fr;gap:20px}.dktv-page .mobile-layout{display:none}.dktv-page .avatar-col{display:flex;justify-content:center;align-items:center}.dktv-page .basic-info-col{display:flex;flex-direction:column;gap:10px}.dktv-page .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}.dktv-page .name-text{font-size:22px;font-weight:600;color:#2c3e50;flex:1;max-width:60%;word-wrap:break-word;overflow-wrap:break-word}.dktv-page .nha-thoi-vu-select{padding:6px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:white;min-width:200px}.dktv-page .nha-thoi-vu-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.dktv-page .nha-thoi-vu-display{display:flex;align-items:center;gap:8px;background:#f8f9fa;padding:8px 12px;border-radius:6px;border:1px solid #e9ecef;transition:all .2s ease}.dktv-page .nha-thoi-vu-display:hover{background:#e9ecef;border-color:#007bff}.dktv-page .nha-thoi-vu-text{font-size:13px;color:#495057;font-weight:500;margin:0}.dktv-page .edit-nha-thoi-vu-btn{background:#007bff;color:#fff;border:none;border-radius:4px;width:24px;height:24px;min-width:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #007bff33}.dktv-page .edit-nha-thoi-vu-btn:hover{background:#0056b3;transform:translateY(-1px);box-shadow:0 2px 8px #007bff4d}.dktv-page .edit-nha-thoi-vu-btn:active{transform:translateY(0);box-shadow:0 1px 3px #007bff33}.dktv-page .mobile-row-1{display:flex;justify-content:space-between;align-items:center}.dktv-page .mobile-row-2{display:flex;justify-content:center;align-items:center;padding:10px 0}.dktv-page .mobile-row-3{display:flex;justify-content:center;align-items:center}.dktv-page .mobile-row-4{padding:8px 0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px}.dktv-page .mobile-row-4-actions{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.dktv-page .mobile-row-5{display:flex;justify-content:flex-end;align-items:center}.mobile-row-3 .name-text{font-size:clamp(14px,5.5vw,25px);font-weight:600;color:#2c3e50;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}.dktv-page .info-frame-2{margin-bottom:20px;padding:20px;border-radius:8px;border:1px solid #e9ecef}.dktv-page .detail-row{display:flex;gap:20px;margin-bottom:15px;flex-wrap:nowrap}.dktv-page .detail-group{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.dktv-page .info-line .status-container{max-width:300px;width:300px;overflow:hidden;position:relative}.dktv-page .info-line .status-marquee{animation:marquee-pingpong-modal 8s ease-in-out infinite;white-space:nowrap;display:inline-block;width:-moz-max-content;width:max-content}.dktv-page .basic-info-col .status-container{max-width:400px;width:400px;overflow:hidden;position:relative}.dktv-page .basic-info-col .status-marquee{animation:marquee-pingpong-modal-full 8s ease-in-out infinite;white-space:nowrap;display:inline-block;width:-moz-max-content;width:max-content}.dktv-page .info-line .status-container:hover .status-marquee,.dktv-page .basic-info-col .status-container:hover .status-marquee{animation-play-state:paused}.dktv-page .detail-group label{font-weight:600;color:#495057;font-size:14px}.dktv-page .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}.dktv-page .edit-input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s;min-height:38px}.dktv-page .edit-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.dktv-page .cccd-images{margin:0;padding:0}.dktv-page .cccd-images h5{margin:0 0 15px;font-size:16px;font-weight:600;color:#2c3e50}.dktv-page .avatar-container,.dktv-page .cccd-image-container{position:relative;display:inline-block}.dktv-page .edit-image-btn{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.7);color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.dktv-page .edit-image-btn:hover{background:rgba(0,0,0,.9);transform:scale(1.1)}.dktv-page .hidden-file-input{display:none!important}.dktv-page .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;box-sizing:border-box}.dktv-page .no-cccd-image span{font-size:12px;line-height:1.4}.dktv-page .cccd-image-item img{max-width:200px;max-height:120px;-o-object-fit:cover;object-fit:cover;border-radius:6px;cursor:pointer;transition:transform .2s ease}.dktv-page .info-frame-cccd{margin-bottom:20px;padding:20px;background:white;border-radius:8px;border:1px solid #e9ecef}.dktv-page .cccd-images-row:not(.mobile-cccd-row){display:flex;gap:20px;justify-content:center}.dktv-page .cccd-images-row:not(.mobile-cccd-row) .cccd-image-item{text-align:center}.dktv-page .cccd-image-item img:hover{transform:scale(1.02)}.dktv-page .mobile-cccd-row{display:flex!important;flex-direction:row!important;gap:10px!important;flex-wrap:nowrap!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.dktv-page .mobile-cccd-row .cccd-image-item img,.dktv-page .mobile-cccd-row .cccd-image-container img{max-width:200px!important;max-height:200px!important;width:auto!important;height:auto!important;-o-object-fit:contain!important;object-fit:contain!important;border-radius:6px!important}.dktv-page .notification-modal-overlay{background:rgba(0,0,0,.7);animation:fadeIn .2s ease;z-index:10000!important}.dktv-page .notification-modal{max-width:400px;width:90%;max-height:none;border-radius:12px;overflow:hidden;animation:slideInDown .3s ease;z-index:10001!important}.dktv-page .notification-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;background:white;border-bottom:1px solid #e9ecef}.dktv-page .notification-title-section{display:flex;align-items:center;gap:16px;flex:1}.dktv-page .notification-title{margin:0;font-size:18px;font-weight:600;color:#2c3e50}.dktv-page .notification-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;flex-shrink:0}.dktv-page .notification-body{padding:20px 24px;background:white;text-align:center}.dktv-page .notification-body p{margin:0;font-size:16px;color:#2c3e50;line-height:1.5}.dktv-page .notification-footer{padding:16px 24px 20px;background:white;text-align:center}.dktv-page .notification-ok-btn{background:#007bff;color:#fff;border:none;padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s;min-width:80px}.dktv-page .notification-ok-btn:hover{background:#0056b3}.dktv-page .confirm-modal-overlay{background:rgba(0,0,0,.7);animation:fadeIn .2s ease}.dktv-page .confirm-modal{max-width:400px;width:90%;max-height:none;border-radius:12px;overflow:hidden;animation:slideInDown .3s ease}.dktv-page .confirm-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;background:white;border-bottom:1px solid #e9ecef}.dktv-page .confirm-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#ffc107,#fd7e14);display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.dktv-page .confirm-body{padding:20px 24px;background:white;text-align:center}.dktv-page .confirm-body p{margin:0;font-size:16px;color:#2c3e50;line-height:1.5}.dktv-page .confirm-footer{padding:16px 24px 20px;background:white;display:flex;gap:12px;justify-content:center}.dktv-page .confirm-yes-btn{background:#dc3545;color:#fff;border:none;padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s;min-width:80px}.dktv-page .confirm-yes-btn:hover{background:#c82333}.dktv-page .confirm-no-btn{background:#6c757d;color:#fff;border:none;padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s;min-width:80px}.dktv-page .confirm-no-btn:hover{background:#5a6268}@media (min-width: 769px){.dktv-page .basic-info-col{min-width:0;overflow:hidden}.dktv-page .info-line{min-width:0}.dktv-page .info-line .nha-thoi-vu-display{max-width:300px;min-width:150px}}@media (max-width: 1024px) and (min-width: 769px){.dktv-page .info-line{flex-direction:column;align-items:flex-start;gap:8px}.dktv-page .info-line .nha-thoi-vu-display,.dktv-page .info-line .status-container,.dktv-page .info-line .register-time{max-width:100%;width:100%}}@media (max-width: 768px){.dktv-page .desktop-layout{display:none}.dktv-page .mobile-layout{display:block;padding:20px;background:white;border-radius:8px;border:1px solid #e9ecef}.mobile-row-3.text-center,.mobile-row-4.text-center{display:flex;justify-content:center;align-items:center}.dktv-page .modal-container-scrollable{padding:10px}.dktv-page .info-frame-1{padding:15px}.dktv-page .modal-header-fixed{padding:16px 20px}.dktv-page .modal-header-fixed h3{font-size:18px}.dktv-page .modal-header-actions{gap:8px}.dktv-page .print-form-header-btn{padding:8px;margin-right:20px;min-width:40px}.dktv-page .print-form-header-btn .print-btn-text{display:none}.dktv-page .modal-footer-fixed{flex-direction:row;gap:8px;padding:12px 16px;flex-wrap:nowrap}.dktv-page .footer-left-actions,.dktv-page .footer-right-actions{flex:1;margin-left:0}.dktv-page .footer-left-actions{order:1}.dktv-page .footer-right-actions{order:2}.dktv-page .modal-footer-fixed .delete-btn,.dktv-page .modal-footer-fixed .update-btn{width:100%;padding:8px 12px;font-size:13px;min-width:auto;white-space:nowrap}.dktv-page .info-line .approve-btn,.dktv-page .mobile-row-4 .approve-btn{width:auto;min-width:auto;padding:8px 16px;font-size:13px}.dktv-page .detail-row{gap:10px;margin-bottom:12px}.dktv-page .detail-group label{font-size:12px}.dktv-page .detail-group span,.dktv-page .edit-input{font-size:13px;padding:6px 10px;min-height:34px}.dktv-page .mobile-cccd-row{gap:8px!important}.dktv-page .edit-image-btn{width:28px;height:28px;top:6px;right:6px}.mobile-cccd-row .cccd-image-container{max-width:none!important;min-height:100px!important;width:100%!important}.dktv-page .mobile-cccd-row .cccd-image-item img,.dktv-page .mobile-cccd-row .cccd-image-container img{max-width:100px!important;max-height:100px!important;width:auto!important;height:auto!important;-o-object-fit:contain!important;object-fit:contain!important;border-radius:6px!important}.dktv-page .nha-thoi-vu-modal{width:95%;max-height:70vh}.dktv-page .nha-thoi-vu-item{padding:12px 16px}.dktv-page .nha-thoi-vu-info h4{font-size:15px}.dktv-page .nha-thoi-vu-details{display:flex;justify-content:space-between;align-items:center;width:100%;gap:8px}.dktv-page .nha-thoi-vu-code,.dktv-page .contract-badge{font-size:11px;padding:3px 6px}.dktv-page .manager-info{font-size:12px}}@media (max-width: 480px){.dktv-page .notification-modal,.dktv-page .confirm-modal{width:95%;margin:20px}.dktv-page .notification-header,.dktv-page .confirm-header{padding:16px 20px 12px}.dktv-page .notification-title-section{gap:12px}.dktv-page .notification-title{font-size:16px}.dktv-page .notification-body,.dktv-page .confirm-body{padding:16px 20px}.dktv-page .notification-footer,.dktv-page .confirm-footer{padding:12px 20px 16px}.dktv-page .notification-icon,.dktv-page .confirm-icon{width:40px;height:40px;font-size:20px}.dktv-page .confirm-footer{flex-direction:column}.dktv-page .detail-row{gap:8px;margin-bottom:10px}.dktv-page .detail-group label{font-size:11px}.dktv-page .detail-group span,.dktv-page .edit-input{font-size:12px;padding:5px 8px;min-height:32px}.dktv-page .confirm-yes-btn,.dktv-page .confirm-no-btn,.dktv-page .notification-ok-btn{width:100%}.dktv-page .edit-image-btn{width:24px;height:24px;top:4px;right:4px}.mobile-cccd-row .cccd-image-container{max-width:none!important;min-height:80px!important;width:100%!important}.dktv-page .mobile-cccd-row .cccd-image-item img,.dktv-page .mobile-cccd-row .cccd-image-container img{max-width:120px!important;max-height:120px!important;width:auto!important;height:auto!important;-o-object-fit:contain!important;object-fit:contain!important;border-radius:6px!important}.dktv-page .mobile-cccd-row{gap:5px!important}.dktv-page .nha-thoi-vu-modal{width:98%;max-height:60vh}.dktv-page .nha-thoi-vu-item{padding:10px 12px}.dktv-page .nha-thoi-vu-info h4{font-size:14px}.dktv-page .nha-thoi-vu-details{display:flex;justify-content:space-between;align-items:center;width:100%;gap:6px}.dktv-page .nha-thoi-vu-code,.dktv-page .contract-badge{font-size:10px;padding:2px 5px;flex-shrink:0}.dktv-page .manager-info{font-size:11px}.dktv-page .selection-indicator{width:28px;height:28px}.dktv-page .checkmark{font-size:18px}}.dktv-page .fullscreen-image-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:99999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}.dktv-page .fullscreen-image-container{position:relative;max-width:95vw;max-height:95vh;display:flex;align-items:center;justify-content:center}.dktv-page .fullscreen-close-btn{position:absolute;top:-50px;right:-10px;background:rgba(255,255,255,.9);color:#333;border:none;font-size:32px;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:100000}.dktv-page .fullscreen-close-btn:hover{background:white;transform:scale(1.1)}.dktv-page .fullscreen-image{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #0000004d}.dktv-page .nha-thoi-vu-modal{max-width:600px;width:90%;max-height:80vh;border-radius:12px;overflow:hidden;animation:slideInDown .3s ease}.dktv-page .nha-thoi-vu-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef;background:white}.dktv-page .nha-thoi-vu-modal .modal-header h3{margin:0;font-size:20px;font-weight:600;color:#2c3e50}.dktv-page .nha-thoi-vu-list{max-height:60vh;overflow-y:auto;padding:0;margin:0}.dktv-page .nha-thoi-vu-list::-webkit-scrollbar{width:6px}.dktv-page .nha-thoi-vu-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.dktv-page .nha-thoi-vu-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.dktv-page .nha-thoi-vu-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.dktv-page .nha-thoi-vu-item{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e9ecef;cursor:pointer;transition:all .2s ease;background:white}.dktv-page .nha-thoi-vu-item:hover{background:#f8f9fa;border-left:4px solid #007bff;padding-left:16px}.dktv-page .nha-thoi-vu-item.selected{background:#e3f2fd;border-left:4px solid #007bff;padding-left:16px}.dktv-page .nha-thoi-vu-item:last-child{border-bottom:none}.dktv-page .nha-thoi-vu-info{flex:1;display:flex;flex-direction:column;gap:8px}.dktv-page .nha-thoi-vu-info h4{margin:0;font-size:16px;font-weight:600;color:#2c3e50;line-height:1.3}.dktv-page .nha-thoi-vu-details{display:flex;justify-content:space-between;align-items:center;width:100%}.dktv-page .nha-thoi-vu-code{font-size:12px;color:#6c757d;background:#f8f9fa;padding:4px 8px;border-radius:4px;border:1px solid #e9ecef;flex-shrink:0}.dktv-page .manager-info{margin:4px 0 0;font-size:13px;color:#495057;line-height:1.4}.dktv-page .selection-indicator{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;margin-left:12px}.dktv-page .checkmark{color:#007bff;font-size:20px;font-weight:700}@media (max-width: 480px){.dktv-page .nha-thoi-vu-modal{width:98%;max-height:60vh}.dktv-page .nha-thoi-vu-item{padding:10px 12px}.dktv-page .nha-thoi-vu-info h4{font-size:14px}.dktv-page .nha-thoi-vu-details{display:flex;justify-content:space-between;align-items:center;width:100%;gap:6px}.dktv-page .nha-thoi-vu-code,.dktv-page .contract-badge{font-size:10px;padding:2px 5px;flex-shrink:0}.dktv-page .manager-info{font-size:11px}.dktv-page .selection-indicator{width:28px;height:28px}.dktv-page .checkmark{font-size:18px}}.dktv-page .modal{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)}.dktv-page .modal .modal-content{background:white;padding:30px;border-radius:12px;max-width:500px;width:90%;box-shadow:0 12px 48px #0003}.dktv-page .modal .modal-content h3{margin:0 0 20px;font-size:22px;font-weight:600;color:#2c3e50;text-align:center}.dktv-page .modal .modal-content p{margin:0 0 10px;font-size:16px;color:#495057;line-height:1.6;text-align:center}.dktv-page .modal-buttons{display:flex;justify-content:center;gap:20px;margin-top:30px}.dktv-page .btn-confirm,.dktv-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}.dktv-page .btn-confirm{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);color:#fff}.dktv-page .btn-confirm:hover{background:linear-gradient(135deg,#20c997 0%,#17a2b8 100%);transform:translateY(-2px);box-shadow:0 4px 15px #28a7454d}.dktv-page .btn-cancel{background:linear-gradient(135deg,#6c757d 0%,#495057 100%);color:#fff}.dktv-page .btn-cancel:hover{background:linear-gradient(135deg,#495057 0%,#343a40 100%);transform:translateY(-2px);box-shadow:0 4px 15px #6c757d4d}.dktv-page .modal-footer-fixed{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #e9ecef;background:white;flex-shrink:0;gap:12px}.dktv-page .footer-left-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.dktv-page .footer-right-actions{display:flex;gap:10px;align-items:center}.dktv-page .update-btn{background:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.dktv-page .update-btn:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.dktv-page .update-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.dktv-page .update-btn.has-changes{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);box-shadow:0 2px 8px #28a7454d}.dktv-page .delete-btn{background:#dc3545;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.dktv-page .delete-btn:hover:not(:disabled){background:#c82333;transform:translateY(-1px)}.dktv-page .delete-btn.disabled,.dktv-page .delete-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.dktv-page .reject-footer-btn{background:#fd7e14;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;white-space:nowrap}.dktv-page .reject-footer-btn:hover:not(:disabled){background:#e8690b;transform:translateY(-1px)}.dktv-page .reject-footer-btn.disabled,.dktv-page .reject-footer-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.dktv-page .print-btn-label{display:inline}.dktv-page .mobile-row-reject{display:none;justify-content:center;padding:4px 0 12px}.dktv-page .desktop-only-btn{display:inline-flex}@media (max-width: 768px){.dktv-page .print-form-header-btn{padding:6px 10px;font-size:12px;gap:5px;margin-right:8px}.dktv-page .print-btn-label{display:none}.dktv-page .modal-footer-fixed{padding:12px 16px;gap:8px}.dktv-page .footer-left-actions{gap:8px}.dktv-page .update-btn,.dktv-page .delete-btn{padding:10px 14px;font-size:14px}.dktv-page .desktop-only-btn{display:none!important}.dktv-page .mobile-row-reject{display:flex}.dktv-page .mobile-row-reject .reject-footer-btn{font-size:13px;padding:8px 20px}}.cropper-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:10000}.cropper-modal-container{width:98%;height:98%;background:white;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000004d;position:relative}.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}.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{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#374151;font-size:18px;text-align:center;z-index:10}.cropper-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 10px}.cropper-footer{display:flex;gap:0;padding:0;border-top:1px solid #e5e7eb;background:white}.cropper-controls,.cropper-actions{display:contents}.cropper-controls button,.cropper-actions button{flex:1;height:70px;border:1px solid #d1d5db;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s;margin:0;outline:none;min-width:0;border-radius:0;border-right:none}.cropper-controls button:disabled,.cropper-actions button:disabled{opacity:.6;cursor:not-allowed}#cropper-cancel{border-right:1px solid #d1d5db}#cropper-rotate-left{background:#6366f1;border-color:#6366f1;font-size:16px;border-right:1px solid #5b21b6}#cropper-rotate-right{background:#6366f1;border-color:#6366f1;font-size:16px;border-left:none}#cropper-rotate-left:hover,#cropper-rotate-right:hover{background:#5b21b6;border-color:#5b21b6}#cropper-confirm{background:#10b981;border-color:#10b981;border-right:1px solid #059669}#cropper-confirm:hover{background:#059669;border-color:#059669}#cropper-cancel{background:#ef4444;border-color:#ef4444;border-left:none}#cropper-cancel:hover{background:#dc2626;border-color:#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:fixed!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:1vw!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}@media (max-width: 768px){.image-crop-modal{width:98vw!important;height:98vh!important}.image-crop-modal .cropper-actions{width:100%!important;justify-content:center!important}.image-crop-modal .cropper-header{padding:15px!important}.image-crop-modal .cropper-container{padding:10px!important}.image-crop-modal .cropper-body{height:calc(100% - 160px)!important}.cropper-modal-container{width:95vw;height:95vh;border-radius:12px}.cropper-header{padding:15px}.cropper-header h3{font-size:16px}.cropper-image-container{padding:5px}.cropper-controls button,.cropper-actions button{height:60px;font-size:16px}#cropper-rotate-left,#cropper-rotate-right{font-size:24px}}@media (max-width: 480px){.cropper-modal-container{width:98vw;height:98vh;border-radius:12px}.cropper-header{padding:10px}.cropper-header h3{font-size:14px}.cropper-controls button,.cropper-actions button{height:50px;font-size:14px}#cropper-rotate-left,#cropper-rotate-right{font-size:20px}}.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}.dktv-page .candidate-form{display:flex;flex-direction:column;gap:20px}.dktv-page .form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.dktv-page .form-group label{display:block;margin-bottom:6px;font-weight:500;color:#495057;font-size:14px}.dktv-page .required{color:#dc3545}.dktv-page .form-group input,.dktv-page .form-group select,.dktv-page .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}.dktv-page .form-group input:focus,.dktv-page .form-group select:focus,.dktv-page .form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.dktv-page .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.dktv-page .file-input{padding:8px 12px!important;background:white;cursor:pointer;margin-bottom:10px}.dktv-page .file-input::-webkit-file-upload-button{background:#007bff;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;margin-right:10px;font-size:13px}.dktv-page .file-input::-webkit-file-upload-button:hover{background:#0056b3}.dktv-page .avatar-preview{margin-top:10px;text-align:center;display:flex;align-items:center;justify-content:center;height:140px}.dktv-page .avatar-preview img{height:120px;width:auto;border-radius:8px;border:1px solid #dee2e6;-o-object-fit:contain;object-fit:contain}.dktv-page .avatar-preview img,.dktv-page .image-preview img{max-width:100%;max-height:150px;border-radius:6px;border:1px solid #ddd}.dktv-page .upload-section{margin:20px 0;padding:20px;background:#f8f9fa;border-radius:8px;border:2px dashed #dee2e6}.dktv-page .upload-section h4{margin:0 0 20px;color:#495057;font-size:16px;font-weight:600}.dktv-page .upload-row{display:grid;grid-template-columns:1fr 2fr;gap:16px;align-items:start}.dktv-page .cccd-group{display:grid;grid-template-columns:1fr 1fr;gap:16px}.upload-row .dktv-page .form-group label{display:block;margin-bottom:10px;font-weight:500;color:#495057;flex-shrink:0}.dktv-page .avatar-preview,.dktv-page .image-preview{width:100%;height:140px;margin:10px auto 0;border-radius:6px;overflow:hidden;flex:1;display:flex;align-items:center;justify-content:center}.dktv-page .qr-input{font-family:monospace;font-size:13px;resize:vertical;height:40px;max-height:80px;min-height:80px}.dktv-page .qr-parsed-info{margin-top:10px;padding:12px;background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;font-size:13px}.dktv-page .qr-parsed-info h4{margin:0 0 8px;color:#155724;font-size:14px;font-weight:600}.dktv-page .qr-parsed-info>div{margin-bottom:4px;color:#155724}.dktv-page .qr-parsed-info>div:last-child{margin-bottom:0}.dktv-page .address-mode-container{display:flex;align-items:center;gap:15px;margin-bottom:8px}.dktv-page .address-mode-container label{margin:0;font-weight:500;color:#2c3e50}.dktv-page .address-mode-radios{display:flex;gap:20px;margin-top:8px}.dktv-page .radio-label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:400!important;color:#495057!important;cursor:pointer}.dktv-page .radio-label input[type=radio]{margin:0;width:auto;height:auto}.dktv-page .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding-top:20px;border-top:1px solid #dee2e6}.dktv-page .form-section-title{margin-top:25px;margin-bottom:15px;padding-top:20px;border-top:1px solid #e0e0e0}.dktv-page .form-section-title h4{margin:0;font-size:16px;font-weight:600;color:#2c3e50}@media (max-width: 768px){.dktv-page .form-row,.dktv-page .form-actions{flex-direction:column}.dktv-page .address-mode-container{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width: 576px){.dktv-page .upload-row{grid-template-columns:1fr}.dktv-page .cccd-group{grid-template-columns:1fr 1fr;gap:10px}.upload-row .form-group{min-height:auto}.dktv-page .avatar-preview,.dktv-page .image-preview{max-width:200px}}.dktv-page .form-group input.input-error{border-color:#dc3545;box-shadow:0 0 0 2px #dc354533}.dktv-page .form-group input.input-error:focus{border-color:#dc3545;box-shadow:0 0 0 2px #dc35454d}.dktv-page .field-error-hint{display:block;margin-top:4px;font-size:12px;color:#dc3545;font-style:italic}.dktv-page .address-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:8px}.dktv-page .address-table thead th{background:#f1f3f5;color:#495057;font-weight:600;padding:8px 10px;border:1px solid #dee2e6;text-align:left;white-space:nowrap}.dktv-page .address-table tbody td{border:1px solid #dee2e6;padding:6px 8px;vertical-align:middle}.dktv-page .address-table tbody tr:hover{background:#f8f9fa}.dktv-page .address-table .addr-select{width:100%;padding:6px 8px;border:1px solid #ced4da;border-radius:4px;font-size:13px;background:#fff;cursor:pointer;min-width:120px}.dktv-page .address-table .addr-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff33}.dktv-page .address-table .addr-select:disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed}.dktv-page .address-table .addr-input{width:100%;padding:6px 8px;border:1px solid #ced4da;border-radius:4px;font-size:13px;box-sizing:border-box;min-width:130px}.dktv-page .address-table .addr-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff33}.dktv-page .address-table .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}.dktv-page .address-table .delete-btn-icon:hover{background:#dc3545;color:#fff}.dktv-page .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}.dktv-page .add-row-btn:hover{background:#007bff;color:#fff}@media (max-width: 768px){.dktv-page .address-table,.dktv-page .address-table thead,.dktv-page .address-table tbody,.dktv-page .address-table th,.dktv-page .address-table td,.dktv-page .address-table tr{display:block}.dktv-page .address-table thead{display:none}.dktv-page .address-table tbody tr{border:1px solid #dee2e6;border-radius:6px;margin-bottom:12px;padding:8px;background:#fff;box-shadow:0 1px 3px #0000000d}.dktv-page .address-table tbody td{border:none;padding:4px 0;display:flex;align-items:center;gap:8px}.dktv-page .address-table tbody td:before{content:attr(data-label);font-weight:600;font-size:12px;color:#6c757d;min-width:90px;flex-shrink:0}.dktv-page .address-table .addr-select,.dktv-page .address-table .addr-input{flex:1;min-width:0}}.dktv-page .actions-cell{display:flex;justify-content:center;align-items:center}.dktv-page .action-btn{padding:6px 8px;border:none;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.dktv-page .action-btn.delete-btn{background:#dc3545;color:#fff}.dktv-page .action-btn.delete-btn:hover:not(:disabled){background:#c82333;transform:scale(1.05)}.dktv-page .action-btn.delete-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.5}.dktv-page .action-btn.print-btn{background:#17a2b8;color:#fff}.dktv-page .action-btn.print-btn:hover:not(:disabled){background:#138496;transform:scale(1.05)}.dktv-page .action-btn.reject-btn{background:#fd7e14;color:#fff}.dktv-page .action-btn.reject-btn:hover:not(:disabled){background:#e8690b;transform:scale(1.05)}.dktv-page .action-btn.reject-btn.disabled,.delete-btn.disabled{background:#6c757d!important;color:#fff!important;opacity:.5;cursor:not-allowed!important}.dktv-page .submit-btn{background:#28a745;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s;min-width:120px}.dktv-page .submit-btn:hover:not(:disabled){background:#218838}.dktv-page .submit-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.dktv-page .cancel-btn{background:#6c757d;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s;min-width:80px}.dktv-page .cancel-btn:hover{background:#5a6268}.dktv-page .update-btn{padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:not-allowed;transition:all .3s;opacity:.6}.dktv-page .delete-btn{padding:10px 20px;background:#dc3545;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s}.dktv-page .delete-btn:hover{background:#c82333}.dktv-page .attendance-status-present{display:flex;flex-direction:column;align-items:center;gap:2px;background:#caeeda;color:#020f05;padding:4px 8px;border-radius:4px;font-size:12px;border:1px solid #c3e6cb;max-width:100%;min-height:32px;text-align:center}.dktv-page .attendance-line-1{display:flex;align-items:center;gap:4px;font-weight:600;margin-bottom:2px;color:#0e709e}.dktv-page .attendance-line-2{font-size:12px;opacity:.9;text-align:center;color:#0e709e}.dktv-page .edit-btn{background:#007bff!important;color:#fff!important}.dktv-page .edit-btn:hover{background:#0056b3!important}.dktv-page .approve-btn{background:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.dktv-page .approve-btn:hover{background:#218838;transform:scale(1.02)}.dktv-page .approve-btn:active{transform:scale(.98)}.dktv-page .mobile-table .approve-btn{padding:10px 20px;font-size:15px}.dktv-page .mobile-actions-cell{display:flex;justify-content:center;align-items:center}.mobile-actions-cell .dktv-page .action-btn svg{width:14px;height:14px}.dktv-page .mobile-actions-column{display:flex;flex-direction:column;gap:6px;justify-content:center;align-items:center;height:100%;padding:2px}.mobile-actions-column .mobile-action-buttons .dktv-page .action-btn svg{width:12px;height:12px;flex-shrink:0}.mobile-actions-column .mobile-action-buttons .dktv-page .action-btn span{font-size:10px;font-weight:500}@media (max-width: 768px){.dktv-page .submit-btn,.dktv-page .cancel-btn{width:100%}.dktv-page .attendance-status-present{flex-direction:column;align-items:center;gap:1px;padding:3px 6px;min-height:auto;text-align:center}.attendance-status-present .attendance-full-text{max-width:100px;font-size:9px;line-height:1.5;align-items:center}.dktv-page .attendance-line-1{font-size:11px;font-weight:600;margin-bottom:0;gap:2px}.dktv-page .attendance-line-2{font-size:9px;opacity:.9;text-align:center}.action-btn.attendance-btn{font-size:12px;padding:5px 10px}}@media (max-width: 480px){.dktv-page .mobile-actions-cell{padding:6px 4px!important}.mobile-actions-cell .action-btn{padding:3px;margin:1px}}.dktv-page .batch-action-buttons{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:8px 0;justify-content:flex-end;margin-left:auto}.dktv-page .batch-row{display:contents}.dktv-page .exit-selection-btn{background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;white-space:nowrap}.dktv-page .exit-selection-btn:hover{background:#5a6268;transform:translateY(-1px)}.dktv-page .selected-count{background:#a0c0e2;color:#fff;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;white-space:nowrap}.dktv-page .select-all-btn{background:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;white-space:nowrap}.dktv-page .select-all-btn:hover{background:#218838;transform:translateY(-1px)}.dktv-page .deselect-all-btn{background:#ffc107;color:#000;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;white-space:nowrap}.dktv-page .deselect-all-btn:hover:not(:disabled){background:#e0a800;transform:translateY(-1px)}.dktv-page .deselect-all-btn:disabled{background:#6c757d;color:#fff;cursor:not-allowed;opacity:.5}.dktv-page .batch-print-btn{background:#17a2b8;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;white-space:nowrap}.dktv-page .batch-print-btn:hover:not(:disabled){background:#138496;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.dktv-page .batch-print-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.5}.dktv-page .batch-approve-btn{background:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;white-space:nowrap}.dktv-page .batch-approve-btn:hover:not(:disabled){background:#218838;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.dktv-page .batch-approve-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.5}.dktv-page .batch-delete-btn{background:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;white-space:nowrap}.dktv-page .batch-delete-btn:hover:not(:disabled){background:#c82333;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.dktv-page .batch-delete-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.5}.dktv-page .selection-checkbox{width:20px;height:20px;cursor:pointer;accent-color:#007bff}.dktv-page .selected-row{background-color:#e7f3ff!important;border-left:3px solid #007bff}.dktv-page .selected-row:hover{background-color:#d0e9ff!important}@media (max-width: 768px){.dktv-page .batch-action-buttons{flex-direction:column;gap:8px;width:100%;align-items:stretch}.dktv-page .batch-row{display:flex;gap:8px;width:100%}.dktv-page .batch-row>*{flex:1;min-width:0}.dktv-page .exit-selection-btn,.dktv-page .select-all-btn,.dktv-page .deselect-all-btn,.dktv-page .batch-approve-btn,.dktv-page .batch-print-btn,.dktv-page .batch-delete-btn{padding:8px 12px;font-size:13px;gap:4px}.dktv-page .selected-count{padding:8px 12px;font-size:13px}}.dktv-page .column-selector-container{position:relative;display:inline-block}.dktv-page .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;display:flex;align-items:center;gap:6px}.dktv-page .column-selector-btn:hover{background:linear-gradient(135deg,#5a4fcf,#4834d4);box-shadow:0 4px 12px #6c5ce766;transform:translateY(-1px)}.dktv-page .column-selector-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:white;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:250px;max-height:400px;overflow-y:auto}.dktv-page .column-selector-header{padding:12px 16px;border-bottom:1px solid #dee2e6;background:#f8f9fa;border-radius:8px 8px 0 0}.dktv-page .column-selector-header h4{margin:0;font-size:16px;font-weight:600;color:#2c3e50}.dktv-page .column-selector-body{padding:8px 0}.dktv-page .column-option{display:flex;align-items:center;padding:10px 16px;cursor:pointer;transition:background-color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dktv-page .column-option:hover{background:#f8f9fa}.dktv-page .column-option.required{cursor:not-allowed;opacity:.7}.dktv-page .column-option input[type=checkbox]{margin-right:10px;cursor:pointer;width:16px;height:16px}.dktv-page .column-option.required input[type=checkbox]{cursor:not-allowed}.dktv-page .column-name{flex:1;font-size:14px;color:#495057}.dktv-page .required-label{font-size:12px;color:#6c757d;font-style:italic}.dktv-page .column-selector-dropdown::-webkit-scrollbar{width:6px}.dktv-page .column-selector-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.dktv-page .column-selector-dropdown::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.dktv-page .column-selector-dropdown::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width: 768px){.dktv-page .column-selector-container{display:none!important}}.dktv-page .manual-refresh-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;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}.dktv-page .manual-refresh-btn:hover:not(:disabled){background:#f1f3f5;border-color:#adb5bd;color:#212529}.dktv-page .manual-refresh-btn:disabled,.dktv-page .manual-refresh-btn.refreshing{cursor:not-allowed;opacity:.65}.dktv-page .manual-refresh-btn .spin{animation:dktv-spin .8s linear infinite;display:flex;align-items:center}.dktv-page .manual-refresh-btn:hover:not(:disabled) .spin-icon{animation:dktv-spin-once .4s ease-in-out}@keyframes dktv-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dktv-spin-once{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.dktv-page .manual-refresh-btn span{display:none}.dktv-page .manual-refresh-btn{padding:8px 10px}}.dktv-page .pagination-container{flex-shrink:0;border-radius:6px;box-shadow:0 2px 4px #0000001a;display:flex;padding:8px 15px;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;background:white;margin-top:auto;min-height:50px;max-height:50px}.dktv-page .pagination-info-left{display:flex;flex-direction:row;gap:15px;align-items:center}.dktv-page .pagination-info{font-size:13px;color:#495057;font-weight:600;white-space:nowrap}.dktv-page .results-text{font-size:12px;color:#6c757d;font-weight:400;white-space:nowrap}.dktv-page .pagination-controls{display:flex;gap:4px;align-items:center;margin-left:auto}.dktv-page .pagination-btn{padding:6px 10px;border:1px solid #dee2e6;background:white;color:#495057;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s;min-width:36px;font-weight:500}.dktv-page .pagination-btn:hover:not(:disabled){background:#f8f9fa;border-color:#6c757d}.dktv-page .pagination-btn.active{background:#007bff;color:#fff;border-color:#007bff;font-weight:600}.dktv-page .pagination-btn:disabled{background:#e9ecef;color:#adb5bd;cursor:not-allowed;opacity:.6}@media (max-width: 992px){.dktv-page .pagination-container{gap:12px}.dktv-page .pagination-controls{flex-wrap:wrap}}@media (max-width: 768px){.dktv-page .pagination-container{padding:10px 12px;gap:10px}.dktv-page .pagination-info,.dktv-page .results-text{width:100%;text-align:left}.dktv-page .pagination-controls{width:100%;justify-content:center;margin-left:0}.dktv-page .pagination-btn{padding:6px 10px;font-size:13px;min-width:35px}}@media (max-width: 480px){.dktv-page .pagination-container{padding:8px 10px;gap:8px}.dktv-page .pagination-info{font-size:13px}.dktv-page .results-text{font-size:12px}.dktv-page .pagination-controls{gap:2px}.dktv-page .pagination-btn{padding:5px 8px;font-size:12px;min-width:32px}}@media (max-width: 1200px){.dktv-page .candidates-table th:nth-child(4),.dktv-page .candidates-table td:nth-child(4){width:250px}}@media (max-width: 992px){.dktv-page .dktv-controls{flex-direction:column;align-items:stretch}.dktv-page .search-container{min-width:auto}.dktv-page .form-row{flex-direction:column}.dktv-page .pagination-container{flex-direction:column;gap:10px;text-align:center}}@media (max-width: 768px){.dktv-page .dktv-container{max-width:100vw;overflow-x:hidden;overflow-y:auto;height:calc(100vh - 50px);padding:10px;display:flex;flex-direction:column}.dktv-page .app-container{width:100vw;max-width:100vw;margin:0;box-sizing:border-box;padding:0 8px}.dktv-page .dktv-header{padding:12px 16px!important;box-shadow:none;border-radius:0;background:white}.dktv-page .dktv-header h2{display:block!important;font-size:16px!important;margin:0 0 12px!important;line-height:1.4!important;color:#2c3e50!important;text-align:center!important}.dktv-page .dktv-controls{display:flex!important;flex-direction:row!important;align-items:center!important;width:100%!important;padding:0!important;justify-content:space-between!important;flex-direction:column;gap:10px}.dktv-page .search-container{flex:1!important;min-width:0!important;margin:0!important;max-width:calc(100% - 100px)!important;min-width:100%}.dktv-page .search-input{font-size:14px!important;padding:8px 8px 8px 36px!important;border-radius:6px!important;width:100%!important}.dktv-page .nha-thoi-vu-filter{display:none!important;width:100%}.dktv-page .add-candidate-btn{min-width:40px!important;max-width:40px!important;height:40px!important;padding:0!important;background:#28a745!important;border-radius:6px!important;color:transparent!important;display:flex!important;align-items:center!important;gap:0!important;flex-shrink:0!important;overflow:hidden!important;white-space:nowrap!important;position:relative!important;width:100%;justify-content:center}.dktv-page .add-candidate-btn>svg{width:24px!important;height:24px!important;color:#fff!important;flex-shrink:0!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.dktv-page .results-info{padding:12px 15px;font-size:13px}.dktv-page .candidates-table-container{overflow-x:auto;margin-bottom:15px;flex:1;display:flex;flex-direction:column;overflow:hidden}.dktv-page .desktop-table{display:none!important}.dktv-page .mobile-table{display:table!important}.dktv-page .form-actions{flex-direction:column}.dktv-page .submit-btn,.dktv-page .cancel-btn{width:100%}.dktv-page .address-mode-container{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width: 576px){.dktv-page .modal-content{margin:10px;max-height:calc(100vh - 20px)}.dktv-page .modal-header,.dktv-page .candidate-form{padding:15px}.dktv-page .dktv-header h2{font-size:18px}.dktv-page .upload-row{grid-template-columns:1fr}.dktv-page .cccd-group{grid-template-columns:1fr 1fr;gap:10px}.upload-row .form-group{min-height:auto}.dktv-page .avatar-preview,.dktv-page .image-preview{max-width:200px}}@media (max-width: 480px){.dktv-page .dktv-container{padding:10px}.dktv-page .dktv-header{padding:5px!important}.dktv-page .results-info{padding:10px 15px;font-size:13px}.dktv-page .pagination-container{padding:10px}.dktv-page .pagination-controls{gap:1px}.dktv-page .pagination-btn{padding:6px 10px;font-size:12px}.dktv-page .status-badge{font-size:10px;padding:3px 6px;min-width:60px}.dktv-page .candidate-name{font-size:13px;font-weight:600}}.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-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{flex-wrap:wrap;padding:8px 12px;gap:8px;align-items:center}.cpn-pagination-info{flex:1 1 auto;font-size:12px;min-width:0;order:1}.cpn-pagination-per-page{flex:0 0 auto;order:2;gap:4px}.cpn-pagination-per-page label{font-size:12px}.cpn-pagination-select{padding:4px 8px;font-size:12px;min-width:50px}.cpn-pagination-controls{flex:1 0 100%;order:3;justify-content:center;gap:6px}.cpn-pagination-btn{width:32px;height:32px;border-width:1px}.cpn-pagination-btn svg{width:14px;height:14px}.cpn-pagination-current{padding:0 8px;font-size:12px}}@media (max-width: 480px){.cpn-pagination-container{flex-wrap:wrap;padding:6px 8px;gap:4px}.cpn-pagination-info{flex:1 1 auto;font-size:11px;order:1;min-width:0}.cpn-pagination-per-page{order:2;flex:0 0 auto}.cpn-pagination-per-page label{font-size:11px}.cpn-pagination-select{padding:3px 6px;font-size:11px}.cpn-pagination-controls{flex:1 0 100%;order:3;justify-content:center;gap:4px}.cpn-pagination-btn{width:28px;height:28px}.cpn-pagination-btn svg{width:12px;height:12px}.cpn-pagination-current{padding:0 6px;font-size:11px}}.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}}.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}.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:8px 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;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-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}.std-tvtts-col-nguoi-gioi-thieu{width:130px}.std-tvtts-col-so-dien-thoai{width:105px}.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}.std-tvtts-col-lam-them-gio{width:90px}.std-tvtts-col-nguyen-vong-ca{width:120px}.std-tvtts-col-ly-do-ca{min-width:130px}.std-tvtts-col-ky-tuc{width:100px}.std-tvtts-col-cam-ket-lv{width:110px}.std-tvtts-col-so-cmt{width:100px}.std-tvtts-col-ngay-cap{width:90px}.std-tvtts-col-noi-cap{min-width:120px}.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:10px 12px}.std-tvtts-mobile-info-row{display:flex;flex-direction:column;gap:4px;font-size:13px}.std-tvtts-mobile-item{display:flex;gap:6px}.std-tvtts-mobile-item strong{flex-shrink:0;color:#6c757d}@media (max-width: 768px){.std-tvtts-table.std-tvtts-desktop-table{display:none}.std-tvtts-table.std-tvtts-mobile-table{display:table}}.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}}.sd-wrapper{position:relative;width:100%}.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;align-items:center;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:240px;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;align-items:center}.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}}.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}}.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%;height:36px;padding:0 8px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;background:white;box-sizing:border-box;cursor:pointer}.cpn-sdm-s3-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}@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}}.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:6px}.cpn-sdm-s4-view-address-item{padding:5px 10px;display:flex;align-items:center;gap:8px;font-size:16px;color:#374151;line-height:1.5}.cpn-sdm-s4-view-address-icon{font-size:16px;flex-shrink:0}.cpn-sdm-s4-view-address-label{font-size:16px;font-weight:600;color:#4b5563;white-space:nowrap;flex-shrink:0;min-width:80px}.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}.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}}.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}.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}}.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}@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}}.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}.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}.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:white;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-header{display:flex;align-items:center;justify-content:space-between;padding:3px 24px;border-bottom:2px solid #e5e7eb;background:#5dadfd;flex-shrink:0;height:47px}.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:white;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;color:#fff;border-color:#3b82f6}.cpn-staffdetailmodal-close-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444}.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}}.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}.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;color-adjust:exact!important}@page :first{size:A4 portrait;margin:0!important}@page{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{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-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:12px 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:wrap}.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}.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{height:36px;padding:0 10px;border:1.5px solid #d1d5db;border-radius:7px;font-size:13.5px;color:#111827;background:#fff;cursor:pointer;min-width:180px;transition:border-color .15s;outline:none}.dsp-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.dsp-select: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}.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}.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}.std-tvtts-header-btn{display:flex;align-items:center;gap:6px;padding:7px 13px;border-radius:8px;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-header-btn.spinning svg{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-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}.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-header{padding:12px 14px}.std-tvtts-header-title{font-size:15px}.std-tvtts-controls{padding:8px 12px}.std-tvtts-search-container{min-width:160px}.std-tvtts-pagination-wrapper{padding:0}}.std-tvtts-page .cpn-staffdetailmodal-container{height:calc(100vh - 126px);margin-top:126px}.std-tvtts-page .cpn-staffdetailmodal-header{height:57px}.std-tvtts-page .std-tvtts-toolbar-row,.std-tvtts-page .std-tvtts-pagination-wrapper,.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-toolbar-row,.std-tvtts-page.has-detail-modal .std-tvtts-pagination-wrapper,.std-tvtts-page.has-detail-modal .std-tvtts-active-filters{padding-right:600px}.std-tvtts-page.has-detail-modal.modal-closing .std-tvtts-toolbar-row,.std-tvtts-page.has-detail-modal.modal-closing .std-tvtts-pagination-wrapper,.std-tvtts-page.has-detail-modal.modal-closing .std-tvtts-active-filters{padding-right:0}.std-tvtts-page.modal-closing .cpn-staffdetailmodal-container{animation:std-tvtts-modal-slide-out .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes std-tvtts-modal-slide-out{0%{transform:translate(0)}to{transform:translate(100%)}}.std-tvtts-page.has-detail-modal .std-tvtts-controls{gap:6px}.std-tvtts-page.has-detail-modal .std-tvtts-search-container{min-width:36px;max-width:160px;transition:max-width .4s cubic-bezier(.4,0,.2,1),min-width .4s cubic-bezier(.4,0,.2,1)}.std-tvtts-page.has-detail-modal .std-tvtts-date-filter label,.std-tvtts-page.has-detail-modal .std-tvtts-date-separator,.std-tvtts-page.has-detail-modal .std-tvtts-date-today-btn{display:none}.std-tvtts-page.has-detail-modal .std-tvtts-date-filter{gap:4px}.std-tvtts-page.has-detail-modal .std-tvtts-date-input{max-width:110px;font-size:14px}.std-tvtts-page.has-detail-modal .std-tvtts-export-btn .std-tvtts-export-btn-text,.std-tvtts-page.has-detail-modal .std-tvtts-export-btn span:not(svg){display:none}.std-tvtts-page.has-detail-modal .std-tvtts-export-btn{min-width:32px;justify-content:center}.cpn-searchableselect-wrapper{display:flex;flex-direction:column;gap:5px;width:100%}.cpn-searchableselect-label{font-weight:500;font-size:14px;color:#333}.cpn-searchableselect-container{position:relative;width:100%}.cpn-searchableselect-input{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border:1px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer;transition:border-color .2s;min-height:38px}.cpn-searchableselect-input:hover{border-color:#999}.cpn-searchableselect-input .placeholder{color:#999}.cpn-searchableselect-input .arrow{font-size:10px;transition:transform .2s;color:#666}.cpn-searchableselect-input .arrow.up{transform:rotate(180deg)}.cpn-searchableselect-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:white;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 6px #0000001a;z-index:1000;max-height:300px;display:flex;flex-direction:column}.cpn-searchableselect-search{padding:8px 12px;border:none;border-bottom:1px solid #eee;font-size:14px;outline:none}.cpn-searchableselect-search:focus{border-bottom-color:#007bff}.cpn-searchableselect-options{overflow-y:auto;max-height:250px}.cpn-searchableselect-option{padding:8px 12px;cursor:pointer;font-size:14px;transition:background-color .15s}.cpn-searchableselect-option:hover{background-color:#f5f5f5}.cpn-searchableselect-option.selected{background-color:#007bff;color:#fff}.cpn-searchableselect-option.no-results{color:#999;text-align:center;cursor:default}.cpn-searchableselect-option.no-results:hover{background-color:transparent}.cpn-searchableselect-options::-webkit-scrollbar{width:6px}.cpn-searchableselect-options::-webkit-scrollbar-track{background:#f1f1f1}.cpn-searchableselect-options::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.cpn-searchableselect-options::-webkit-scrollbar-thumb:hover{background:#555}.candidate-list-page .candidate-list-container{max-width:100%;margin:0 auto;background:#f8f9fa;height:calc(100vh - 50px);display:flex;flex-direction:column;overflow:hidden}.candidate-list-page .candidate-list-loading{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:16px;color:#6c757d}.candidate-list-page .candidate-list-error{padding:20px;background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:6px;margin:20px;text-align:center}.candidate-list-page .results-info{flex-shrink:0;background:white;padding:15px 20px;border-radius:6px;font-size:14px;color:#6c757d;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;justify-content:space-between;gap:15px}.candidate-list-page .results-text{flex:1}.candidate-list-page .search-results-indicator{color:#007bff;font-weight:600;margin-right:5px}.candidate-list-page .contract-type{margin:4px 0}.candidate-list-page .contract-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.candidate-list-page .contract-official{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.candidate-list-page .candidate-avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #dee2e6}.candidate-list-page .no-avatar{width:40px;height:40px;border-radius:50%;background:#e9ecef;display:flex;align-items:center;justify-content:center;font-size:10px;color:#6c757d;border:2px solid #dee2e6;margin:0 auto}.candidate-list-page .large-avatar{width:120px;height:180px;border-radius:8px;-o-object-fit:cover;object-fit:cover;border:2px solid #dee2e6}.candidate-list-page .no-large-avatar{width:120px;height:180px;background:#e9ecef;border:2px solid #dee2e6;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#6c757d}.candidate-list-page .text-center{text-align:center!important;justify-content:center!important}.candidate-list-page .candidate-name{font-weight:600;color:#495057}.candidate-list-page .candidate-info{font-size:13px;line-height:1.4}.candidate-list-page .candidate-info>div{margin-bottom:4px}.candidate-list-page .candidate-info>div:last-child{margin-bottom:0}.candidate-list-page .status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-align:center}.candidate-list-page .status-pending{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}.candidate-list-page .status-approved{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.candidate-list-page .status-rejected{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.candidate-list-page .status-processing{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.candidate-list-page .name-cell{display:flex;align-items:center;gap:10px;justify-content:flex-start;padding-left:8px}.candidate-list-page .avatar-small{width:32px;height:48px;border-radius:4px;-o-object-fit:cover;object-fit:cover;border:1px solid #dee2e6;flex-shrink:0;box-shadow:0 1px 3px #0000001a}.candidate-list-page .cccd-cell{display:flex;align-items:center;gap:8px;justify-content:flex-start}.candidate-list-page .cccd-images{display:flex;flex-direction:column;gap:4px;flex-shrink:0;margin:0;padding:0}.candidate-list-page .cccd-thumbnail{width:40px;height:25px;-o-object-fit:cover;object-fit:cover;border-radius:4px;border:1px solid #dee2e6;cursor:pointer;transition:transform .2s}.candidate-list-page .cccd-thumbnail:hover{transform:scale(1.1);border-color:#007bff}.candidate-list-page .cccd-number{font-weight:500;font-size:13px;white-space:nowrap}.candidate-list-page .attendance-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.candidate-list-page .attendance-badge.attended{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.candidate-list-page .attendance-btn{padding:6px 12px;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .3s}.candidate-list-page .attendance-btn:disabled{background:#6c757d;cursor:not-allowed}.candidate-list-page .lightbox-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;cursor:pointer}.candidate-list-page .lightbox-content{position:relative;max-width:95vw;max-height:95vh;display:flex;align-items:center;justify-content:center}.candidate-list-page .lightbox-image{max-width:100%;max-height:95vh;-o-object-fit:contain;object-fit:contain;border-radius:8px;box-shadow:0 4px 30px #00000080}.candidate-list-page .lightbox-close{position:absolute;top:-50px;right:0;background:rgba(255,255,255,.2);border:none;color:#fff;font-size:36px;cursor:pointer;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.candidate-list-page .lightbox-close:hover{background:rgba(255,255,255,.3)}.candidate-list-page .candidate-list-header{flex-shrink:0;background:white;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.candidate-list-page .header-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.candidate-list-page .candidate-list-header h2{margin:0;color:#2c3e50;font-size:24px;font-weight:600;flex-shrink:0}.candidate-list-page .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}.candidate-list-page .candidate-list-controls{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.candidate-list-page .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}.candidate-list-page .page-switch-btn svg{flex-shrink:0;transition:transform .3s ease}.candidate-list-page .page-switch-btn:hover:not(:disabled){color:#667eea}.candidate-list-page .page-switch-btn:hover:not(:disabled) svg{transform:scale(1.1)}.candidate-list-page .page-switch-btn:active:not(:disabled){transform:scale(.98)}.candidate-list-page .page-switch-btn.active{background:white;color:#667eea;font-weight:600;cursor:default;box-shadow:0 2px 12px #667eea26}.candidate-list-page .page-switch-btn.active svg{color:#667eea}.candidate-list-page .add-candidate-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#28a745;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s;white-space:nowrap}.candidate-list-page .add-candidate-btn:hover{background:#218838}.candidate-list-page .clear-all-filters-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#dc3545;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .3s;white-space:nowrap}.candidate-list-page .clear-all-filters-btn:hover{background:#c82333}.candidate-list-page .date-filter-container{display:flex;align-items:center;gap:8px;flex-shrink:0}.candidate-list-page .date-filter-inputs{display:flex;align-items:center;gap:8px;padding:6px 10px;background:white;border:1px solid #ddd;border-radius:6px;min-width:280px}.candidate-list-page .date-filter-input{border:none;outline:none;font-size:13px;color:#333;background:transparent;min-width:100px}.candidate-list-page .date-separator{font-size:12px;color:#666;margin:0 4px;white-space:nowrap}.candidate-list-page .clear-date-filter-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#dc3545;color:#fff;border:none;border-radius:3px;cursor:pointer;transition:background-color .2s;margin-left:4px}.candidate-list-page .clear-date-filter-btn:hover{background:#c82333}.candidate-list-page .today-filter-btn{display:flex;align-items:center;justify-content:center;padding:0 12px;height:32px;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s;font-size:13px;font-weight:500;white-space:nowrap;margin-left:4px}.candidate-list-page .today-filter-btn:hover{background:#218838}.candidate-list-page .all-filter-btn{display:flex;align-items:center;justify-content:center;padding:0 12px;height:32px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s;font-size:13px;font-weight:500;white-space:nowrap;margin-left:4px}.candidate-list-page .all-filter-btn:hover{background:#0056b3}.candidate-list-page .desktop-date-filter{display:flex}.candidate-list-page .date-filter-mobile-btn{display:none;position:relative;align-items:center;justify-content:center;width:40px;height:40px;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s;flex-shrink:0}.candidate-list-page .date-filter-mobile-btn:hover{background:#0056b3}.candidate-list-page .date-filter-mobile-btn.has-filter{background:#28a745}.candidate-list-page .filter-indicator{position:absolute;top:6px;right:6px;width:8px;height:8px;background:#ffc107;border-radius:50%}.candidate-list-page .date-filter-modal-mobile{z-index:1000}.candidate-list-page .date-filter-modal-content-mobile{background:white;border-radius:8px;max-width:350px;width:90%;max-height:90vh;overflow:hidden;box-shadow:0 4px 20px #00000026}.candidate-list-page .date-filter-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee;background:#f8f9fa}.candidate-list-page .date-filter-modal-header h4{margin:0;font-size:16px;color:#333;font-weight:600}.candidate-list-page .date-filter-modal-close-mobile{background:none;border:none;font-size:20px;color:#666;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.candidate-list-page .date-filter-modal-body{padding:20px}.candidate-list-page .date-filter-mobile-inputs{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.candidate-list-page .date-input-group{display:flex;flex-direction:column;gap:6px}.candidate-list-page .date-input-group label{font-size:14px;font-weight:500;color:#333}.candidate-list-page .date-filter-input-mobile{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;color:#333;outline:none}.candidate-list-page .date-filter-input-mobile:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.candidate-list-page .date-filter-mobile-actions{display:flex;gap:10px;justify-content:space-between}.candidate-list-page .today-date-mobile-btn{flex:1;padding:10px 16px;background:#28a745;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.candidate-list-page .today-date-mobile-btn:hover{background:#218838}.candidate-list-page .clear-date-mobile-btn{flex:1;padding:10px 16px;background:#6c757d;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.candidate-list-page .clear-date-mobile-btn:hover{background:#5a6268}.candidate-list-page .apply-date-mobile-btn{flex:1;padding:10px 16px;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.candidate-list-page .apply-date-mobile-btn:hover{background:#0056b3}@media (max-width: 768px){.candidate-list-page .desktop-date-filter{display:none!important}.candidate-list-page .date-filter-mobile-btn{display:flex!important}}@media (max-width: 768px){.candidate-list-page .header-title-row{flex-direction:column;align-items:center;gap:12px}.candidate-list-page .candidate-list-header{padding:12px 16px!important;box-shadow:none;border-radius:0;background:white}.candidate-list-page .candidate-list-header h2{display:block!important;font-size:16px!important;margin:0 0 12px!important;line-height:1.4!important;color:#2c3e50!important;text-align:center!important}.candidate-list-page .candidate-list-header h2 .h2-line-2{display:block}.candidate-list-page .page-switch-buttons{width:100%}.candidate-list-page .page-switch-btn{flex:1;justify-content:center;font-size:13px;padding:8px 12px}.candidate-list-page .candidate-list-controls{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;width:100%!important;padding:0!important;justify-content:space-between!important}.candidate-list-page .add-candidate-btn{min-width:40px!important;max-width:40px!important;height:40px!important;padding:0!important;justify-content:center!important;background:#28a745!important;border-radius:6px!important;color:transparent!important;display:flex!important;align-items:center!important;gap:0!important;flex-shrink:0!important;overflow:hidden!important;white-space:nowrap!important;position:relative!important}.candidate-list-page .add-candidate-btn>svg{width:24px!important;height:24px!important;color:#fff!important;flex-shrink:0!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.candidate-list-page .clear-all-filters-btn{font-size:12px!important;padding:6px 10px!important}}.candidate-list-page .search-container{position:relative;flex:1;min-width:300px}.candidate-list-page .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6c757d;transition:all .3s ease}.search-icon.searching{color:#007bff;animation:searching-pulse 1.5s infinite}@keyframes searching-pulse{0%,to{opacity:.5;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.1)}}.candidate-list-page .search-input{width:100%;padding:10px 60px 10px 40px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s}.candidate-list-page .search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.candidate-list-page .search-button{position:absolute;right:35px;top:50%;transform:translateY(-50%);background:#007bff;color:#fff;border:none;border-radius:4px;padding:6px 8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:28px;height:28px}.candidate-list-page .search-button:hover:not(:disabled){background:#0056b3;transform:translateY(-50%) scale(1.05)}.candidate-list-page .search-button:disabled{background:#6c757d;cursor:not-allowed}.candidate-list-page .search-button.searching{background:#28a745}.candidate-list-page .search-spinner{width:14px;height:14px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.candidate-list-page .clear-search-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:#dc3545;color:#fff;border:none;border-radius:50%;padding:4px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:22px;height:22px;font-size:12px;line-height:1}.candidate-list-page .clear-search-button:hover{background:#c82333;transform:translateY(-50%) scale(1.1)}.candidate-list-page .nha-thoi-vu-filter{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:white;min-width:200px;transition:border-color .3s}.candidate-list-page .nha-thoi-vu-filter:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.candidate-list-page .nha-thoi-vu-modal-mobile{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:rgba(0,0,0,.3)!important;z-index:2000!important;display:flex!important;align-items:center!important;justify-content:center!important}.candidate-list-page .nha-thoi-vu-modal-content-mobile{background:#fff!important;border-radius:10px!important;box-shadow:0 2px 12px #00000026!important;padding:16px!important;min-width:220px!important;max-width:90vw!important;max-height:80vh!important;overflow-y:auto!important;position:relative!important}.candidate-list-page .nha-thoi-vu-modal-content-mobile h4{font-size:1.1rem!important;margin-bottom:12px!important;color:#2c3e50!important}.candidate-list-page .nha-thoi-vu-modal-list-mobile{list-style:none!important;padding:0!important;margin:0!important}.candidate-list-page .nha-thoi-vu-modal-list-mobile li{padding:10px 0!important;border-bottom:1px solid #eee!important;cursor:pointer!important;color:#374151!important;font-size:1rem!important;transition:background .2s!important}.candidate-list-page .nha-thoi-vu-modal-list-mobile li:last-child{border-bottom:none!important}.candidate-list-page .nha-thoi-vu-modal-list-mobile li:hover,.candidate-list-page .nha-thoi-vu-modal-list-mobile li.selected{background:#f0f4ff!important;color:#667eea!important}.candidate-list-page .nha-thoi-vu-modal-close-mobile{position:absolute!important;top:10px!important;right:16px!important;background:none!important;border:none!important;font-size:1.5rem!important;color:#667eea!important;cursor:pointer!important}.candidate-list-page .nha-thoi-vu-filter-mobile-btn{display:none}@media (max-width: 768px){.candidate-list-page .app-container{width:100vw;max-width:100vw;margin:0;box-sizing:border-box;padding:0 8px}.candidate-list-page .nha-thoi-vu-filter-mobile-btn{display:flex!important;min-width:40px!important;max-width:40px!important;height:40px!important;background:#fff!important;border:1px solid #ddd!important;border-radius:6px!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;margin-left:0!important;color:#667eea!important;transition:all .3s ease!important;flex-shrink:0!important}.candidate-list-page .nha-thoi-vu-filter-mobile-btn:hover{background:rgba(102,126,234,.1)!important;border-color:#667eea!important}.candidate-list-page .nha-thoi-vu-filter-mobile-btn>svg{width:22px!important;height:22px!important;color:#667eea!important}.candidate-list-page .nha-thoi-vu-modal-mobile{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:rgba(0,0,0,.3)!important;z-index:2000!important;display:flex!important;align-items:center!important;justify-content:center!important}.candidate-list-page .nha-thoi-vu-modal-content-mobile{background:#fff!important;border-radius:10px!important;box-shadow:0 2px 12px #00000026!important;padding:16px!important;min-width:220px!important;max-width:90vw!important;max-height:80vh!important;overflow-y:auto!important;position:relative!important}.candidate-list-page .nha-thoi-vu-modal-content-mobile h4{font-size:1.1rem!important;margin-bottom:12px!important;color:#2c3e50!important}.candidate-list-page .nha-thoi-vu-modal-list-mobile{list-style:none!important;padding:0!important;margin:0!important}.candidate-list-page .nha-thoi-vu-modal-list-mobile li{padding:10px 0!important;border-bottom:1px solid #eee!important;cursor:pointer!important;color:#374151!important;font-size:1rem!important;transition:background .2s!important}.candidate-list-page .nha-thoi-vu-modal-list-mobile li:last-child{border-bottom:none!important}.candidate-list-page .nha-thoi-vu-modal-list-mobile li:hover,.candidate-list-page .nha-thoi-vu-modal-list-mobile li.selected{background:#f0f4ff!important;color:#667eea!important}.candidate-list-page .nha-thoi-vu-modal-close-mobile{position:absolute!important;top:10px!important;right:16px!important;background:none!important;border:none!important;font-size:1.5rem!important;color:#667eea!important;cursor:pointer!important}.candidate-list-page .search-container{flex:1!important;min-width:0!important;margin:0!important;max-width:calc(100% - 100px)!important}.candidate-list-page .search-input{font-size:14px!important;padding:8px 8px 8px 36px!important;border-radius:6px!important;width:100%!important}.candidate-list-page .nha-thoi-vu-filter{display:none!important}}@media (max-width: 992px){.candidate-list-page .search-container{min-width:auto}}.candidate-list-page .candidates-table-container{flex:1;display:flex;flex-direction:column;overflow:auto;background:white;border-radius:8px;box-shadow:0 2px 4px #0000001a;scrollbar-gutter:stable}.candidate-list-page .candidates-table{width:100%;border-collapse:collapse;font-size:16px}.candidate-list-page .candidates-table.desktop-table{min-width:-moz-max-content;min-width:max-content;border-collapse:collapse;display:flex;flex-direction:column;height:100%;overflow:visible}.candidate-list-page .candidates-table.desktop-table thead{flex-shrink:0;background:#6c757d;color:#fff;box-sizing:border-box;position:sticky;top:0;z-index:10}.candidate-list-page .candidates-table.desktop-table thead tr{display:flex}.candidate-list-page .candidates-table.desktop-table thead th{padding:10px 6px;text-align:center;font-weight:600;font-size:14px;border-right:1px solid rgba(255,255,255,.2);height:42px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.candidate-list-page .candidates-table.desktop-table thead th:first-child{border-top-left-radius:8px}.candidate-list-page .candidates-table.desktop-table thead th:last-child{border-right:none;border-top-right-radius:8px}.candidate-list-page .candidates-table.desktop-table thead th.col-stt{flex:0 0 40px;width:40px}.candidate-list-page .candidates-table.desktop-table thead th.col-diem-danh{flex:0 0 130px;width:130px}.candidate-list-page .candidates-table.desktop-table thead th.col-ho-va-ten{flex:0 0 220px;width:220px}.candidate-list-page .candidates-table.desktop-table thead th.col-ngay-sinh,.candidate-list-page .candidates-table.desktop-table thead th.col-gioi-tinh{flex:0 0 120px;width:120px}.candidate-list-page .candidates-table.desktop-table thead th.col-so-cccd,.candidate-list-page .candidates-table.desktop-table thead th.col-so-cmt{flex:0 0 150px;width:150px}.candidate-list-page .candidates-table.desktop-table thead th.col-ngay-cap,.candidate-list-page .candidates-table.desktop-table thead th.col-noi-cap{flex:0 0 120px;width:120px}.candidate-list-page .candidates-table.desktop-table thead th.col-so-dien-thoai{flex:0 0 140px;width:140px}.candidate-list-page .candidates-table.desktop-table thead th.col-email{flex:0 0 200px;width:200px}.candidate-list-page .candidates-table.desktop-table thead th.col-dia-chi-thuong-tru{flex:0 0 240px;width:240px}.candidate-list-page .candidates-table.desktop-table thead th.col-dan-toc,.candidate-list-page .candidates-table.desktop-table thead th.col-ton-giao{flex:0 0 130px;width:130px}.candidate-list-page .candidates-table.desktop-table thead th.col-tinh-trang-ket-hon,.candidate-list-page .candidates-table.desktop-table thead th.col-tien-su-benh-ban-than{flex:0 0 190px;width:190px}.candidate-list-page .candidates-table.desktop-table thead th.col-trinh-do-hoc-van{flex:0 0 180px;width:180px}.candidate-list-page .candidates-table.desktop-table thead th.col-kha-nang-ngoai-ngu,.candidate-list-page .candidates-table.desktop-table thead th.col-trinh-do-ngoai-ngu{flex:0 0 190px;width:190px}.candidate-list-page .candidates-table.desktop-table thead th.col-phuong-thuc-tim-viec{flex:0 0 200px;width:200px}.candidate-list-page .candidates-table.desktop-table thead th.col-vi-tri-du-tuyen{flex:0 0 160px;width:160px}.candidate-list-page .candidates-table.desktop-table thead th.col-chuc-vu-du-tuyen{flex:0 0 170px;width:170px}.candidate-list-page .candidates-table.desktop-table thead th.col-muc-luong-de-nghi{flex:0 0 180px;width:180px}.candidate-list-page .candidates-table.desktop-table thead th.col-lam-them-gio{flex:0 0 150px;width:150px}.candidate-list-page .candidates-table.desktop-table thead th.col-nguyen-vong-chuyen-ca{flex:0 0 210px;width:210px}.candidate-list-page .candidates-table.desktop-table thead th.col-ly-do-chuyen-ca{flex:0 0 200px;width:200px}.candidate-list-page .candidates-table.desktop-table thead th.col-nhu-cau-ky-tuc{flex:0 0 150px;width:150px}.candidate-list-page .candidates-table.desktop-table thead th.col-trang-thai{flex:0 0 180px;width:180px}.candidate-list-page .candidates-table.desktop-table thead th.col-thao-tac{flex:0 0 130px;width:130px}.candidate-list-page .candidates-table.desktop-table tbody td.col-stt{flex:0 0 40px;width:40px}.candidate-list-page .candidates-table.desktop-table tbody td.col-diem-danh{flex:0 0 130px;width:130px}.candidate-list-page .candidates-table.desktop-table tbody td.col-ho-va-ten{flex:0 0 220px;width:220px}.candidate-list-page .candidates-table.desktop-table tbody td.col-ngay-sinh,.candidate-list-page .candidates-table.desktop-table tbody td.col-gioi-tinh{flex:0 0 120px;width:120px}.candidate-list-page .candidates-table.desktop-table tbody td.col-so-cccd,.candidate-list-page .candidates-table.desktop-table tbody td.col-so-cmt{flex:0 0 150px;width:150px}.candidate-list-page .candidates-table.desktop-table tbody td.col-ngay-cap,.candidate-list-page .candidates-table.desktop-table tbody td.col-noi-cap{flex:0 0 120px;width:120px}.candidate-list-page .candidates-table.desktop-table tbody td.col-so-dien-thoai{flex:0 0 140px;width:140px}.candidate-list-page .candidates-table.desktop-table tbody td.col-email{flex:0 0 200px;width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.candidate-list-page .candidates-table.desktop-table tbody td.col-dia-chi-thuong-tru{flex:0 0 240px;width:240px;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.candidate-list-page .candidates-table.desktop-table tbody td.col-dan-toc,.candidate-list-page .candidates-table.desktop-table tbody td.col-ton-giao{flex:0 0 130px;width:130px}.candidate-list-page .candidates-table.desktop-table tbody td.col-tinh-trang-ket-hon{flex:0 0 190px;width:190px}.candidate-list-page .candidates-table.desktop-table tbody td.col-tien-su-benh-ban-than{flex:0 0 190px;width:190px;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.candidate-list-page .candidates-table.desktop-table tbody td.col-trinh-do-hoc-van{flex:0 0 180px;width:180px}.candidate-list-page .candidates-table.desktop-table tbody td.col-kha-nang-ngoai-ngu{flex:0 0 190px;width:190px;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.candidate-list-page .candidates-table.desktop-table tbody td.col-trinh-do-ngoai-ngu{flex:0 0 190px;width:190px}.candidate-list-page .candidates-table.desktop-table tbody td.col-phuong-thuc-tim-viec{flex:0 0 200px;width:200px;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.candidate-list-page .candidates-table.desktop-table tbody td.col-vi-tri-du-tuyen{flex:0 0 160px;width:160px}.candidate-list-page .candidates-table.desktop-table tbody td.col-chuc-vu-du-tuyen{flex:0 0 170px;width:170px}.candidate-list-page .candidates-table.desktop-table tbody td.col-muc-luong-de-nghi{flex:0 0 180px;width:180px}.candidate-list-page .candidates-table.desktop-table tbody td.col-lam-them-gio{flex:0 0 150px;width:150px}.candidate-list-page .candidates-table.desktop-table tbody td.col-nguyen-vong-chuyen-ca{flex:0 0 210px;width:210px}.candidate-list-page .candidates-table.desktop-table tbody td.col-ly-do-chuyen-ca{flex:0 0 200px;width:200px;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.candidate-list-page .candidates-table.desktop-table tbody td.col-nhu-cau-ky-tuc{flex:0 0 150px;width:150px}.candidate-list-page .candidates-table.desktop-table tbody td.col-trang-thai{flex:0 0 180px;width:180px}.candidate-list-page .candidates-table.desktop-table tbody td.col-thao-tac{flex:0 0 130px;width:130px;border-top-right-radius:8px}.candidate-list-page .candidates-table.desktop-table tbody{flex:1;overflow-y:auto;overflow-x:hidden;display:block;max-height:calc(100vh - 280px);padding-right:0;box-sizing:content-box;scrollbar-gutter:stable;min-height:calc(100vh - 350px)}.candidate-list-page .candidates-table.desktop-table tbody tr{display:flex;border-bottom:1px solid #dee2e6;transition:background-color .2s;box-sizing:border-box}.candidate-list-page .candidates-table.desktop-table tbody tr:hover{background-color:#f8f9fa}.candidate-list-page .candidates-table.desktop-table tbody td{padding:8px 6px;text-align:center;vertical-align:middle;border-right:1px solid #dee2e6;word-wrap:break-word;display:flex;align-items:center;justify-content:center;line-height:1.2;box-sizing:border-box}.candidate-list-page .candidates-table.desktop-table tbody td:last-child{border-right:none}.candidate-list-page .candidates-table.desktop-table tbody td.col-ho-va-ten{justify-content:flex-start!important;text-align:left!important}.candidate-list-page .mobile-table{display:none}.candidate-list-page .candidates-table.mobile-table{width:100%;border-collapse:collapse;table-layout:fixed}.candidate-list-page .candidates-table.mobile-table thead{background:#6c757d;color:#fff}.candidate-list-page .candidates-table.mobile-table thead th{padding:10px 8px;text-align:center;font-weight:600;font-size:13px;border-right:1px solid rgba(255,255,255,.2)}.candidate-list-page .candidates-table.mobile-table thead th:first-child{border-top-left-radius:8px}.candidate-list-page .candidates-table.mobile-table thead th:last-child{border-right:none;border-top-right-radius:8px}.candidate-list-page .candidates-table.mobile-table tbody{display:table-row-group}.candidate-list-page .candidates-table.mobile-table tbody tr{border-bottom:1px solid #dee2e6;transition:background-color .2s}.candidate-list-page .candidates-table.mobile-table tbody tr:hover{background-color:#f8f9fa}.candidate-list-page .candidates-table.mobile-table tbody td{padding:10px 8px;vertical-align:middle;border-right:1px solid #dee2e6;font-size:13px}.candidate-list-page .candidates-table.mobile-table tbody td:last-child{border-right:none}.candidate-list-page .mobile-table th:nth-child(1),.candidate-list-page .mobile-table td:nth-child(1){width:40px;text-align:center}.candidate-list-page .mobile-table th:nth-child(2),.candidate-list-page .mobile-table td:nth-child(2){width:80px;text-align:center}.candidate-list-page .mobile-table th:nth-child(3),.candidate-list-page .mobile-table td:nth-child(3){width:120px}.candidate-list-page .mobile-table th:nth-child(4),.candidate-list-page .mobile-table td:nth-child(4){width:auto}.candidate-list-page .mobile-table th:nth-child(5),.candidate-list-page .mobile-table td:nth-child(5){width:80px;text-align:center}.candidate-list-page .mobile-info-cell{font-size:12px;line-height:1.3;padding:8px 12px!important}.candidate-list-page .mobile-info-line{margin-bottom:3px;display:flex;justify-content:space-between;align-items:center}.candidate-list-page .mobile-info-line:last-child{margin-bottom:0}.candidate-list-page .info-left{font-weight:500;color:#2c3e50;flex:1}.candidate-list-page .info-right{font-weight:500;color:#6c757d;text-align:right;flex:1}.candidate-list-page .phone-cell{padding:8px 12px!important}.candidate-list-page .phone-container{display:flex;align-items:center;justify-content:center;gap:8px}.candidate-list-page .phone-number{flex:1;font-weight:500;text-align:center}.candidate-list-page .edit-phone-btn{padding:4px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.candidate-list-page .edit-phone-btn:hover{background:#0056b3}.candidate-list-page .mobile-candidate-cell{padding:8px!important;vertical-align:top;width:100%;max-width:0;overflow:hidden;word-wrap:break-word;white-space:normal}.candidate-list-page .mobile-row{padding:5px;border-radius:6px;width:100%;max-width:100%;overflow:hidden;word-wrap:break-word;box-sizing:border-box}.candidate-list-page .mobile-row:last-child{margin-bottom:0}.candidate-list-page .mobile-row-left{text-align:left}.candidate-list-page .mobile-row-right{text-align:right}.candidate-list-page .mobile-row-1{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;max-width:100%;overflow:hidden}.mobile-row-1 .mobile-row-left{flex:1;min-width:0;overflow:hidden}.mobile-row-1 .mobile-row-right{flex:0 0 auto;font-weight:500;color:#495057}.candidate-list-page .mobile-row-2{display:flex;gap:5px;align-items:flex-start;width:100%;max-width:100%;overflow:hidden}.mobile-row-2 .mobile-row-left{flex:1;min-width:0;overflow:hidden;word-wrap:break-word}.mobile-row-2 .mobile-row-right{flex:0 0 90px;min-width:90px;max-width:90px;display:flex;justify-content:flex-end;align-items:flex-start}.candidate-list-page .mobile-info-column{padding:2px}.candidate-list-page .mobile-info-item{margin-bottom:6px;font-size:13px;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%}.candidate-list-page .mobile-info-item:last-child{margin-bottom:0}.candidate-list-page .mobile-info-item strong{color:#2c3e50;margin-right:5px}.candidate-list-page .mobile-avatar-info-row{display:flex;gap:12px;align-items:flex-start;width:100%;max-width:100%;overflow:hidden}.candidate-list-page .mobile-avatar-container{flex-shrink:0;width:40px;height:60px}.candidate-list-page .mobile-candidate-avatar{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:2px solid #e9ecef}.candidate-list-page .mobile-no-avatar{width:100%;height:100%;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:9px;color:#6c757d;text-align:center;line-height:1.1}.candidate-list-page .mobile-basic-info{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:60px;min-width:0;overflow:hidden;word-wrap:break-word}.candidate-list-page .mobile-status-left{display:flex;justify-content:flex-start;align-items:center;gap:8px;flex:1;min-width:0;width:100%}.candidate-list-page .mobile-status-left strong{color:#2c3e50;font-size:12px}.mobile-status-left .status-container{flex:1;width:auto;max-width:none!important;display:flex;justify-content:flex-start}.mobile-status-left .status-badge{font-size:11px;padding:4px 8px;width:auto;max-width:-moz-fit-content;max-width:fit-content;text-align:left}.mobile-status-left .status-marquee{animation:marquee-scroll-mobile-status 6s ease-in-out infinite}.candidate-list-page .mobile-delete-right{display:flex;justify-content:flex-end;align-items:center;flex-shrink:0;width:auto}.candidate-list-page .mobile-delete-btn{width:28px;height:28px;border-radius:50%;border:2px solid #dc3545;background:#dc3545;color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;line-height:1}.candidate-list-page .mobile-delete-btn:hover:not(:disabled){background:#c82333;border-color:#c82333;transform:scale(1.1)}.mobile-delete-btn.disabled{background:#6c757d;border-color:#6c757d;cursor:not-allowed;opacity:.6}.candidate-list-page .mobile-nha-thoi-vu{background:#27beec;border:1px solid #5a6fd8;border-radius:8px;padding:4px;margin-bottom:0;display:flex;flex-direction:column;align-items:flex-end;gap:2px;box-shadow:0 2px 6px #5a6fd84d;position:relative;overflow:hidden;text-align:right;width:auto;max-width:75px}.candidate-list-page .mobile-nha-thoi-vu:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.mobile-nha-thoi-vu .nha-thoi-vu-label{font-size:8px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;text-shadow:0 1px 2px rgba(0,0,0,.2);text-align:right;width:100%}.mobile-nha-thoi-vu .nha-thoi-vu-value{font-size:9px;font-weight:500;color:#fff;text-align:right;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.2);word-break:break-word;-webkit-hyphens:auto;hyphens:auto;width:100%}.candidate-list-page .mobile-nha-thoi-vu-row{display:flex;justify-content:flex-end;align-items:center;width:100%;margin-bottom:8px}.candidate-list-page .mobile-action-buttons-row{display:flex;justify-content:center;align-items:center;width:100%}.candidate-list-page .mobile-row-3{display:flex;justify-content:flex-end;align-items:center}.mobile-row-3 .mobile-row-right{font-size:11px;color:#6c757d;font-style:italic}@media (max-width: 1024px) and (min-width: 769px){.candidate-list-page .desktop-table th,.candidate-list-page .desktop-table td{padding:7px 5px;font-size:13px}.candidate-list-page .candidates-table.desktop-table tbody{max-height:calc(100vh - 280px)}}@media (max-width: 768px){.candidate-list-page .candidates-table.desktop-table{display:none!important}.candidate-list-page .candidates-table.mobile-table{display:table!important;width:100%;table-layout:fixed}.candidate-list-page .candidates-table-container{overflow-x:hidden;overflow-y:auto!important;width:100%;max-width:100vw;max-height:calc(100vh - 200px)!important;flex:1!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:0!important}.candidate-list-page .mobile-table{display:table!important;width:100%!important;table-layout:auto!important}.candidate-list-page .mobile-table tbody{display:table-row-group!important}.candidate-list-page .mobile-table tr{display:table-row!important;border-bottom:1px solid #ddd!important}.candidate-list-page .mobile-table .mobile-candidate-cell{display:table-cell!important;width:100%!important;padding:12px!important;vertical-align:top!important}.candidate-list-page .mobile-info-cell{font-size:13px!important;line-height:1.4!important;padding:12px 15px!important}.candidate-list-page .mobile-info-line{margin-bottom:8px!important;display:block!important;word-wrap:break-word!important}.candidate-list-page .mobile-info-line:last-child{margin-bottom:0!important}.candidate-list-page .mobile-line-1{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;flex-wrap:wrap!important;border-bottom:1px solid #e9ecef!important;padding-bottom:6px!important;margin-bottom:10px!important}.mobile-line-1 .info-left{flex:1!important;text-align:left!important;color:#2c3e50!important;font-size:13px!important}.mobile-line-1 .info-right{flex:0 0 auto!important;text-align:right!important;color:#2c3e50!important;font-size:13px!important}.mobile-line-1 .status-badge{font-size:11px!important;padding:3px 8px!important;margin-left:5px!important}.candidate-list-page .mobile-line-2,.candidate-list-page .mobile-line-3,.candidate-list-page .mobile-line-4,.candidate-list-page .mobile-line-5,.candidate-list-page .mobile-line-6{text-align:left!important}.mobile-line-2 .info-left,.mobile-line-3 .info-left,.mobile-line-4 .info-left,.mobile-line-5 .info-left,.mobile-line-6 .info-left{color:#2c3e50!important;font-size:13px!important;display:block!important}.candidate-list-page .mobile-line-7{text-align:right!important;border-top:1px solid #e9ecef!important;padding-top:6px!important;margin-top:8px!important}.mobile-line-7 .info-right{color:#6c757d!important;font-style:italic!important;font-size:12px!important}.candidate-list-page .mobile-action-buttons{display:flex!important;flex-direction:column!important;gap:20px!important;align-items:center!important;vertical-align:middle!important}.mobile-action-buttons .action-btn{width:100%!important;max-width:120px!important;padding:12px!important;font-size:11px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px;border-radius:4px!important;transition:all .2s ease!important}.mobile-action-buttons .action-btn svg{width:12px!important;height:24px!important;flex-shrink:0!important}.mobile-action-buttons .action-btn span{font-size:10px!important;font-weight:500!important}.candidate-list-page .attendance-btn{background:#17a2b8!important;color:#fff!important}.candidate-list-page .attendance-btn:hover{background:#138496!important}.candidate-list-page .attendance-btn:disabled{background:#6c757d!important;cursor:not-allowed!important;opacity:.7}.candidate-list-page .attendance-status-present{display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important;padding:8px!important;background:#caeeda!important;color:#330303!important;border-radius:6px!important;font-size:12px!important;font-weight:500!important;border:none!important;cursor:default!important;max-width:180px!important;width:100%!important}.candidate-list-page .attendance-status-present svg{width:12px!important;height:12px!important;flex-shrink:0!important}.candidate-list-page .attendance-full-text{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%}.candidate-list-page .attendance-line-1{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:600;color:#155724}.candidate-list-page .attendance-line-1 svg{width:14px;height:14px;flex-shrink:0;color:#155724}.candidate-list-page .attendance-line-2{font-size:9px;font-weight:500;color:#155724;text-align:center;line-height:1.2}.candidate-list-page .edit-btn{background:#007bff!important;color:#fff!important}.candidate-list-page .edit-btn:hover{background:#0056b3!important}.candidate-list-page .delete-btn{background:#dc3545!important;color:#fff!important}.candidate-list-page .delete-btn:hover{background:#c82333!important}.candidate-list-page .mobile-info-line strong{font-weight:600!important;color:#495057!important}.candidate-list-page .status-container{max-width:150px}.candidate-list-page .status-marquee{animation:marquee-pingpong-mobile 10s ease-in-out infinite}.candidate-list-page .permanent-empty-content{padding:40px 15px}.candidate-list-page .permanent-empty-content svg{width:40px;height:40px}.candidate-list-page .permanent-empty-content h3{font-size:16px}.candidate-list-page .permanent-empty-content p{font-size:13px}}@keyframes marquee-pingpong-mobile{45%{transform:translate(calc(-100% + 150px))}55%{transform:translate(calc(-100% + 150px))}}@media (max-width: 480px){.candidate-list-page .mobile-table th,.candidate-list-page .mobile-table td{padding:8px 6px;font-size:12px}.candidate-list-page .mobile-info-cell{font-size:11px;padding:6px 8px!important}.candidate-list-page .mobile-info-line{margin-bottom:4px}.candidate-list-page .mobile-info-line:first-child{border-bottom:1px solid #eee;padding-bottom:3px;margin-bottom:6px}.candidate-list-page .info-left,.candidate-list-page .info-right{font-size:11px}}.candidate-list-page .attendance-status-present{text-align:center;padding:3px 6px}.candidate-list-page .attendance-status-text{font-size:14px;font-weight:600;color:#28a745;margin-bottom:1px}.candidate-list-page .attendance-time-text{font-size:12px;color:#666;line-height:1.1}.candidate-list-page .attendance-btn-wrapper{display:flex;flex-direction:column;align-items:center;gap:3px}.candidate-list-page .attendance-reg-time{font-size:10px;color:#888;line-height:1.2;text-align:center;white-space:nowrap}.candidate-list-page .attendance-btn{padding:4px 8px!important;font-size:11px!important;white-space:nowrap;min-width:70px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:3px;transition:background-color .2s}.candidate-list-page .attendance-btn:hover:not(:disabled){background:#0056b3}.candidate-list-page .attendance-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.7}.candidate-list-page .attendance-btn span{font-size:11px}@media (max-width: 1200px){.candidate-list-page .attendance-btn{padding:4px 8px!important;font-size:11px!important;min-width:70px}.candidate-list-page .attendance-btn span,.candidate-list-page .attendance-status-text{font-size:11px}.candidate-list-page .attendance-time-text{font-size:9px}}@media (max-width: 992px){.candidate-list-page .attendance-btn{padding:3px 6px!important;font-size:10px!important;min-width:60px}.candidate-list-page .attendance-btn span{font-size:10px}}.candidate-list-page .status-container{overflow:hidden;max-width:100%;position:relative;display:inline-block;width:100%;white-space:nowrap}.candidate-list-page .status-marquee{display:inline-block;animation:marquee-scroll 6s ease-in-out infinite;white-space:nowrap;min-width:100%}@keyframes marquee-scroll{0%{transform:translate(0)}25%{transform:translate(0)}50%{transform:translate(calc(-100% + 140px))}75%{transform:translate(calc(-100% + 140px))}to{transform:translate(0)}}.desktop-table .status-container{overflow:hidden;max-width:100%;display:inline-block;width:100%}.candidate-list-page .permanent-empty-state{text-align:center;padding:0;flex:1!important;width:100%!important;max-width:100%!important;border-right:none!important}.candidate-list-page .permanent-empty-content{padding:60px 20px;color:#666;width:100%}.candidate-list-page .permanent-empty-content svg{color:#ccc;margin-bottom:16px}.candidate-list-page .permanent-empty-content h3{margin:0 0 8px;color:#333;font-size:18px}.candidate-list-page .permanent-empty-content p{margin:0;color:#666;font-size:14px}.candidate-list-page .candidates-table.desktop-table tbody tr:has(.permanent-empty-state){display:flex!important;width:100%!important}.candidate-list-page .candidates-table.desktop-table tbody tr:has(.permanent-empty-state) td{flex:1!important;width:100%!important;max-width:100%!important;border-right:none!important}.candidate-list-page .candidates-table.desktop-table thead th.th-sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .15s}.candidate-list-page .candidates-table.desktop-table thead th.th-sortable:hover{background-color:#ffffff26}.candidate-list-page .cl-sort-icon{display:inline-block;margin-left:4px;vertical-align:middle;opacity:.9}.filter-menu{position:absolute;top:100%;left:0;background:white;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px #00000026;z-index:1000;width:300px;max-height:400px;display:none;flex-direction:column;font-size:14px}.filter-menu.show{display:flex}.filter-search{padding:8px;border-bottom:1px solid #eee;width:100%;box-sizing:border-box;border:none;outline:none;font-size:13px}.filter-search:focus{outline:none}.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,.filter-options{flex:1;overflow-y:auto;max-height:250px;padding:4px 0}.filter-option{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-option:hover{background:#f8f9fa}.filter-option:last-child{border-bottom:none}.filter-option input[type=checkbox],.filter-option input[type=radio]{margin-right:10px;margin-left:0;width:16px;height:16px;cursor:pointer;accent-color:#007bff}.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}.filter-option-count{flex:0 0 auto!important;font-size:11px!important;color:#666!important;background-color:#e9ecef!important;padding:4px 8px!important;border-radius:10px!important;font-weight:500!important;text-align:center!important;min-width:28px!important;max-width:60px!important;white-space:nowrap!important;display:flex!important;align-items:center!important;justify-content:center!important}.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;text-align:left;overflow:hidden;text-overflow:ellipsis}.filter-value-count{flex:0 0 auto!important;font-size:11px!important;color:#666!important;background-color:#e9ecef!important;padding:4px 8px!important;border-radius:10px!important;font-weight:500!important;text-align:center!important;min-width:28px!important;max-width:60px!important;white-space:nowrap!important;display:flex!important;align-items:center!important;justify-content:center!important}.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}.filter-actions{padding:8px;border-top:1px solid #eee;display:flex;gap:8px;background:#f9f9f9}.filter-actions button{flex:1;padding:6px 12px;border:1px solid #ddd;border-radius:3px;background:white;cursor:pointer;font-size:12px}.filter-actions button:hover{background:#f5f5f5}.filter-actions button:first-child{background:#007bff;color:#fff;border-color:#007bff;font-weight:500}.filter-actions button:first-child:hover{background:#0056b3;border-color:#0056b3}.filter-actions button:last-child{background:#6c757d;color:#fff;border-color:#6c757d}.filter-actions button:last-child:hover{background:#545b62;border-color:#545b62}.filter-values::-webkit-scrollbar{width:8px}.filter-values::-webkit-scrollbar-track{background:#f8f9fa;border-radius:4px}.filter-values::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px;border:1px solid #f8f9fa}.filter-values::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.filter-values{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f8f9fa}.candidate-list-page .filter-menu{position:absolute;top:100%;left:0;background:white;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px #00000026;z-index:1000;width:300px;max-height:400px;display:none;flex-direction:column;font-size:14px}.candidate-list-page .filter-menu.show{display:flex}.candidate-list-page .filter-values{flex:1;overflow-y:auto;max-height:250px;padding:4px 0}.candidate-list-page .filter-values::-webkit-scrollbar{width:8px}.candidate-list-page .filter-values::-webkit-scrollbar-track{background:#f8f9fa;border-radius:4px}.candidate-list-page .filter-values::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px;border:1px solid #f8f9fa}.candidate-list-page .filter-values::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.candidate-list-page .filter-values{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f8f9fa}.candidate-list-page .th-cell{position:relative;padding:12px 8px;background:#6c757d;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.candidate-list-page .th-cell:hover{background:#6c757d}.candidate-list-page .th-cell span{display:flex;align-items:center;justify-content:space-between;gap:4px;font-weight:600;color:#fff;width:100%;position:relative;min-height:24px}.candidate-list-page .th-cell .header-text{flex:1;text-align:center;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff}.candidate-list-page .filter-menu span,.candidate-list-page .filter-value-text,.candidate-list-page .filter-option-text{color:#333!important}.candidate-list-page .filter-menu,.candidate-list-page .filter-menu *{color:#000}.candidate-list-page .filter-menu input::-moz-placeholder{color:#333!important}.candidate-list-page .filter-menu .filter-value-text,.candidate-list-page .filter-menu .filter-option-text,.candidate-list-page .filter-menu input::placeholder,.candidate-list-page .filter-menu .no-values{color:#333!important}.candidate-list-page .filter-btn{background:none;border:none;color:#fffc;cursor:pointer;padding:2px;margin-left:auto;border-radius:3px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.candidate-list-page .filter-btn:hover{background:rgba(255,255,255,.2);color:#fff}.candidate-list-page .filter-btn:focus{outline:none;background:rgba(255,255,255,.3);color:#fff}.candidate-list-page .th-cell:first-child .filter-menu{left:0;transform:none}.candidate-list-page .th-cell:last-child .filter-menu,.candidate-list-page .th-cell:nth-last-child(-n+2) .filter-menu{left:auto;right:0;transform:none}.candidate-list-page .th-cell:not(:first-child):not(:last-child):not(:nth-last-child(2)) .filter-menu{left:50%;transform:translate(-50%)}.candidate-list-page .filter-menu{max-width:90vw;min-width:250px}@media (max-width: 768px){.candidate-list-page .filter-menu{width:280px;left:50%!important;right:auto!important;transform:translate(-50%)!important}}.candidate-list-page .filter-controls{padding:10px 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;background:#f8f9fa;font-size:12px}.candidate-list-page .select-all-btn{background:none;border:none;color:#007bff!important;cursor:pointer;font-size:12px;padding:4px 8px;border-radius:3px;font-weight:500;transition:background-color .15s ease}.candidate-list-page .select-all-btn:hover{background:rgba(0,123,255,.1);text-decoration:none}.candidate-list-page .selected-count{font-size:12px;color:#666!important;font-weight:500;background:#e9ecef;padding:3px 8px;border-radius:12px}.candidate-list-page .filter-search{padding:8px;border-bottom:1px solid #eee}.candidate-list-page .filter-search .col-filter{width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:3px;font-size:13px}.candidate-list-page .menu-actions{padding:8px;border-top:1px solid #eee;display:flex;gap:8px;background:#f9f9f9}.candidate-list-page .menu-actions button{flex:1;padding:6px 12px;border:1px solid #ddd;border-radius:3px;background:white;cursor:pointer;font-size:12px}.candidate-list-page .menu-actions button:hover{background:#f5f5f5}.candidate-list-page .menu-actions button:first-child{background:#007bff;color:#fff;border-color:#007bff;font-weight:500}.candidate-list-page .menu-actions button:first-child:hover{background:#0056b3;border-color:#0056b3}.candidate-list-page .menu-actions button:last-child{background:#6c757d;color:#fff;border-color:#6c757d}.candidate-list-page .menu-actions button:last-child:hover{background:#545b62;border-color:#545b62}.candidate-list-page .no-values{padding:12px;text-align:center;color:#999;font-style:italic;font-size:13px}.candidate-list-page .filter-option{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}.candidate-list-page .filter-option:hover{background:#f8f9fa}.candidate-list-page .filter-option:last-child{border-bottom:none}.candidate-list-page .filter-option input[type=checkbox],.candidate-list-page .filter-option input[type=radio]{margin-right:10px;margin-left:0;width:16px;height:16px;cursor:pointer;accent-color:#007bff}.candidate-list-page .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}.candidate-list-page .filter-option-count{flex:0 0 auto!important;font-size:11px!important;color:#666!important;background-color:#e9ecef!important;padding:4px 8px!important;border-radius:10px!important;font-weight:500!important;text-align:center!important;min-width:28px!important;max-width:60px!important;white-space:nowrap!important;display:flex!important;align-items:center!important;justify-content:center!important}.candidate-list-page .select-all-option{background:#f8f9fa;border-bottom:2px solid #ddd;font-weight:500}.candidate-list-page .select-all-option:hover{background:#e9ecef}.candidate-list-page .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}.candidate-list-page .filter-value-item:hover{background:#f8f9fa}.candidate-list-page .filter-value-item:last-child{border-bottom:none}.candidate-list-page .filter-value-item input[type=checkbox]{margin-right:10px;margin-left:0;width:16px;height:16px;cursor:pointer;accent-color:#007bff}.candidate-list-page .filter-value-text{flex:1;line-height:1.4;word-break:break-word;cursor:pointer;margin-right:8px;text-align:left;overflow:hidden;text-overflow:ellipsis}.candidate-list-page .filter-value-count{flex:0 0 auto!important;font-size:11px!important;color:#666!important;background-color:#e9ecef!important;padding:4px 8px!important;border-radius:10px!important;font-weight:500!important;text-align:center!important;min-width:28px!important;max-width:60px!important;white-space:nowrap!important;display:flex!important;align-items:center!important;justify-content:center!important}.column-selector-container{position:relative;display:inline-block}.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}.column-selector-btn:hover{background:linear-gradient(135deg,#5a4fcf,#4834d4);box-shadow:0 4px 12px #6c5ce766;transform:translateY(-1px)}.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}.column-selector-header{padding:15px 20px;background:#f8f9fa;border-bottom:1px solid #e1e5e9;border-radius:8px 8px 0 0}.column-selector-header h4{margin:0;color:#2c3e50;font-size:14px;font-weight:600}.column-selector-content{padding:10px 0;max-height:300px;overflow-y:auto}.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}.column-selector-item:hover{background:#f8f9fa}.column-selector-item input[type=checkbox]{margin-right:10px;cursor:pointer}.column-selector-item span{font-size:14px;color:#2c3e50}.required-column{color:#7f8c8d;font-style:italic}@media (max-width: 768px){.column-selector-container{display:none!important}}.candidate-list-page .modal-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)}.candidate-list-page .modal-content{background:white;border-radius:12px;max-width:800px;width:95%;max-height:95vh;box-shadow:0 12px 48px #0003;display:flex;flex-direction:column;overflow:hidden}.candidate-list-page .add-candidate-modal{display:flex;flex-direction:column;height:90vh;max-height:90vh}.candidate-list-page .modal-header-fixed{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef;background:white;flex-shrink:0;position:relative;z-index:10}.candidate-list-page .modal-header-fixed h3{margin:0;font-size:20px;font-weight:600;color:#2c3e50}.candidate-list-page .modal-header-actions{display:flex;align-items:center;gap:12px}.candidate-list-page .print-form-header-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#17a2b8 0%,#138496 100%);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.candidate-list-page .print-form-header-btn:hover{background:linear-gradient(135deg,#138496 0%,#117a8b 100%);transform:translateY(-1px);box-shadow:0 4px 12px #17a2b84d}.candidate-list-page .print-form-header-btn:disabled{background:linear-gradient(135deg,#6c757d 0%,#5a6268 100%);cursor:not-allowed;opacity:.6;transform:none}.candidate-list-page .print-form-header-btn .print-btn-text{display:inline}.candidate-list-page .modal-close-btn{background:none;border:none;font-size:45px;color:#6c757d;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;line-height:1;padding:0}.candidate-list-page .modal-close-btn:hover{background:#f8f9fa;color:#343a40}.candidate-list-page .modal-container-scrollable{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px;background:white}.candidate-list-page .modal-container-scrollable::-webkit-scrollbar{width:6px}.candidate-list-page .modal-container-scrollable::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.candidate-list-page .modal-container-scrollable::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.candidate-list-page .modal-container-scrollable::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.candidate-list-page .modal{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)}.candidate-list-page .modal .modal-content{background:white;padding:30px;border-radius:12px;max-width:500px;width:90%;box-shadow:0 12px 48px #0003}.candidate-list-page .modal .modal-content h3{margin:0 0 20px;font-size:22px;font-weight:600;color:#2c3e50;text-align:center}.candidate-list-page .modal .modal-content p{margin:0 0 10px;font-size:16px;color:#495057;line-height:1.6;text-align:center}.candidate-list-page .modal-buttons{display:flex;justify-content:center;gap:20px;margin-top:30px}.candidate-list-page .btn-confirm,.candidate-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}.candidate-list-page .btn-confirm{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);color:#fff}.candidate-list-page .btn-confirm:hover{background:linear-gradient(135deg,#20c997 0%,#17a2b8 100%);transform:translateY(-2px);box-shadow:0 4px 15px #28a7454d}.candidate-list-page .btn-cancel{background:linear-gradient(135deg,#6c757d 0%,#495057 100%);color:#fff}.candidate-list-page .btn-cancel:hover{background:linear-gradient(135deg,#495057 0%,#343a40 100%);transform:translateY(-2px);box-shadow:0 4px 15px #6c757d4d}.candidate-list-page .modal-footer-fixed{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e9ecef;background:#f8f9fa;flex-shrink:0}.candidate-list-page .candidate-info-modal-new{max-width:800px;max-height:100vh;width:95%;display:flex;flex-direction:column;overflow:hidden}.candidate-list-page .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}.candidate-list-page .desktop-layout{display:grid;grid-template-columns:140px 1fr;gap:20px}.candidate-list-page .mobile-layout{display:none}.candidate-list-page .avatar-col{display:flex;justify-content:center;align-items:center}.candidate-list-page .basic-info-col{display:flex;flex-direction:column;gap:10px}.candidate-list-page .info-line{display:flex;justify-content:space-between;align-items:flex-start;min-height:32px;flex-wrap:nowrap;gap:10px;max-width:100%;overflow:hidden}.candidate-list-page .name-text{font-size:22px;font-weight:600;color:#2c3e50;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.candidate-list-page .nha-thoi-vu-select{padding:6px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:white;min-width:200px}.candidate-list-page .nha-thoi-vu-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.candidate-list-page .nha-thoi-vu-display{display:flex;align-items:center;gap:8px;background:#f8f9fa;padding:8px 12px;border-radius:6px;border:1px solid #e9ecef;transition:all .2s ease}.candidate-list-page .nha-thoi-vu-display:hover{background:#e9ecef;border-color:#007bff}.candidate-list-page .nha-thoi-vu-text{font-size:13px;color:#495057;font-weight:500;margin:0}.candidate-list-page .edit-nha-thoi-vu-btn{background:#007bff;color:#fff;border:none;border-radius:4px;width:24px;height:24px;min-width:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #007bff33}.candidate-list-page .edit-nha-thoi-vu-btn:hover{background:#0056b3;transform:translateY(-1px);box-shadow:0 2px 8px #007bff4d}.candidate-list-page .edit-nha-thoi-vu-btn:active{transform:translateY(0);box-shadow:0 1px 3px #007bff33}.candidate-list-page .mobile-row-1{display:flex;justify-content:space-between;align-items:center}.mobile-row-1 .left-side{display:flex;align-items:center;flex:0 0 auto}.mobile-row-1 .right-side{display:flex;align-items:center;flex:1;justify-content:flex-end}.candidate-list-page .mobile-row-2{display:flex;justify-content:center;align-items:center;padding:10px 0}.candidate-list-page .mobile-row-3{display:flex;justify-content:center;align-items:center}.candidate-list-page .mobile-row-4{display:flex;justify-content:center;align-items:center;padding:8px 0}.candidate-list-page .mobile-row-5{display:flex;justify-content:flex-end;align-items:center}.mobile-row-1 .contract-badge{margin:0;font-size:12px;padding:4px 8px}.mobile-row-1 .nha-thoi-vu-display{display:flex;align-items:center;gap:6px;background:#f8f9fa;padding:6px 10px;border-radius:6px;border:1px solid #e9ecef;max-width:200px;transition:all .2s ease}.mobile-row-1 .nha-thoi-vu-display:hover{background:#e9ecef;border-color:#007bff}.mobile-row-1 .nha-thoi-vu-text{font-size:12px;color:#495057;font-weight:500;margin:0}.mobile-row-1 .edit-nha-thoi-vu-btn{background:#007bff;color:#fff;border:none;border-radius:4px;width:20px;height:20px;min-width:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #007bff33}.mobile-row-1 .edit-nha-thoi-vu-btn:hover{background:#0056b3;transform:translateY(-1px);box-shadow:0 2px 6px #007bff4d}.mobile-row-1 .edit-nha-thoi-vu-btn:active{transform:translateY(0);box-shadow:0 1px 3px #007bff33}.mobile-row-3 .name-text{font-size:25px;font-weight:600;color:#2c3e50;text-align:center}.mobile-row-4 .status-badge{font-size:12px;padding:4px 8px;min-width:auto;width:auto;max-width:-moz-fit-content;max-width:fit-content;text-align:left}.mobile-row-5 .register-time{font-size:11px;color:#6c757d;font-style:italic}.candidate-list-page .info-frame-2{margin-bottom:20px;padding:20px;border-radius:8px;border:1px solid #e9ecef}.candidate-list-page .detail-row{display:flex;gap:20px;margin-bottom:15px;flex-wrap:wrap}.candidate-list-page .detail-group{flex:1;min-width:200px;display:flex;flex-direction:column;gap:5px}.detail-group.full-width{flex:100%;min-width:100%}.candidate-list-page .detail-group span,.candidate-list-page .detail-group .edit-input{min-height:38px;display:flex;align-items:center}.candidate-list-page .info-line .status-container{max-width:300px;width:300px;overflow:hidden;position:relative}.candidate-list-page .info-line .status-marquee{animation:marquee-pingpong-modal 8s ease-in-out infinite;white-space:nowrap;display:inline-block;width:-moz-max-content;width:max-content}.candidate-list-page .basic-info-col .status-container{max-width:400px;width:400px;overflow:hidden;position:relative}.candidate-list-page .basic-info-col .status-marquee{animation:marquee-pingpong-modal-full 8s ease-in-out infinite;white-space:nowrap;display:inline-block;width:-moz-max-content;width:max-content}@keyframes marquee-pingpong-modal{0%{transform:translate(0)}20%{transform:translate(0)}50%{transform:translate(calc(300px - 100%))}80%{transform:translate(calc(300px - 100%))}to{transform:translate(0)}}@keyframes marquee-pingpong-modal-full{0%{transform:translate(0)}20%{transform:translate(0)}50%{transform:translate(calc(400px - 100%))}80%{transform:translate(calc(400px - 100%))}to{transform:translate(0)}}.candidate-list-page .info-line .status-container:hover .status-marquee,.candidate-list-page .basic-info-col .status-container:hover .status-marquee{animation-play-state:paused}.candidate-list-page .detail-group label{font-weight:600;color:#495057;font-size:14px}.candidate-list-page .detail-group span{color:#2c3e50;font-size:15px;padding:8px 12px;background:#f8f9fa;border-radius:4px;border:1px solid #e9ecef}.candidate-list-page .edit-input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s;width:100%;box-sizing:border-box;background:#fff;color:#2c3e50}.candidate-list-page .edit-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.candidate-list-page .edit-select{cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.candidate-list-page .edit-textarea{resize:vertical;min-height:72px;align-items:flex-start;padding-top:8px}.candidate-list-page .edit-permission-notice{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#e8f4e8;border:1px solid #b8ddb8;border-radius:6px;color:#2d6a2d;font-size:12px;font-weight:500;margin-bottom:12px}.candidate-list-page .cccd-images{margin:0;padding:0}.candidate-list-page .cccd-images h5{margin:0 0 15px;font-size:16px;font-weight:600;color:#2c3e50}.candidate-list-page .avatar-container,.candidate-list-page .cccd-image-container{position:relative;display:inline-block}.candidate-list-page .edit-image-btn{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.7);color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.candidate-list-page .edit-image-btn:hover{background:rgba(0,0,0,.9);transform:scale(1.1)}.candidate-list-page .hidden-file-input{display:none!important}.candidate-list-page .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;box-sizing:border-box}.candidate-list-page .no-cccd-image span{font-size:12px;line-height:1.4}.candidate-list-page .cccd-image-item img{max-width:200px;max-height:120px;-o-object-fit:cover;object-fit:cover;border-radius:6px;cursor:pointer;transition:transform .2s ease}.candidate-list-page .info-frame-cccd{margin-bottom:20px;padding:20px;background:white;border-radius:8px;border:1px solid #e9ecef}.candidate-list-page .cccd-images-row:not(.mobile-cccd-row){display:flex;gap:20px;justify-content:center}.candidate-list-page .cccd-images-row:not(.mobile-cccd-row) .cccd-image-item{text-align:center}.candidate-list-page .cccd-image-item img:hover{transform:scale(1.02)}.avatar-col .avatar-container,.mobile-row-2 .avatar-container{position:relative;display:inline-block}.candidate-list-page .mobile-cccd-row{display:flex!important;flex-direction:row!important;gap:10px!important;flex-wrap:nowrap!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.mobile-cccd-row .cccd-image-item{flex:1!important;min-width:0!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.mobile-cccd-row .cccd-image-item label{display:block!important;text-align:center!important;margin-bottom:8px!important;font-weight:600!important;color:#495057!important;font-size:14px!important;width:100%!important}.mobile-cccd-row .cccd-image-container{flex:0 0 auto!important;max-width:none!important;display:flex!important;justify-content:center!important;align-items:center!important;position:relative!important;box-sizing:border-box!important;min-height:120px!important;width:100%!important}.candidate-list-page .mobile-cccd-row .cccd-image-item img,.candidate-list-page .mobile-cccd-row .cccd-image-container img{max-width:200px!important;max-height:200px!important;width:auto!important;height:auto!important;-o-object-fit:contain!important;object-fit:contain!important;border-radius:6px!important}.candidate-list-page .notification-modal-overlay{background:rgba(0,0,0,.7);animation:fadeIn .2s ease}.candidate-list-page .notification-modal{max-width:400px;width:90%;max-height:none;border-radius:12px;overflow:hidden;animation:slideInDown .3s ease}.candidate-list-page .notification-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;background:white;border-bottom:1px solid #e9ecef}.candidate-list-page .notification-title-section{display:flex;align-items:center;gap:16px;flex:1}.candidate-list-page .notification-title{margin:0;font-size:18px;font-weight:600;color:#2c3e50}.candidate-list-page .notification-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;flex-shrink:0}.notification-icon.success{background:linear-gradient(135deg,#28a745,#20c997)}.notification-icon.error{background:linear-gradient(135deg,#dc3545,#e83e8c)}.notification-icon.info{background:linear-gradient(135deg,#007bff,#6f42c1)}.candidate-list-page .notification-body{padding:20px 24px;background:white;text-align:center}.candidate-list-page .notification-body p{margin:0;font-size:16px;color:#2c3e50;line-height:1.5}.candidate-list-page .notification-footer{padding:16px 24px 20px;background:white;text-align:center}.candidate-list-page .notification-ok-btn{background:#007bff;color:#fff;border:none;padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s;min-width:80px}.candidate-list-page .notification-ok-btn:hover{background:#0056b3}.candidate-list-page .confirm-modal-overlay{background:rgba(0,0,0,.7);animation:fadeIn .2s ease}.candidate-list-page .confirm-modal{max-width:400px;width:90%;max-height:none;border-radius:12px;overflow:hidden;animation:slideInDown .3s ease}.candidate-list-page .confirm-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;background:white;border-bottom:1px solid #e9ecef}.candidate-list-page .confirm-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#ffc107,#fd7e14);display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.candidate-list-page .confirm-body{padding:20px 24px;background:white;text-align:center}.candidate-list-page .confirm-body p{margin:0;font-size:16px;color:#2c3e50;line-height:1.5}.candidate-list-page .confirm-footer{padding:16px 24px 20px;background:white;display:flex;gap:12px;justify-content:center}.candidate-list-page .confirm-yes-btn{background:#dc3545;color:#fff;border:none;padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s;min-width:80px}.candidate-list-page .confirm-yes-btn:hover{background:#c82333}.candidate-list-page .confirm-no-btn{background:#6c757d;color:#fff;border:none;padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s;min-width:80px}.candidate-list-page .confirm-no-btn:hover{background:#5a6268}@media (min-width: 769px){.candidate-list-page .basic-info-col{min-width:0;overflow:hidden}.candidate-list-page .info-line{min-width:0}.candidate-list-page .info-line .nha-thoi-vu-display{max-width:300px;min-width:150px}}@media (max-width: 1024px) and (min-width: 769px){.candidate-list-page .info-line{flex-direction:column;align-items:flex-start;gap:8px}.candidate-list-page .info-line .nha-thoi-vu-display,.candidate-list-page .info-line .status-container,.candidate-list-page .info-line .register-time{max-width:100%;width:100%}}@media (max-width: 768px){.candidate-list-page .desktop-layout{display:none}.candidate-list-page .mobile-layout{display:block}.mobile-row-3.text-center,.mobile-row-4.text-center{display:flex;justify-content:center;align-items:center}.candidate-list-page .mobile-cccd-row{gap:8px!important}.candidate-list-page .edit-image-btn{width:28px;height:28px;top:6px;right:6px}.mobile-cccd-row .cccd-image-container{max-width:none!important;min-height:100px!important;width:100%!important}.candidate-list-page .mobile-cccd-row .cccd-image-item img,.candidate-list-page .mobile-cccd-row .cccd-image-container img{max-width:100px!important;max-height:100px!important;width:auto!important;height:auto!important;-o-object-fit:contain!important;object-fit:contain!important;border-radius:6px!important}.candidate-list-page .nha-thoi-vu-modal{width:95%;max-height:70vh}.candidate-list-page .nha-thoi-vu-item{padding:12px 16px}.candidate-list-page .nha-thoi-vu-info h4{font-size:15px}.candidate-list-page .nha-thoi-vu-details{display:flex;justify-content:space-between;align-items:center;width:100%;gap:8px}.candidate-list-page .nha-thoi-vu-code,.candidate-list-page .contract-badge{font-size:11px;padding:3px 6px}.candidate-list-page .manager-info{font-size:12px}}@media (max-width: 480px){.candidate-list-page .notification-modal,.candidate-list-page .confirm-modal{width:95%;margin:20px}.candidate-list-page .notification-header,.candidate-list-page .confirm-header{padding:16px 20px 12px}.candidate-list-page .notification-title-section{gap:12px}.candidate-list-page .notification-title{font-size:16px}.candidate-list-page .notification-body,.candidate-list-page .confirm-body{padding:16px 20px}.candidate-list-page .notification-footer,.candidate-list-page .confirm-footer{padding:12px 20px 16px}.candidate-list-page .notification-icon,.candidate-list-page .confirm-icon{width:40px;height:40px;font-size:20px}.candidate-list-page .confirm-footer{flex-direction:column}.candidate-list-page .confirm-yes-btn,.candidate-list-page .confirm-no-btn,.candidate-list-page .notification-ok-btn{width:100%}.candidate-list-page .edit-image-btn{width:24px;height:24px;top:4px;right:4px}.mobile-cccd-row .cccd-image-container{max-width:none!important;min-height:80px!important;width:100%!important}.candidate-list-page .mobile-cccd-row .cccd-image-item img,.candidate-list-page .mobile-cccd-row .cccd-image-container img{max-width:120px!important;max-height:120px!important;width:auto!important;height:auto!important;-o-object-fit:contain!important;object-fit:contain!important;border-radius:6px!important}.candidate-list-page .mobile-cccd-row{gap:5px!important}}.candidate-list-page .fullscreen-image-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:99999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}.candidate-list-page .fullscreen-image-container{position:relative;max-width:95vw;max-height:95vh;display:flex;align-items:center;justify-content:center}.candidate-list-page .fullscreen-close-btn{position:absolute;top:-50px;right:-10px;background:rgba(255,255,255,.9);color:#333;border:none;font-size:32px;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:100000}.candidate-list-page .fullscreen-close-btn:hover{background:white;transform:scale(1.1)}.candidate-list-page .fullscreen-image{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #0000004d}@keyframes slideInDown{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.candidate-list-page .nha-thoi-vu-modal{max-width:600px;width:90%;max-height:80vh;border-radius:12px;overflow:hidden;animation:slideInDown .3s ease}.candidate-list-page .nha-thoi-vu-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef;background:white}.candidate-list-page .nha-thoi-vu-modal .modal-header h3{margin:0;font-size:20px;font-weight:600;color:#2c3e50}.candidate-list-page .nha-thoi-vu-list{max-height:60vh;overflow-y:auto;padding:0;margin:0}.candidate-list-page .nha-thoi-vu-list::-webkit-scrollbar{width:6px}.candidate-list-page .nha-thoi-vu-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.candidate-list-page .nha-thoi-vu-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.candidate-list-page .nha-thoi-vu-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.candidate-list-page .nha-thoi-vu-item{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e9ecef;cursor:pointer;transition:all .2s ease;background:white}.candidate-list-page .nha-thoi-vu-item:hover{background:#f8f9fa;border-left:4px solid #007bff;padding-left:16px}.candidate-list-page .nha-thoi-vu-item.selected{background:#e3f2fd;border-left:4px solid #007bff;padding-left:16px}.candidate-list-page .nha-thoi-vu-item:last-child{border-bottom:none}.candidate-list-page .nha-thoi-vu-info{flex:1;display:flex;flex-direction:column;gap:8px}.candidate-list-page .nha-thoi-vu-info h4{margin:0;font-size:16px;font-weight:600;color:#2c3e50;line-height:1.3}.candidate-list-page .nha-thoi-vu-details{display:flex;justify-content:space-between;align-items:center;width:100%}.candidate-list-page .nha-thoi-vu-code{font-size:12px;color:#6c757d;background:#f8f9fa;padding:4px 8px;border-radius:4px;border:1px solid #e9ecef;flex-shrink:0}.candidate-list-page .manager-info{margin:4px 0 0;font-size:13px;color:#495057;line-height:1.4}.candidate-list-page .selection-indicator{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;margin-left:12px}.candidate-list-page .checkmark{color:#007bff;font-size:20px;font-weight:700}@media (max-width: 768px){.candidate-list-page .desktop-layout{display:none}.candidate-list-page .mobile-layout{display:block;padding:20px;background:white;border-radius:8px;border:1px solid #e9ecef}.mobile-row-3.text-center,.mobile-row-4.text-center{display:flex;justify-content:center;align-items:center}.candidate-list-page .modal-container-scrollable{padding:10px}.candidate-list-page .info-frame-1{padding:15px}.candidate-list-page .modal-header-fixed{padding:16px 20px}.candidate-list-page .modal-header-fixed h3{font-size:18px}.candidate-list-page .modal-header-actions{gap:8px}.candidate-list-page .print-form-header-btn{padding:8px;margin-right:20px;min-width:40px}.candidate-list-page .print-form-header-btn .print-btn-text{display:none}.candidate-list-page .detail-row{display:flex;gap:10px;margin-bottom:12px;flex-wrap:nowrap}.candidate-list-page .detail-group{flex:1;min-width:0}.candidate-list-page .detail-group.full-width{flex:100%;min-width:100%}.candidate-list-page .detail-group label,.candidate-list-page .detail-group span,.candidate-list-page .detail-group input{font-size:13px}.candidate-list-page .modal-footer-fixed{flex-direction:row;gap:8px;padding:12px 16px;flex-wrap:nowrap}.candidate-list-page .footer-left-actions,.candidate-list-page .footer-right-actions{flex:1;margin-left:0}.candidate-list-page .footer-left-actions{order:1}.candidate-list-page .footer-right-actions{order:2}.candidate-list-page .modal-footer-fixed .delete-btn,.candidate-list-page .modal-footer-fixed .update-btn{width:100%;padding:8px 12px;font-size:13px;min-width:auto;white-space:nowrap}}@media (max-width: 480px){.candidate-list-page .nha-thoi-vu-modal{width:98%;max-height:60vh}.candidate-list-page .nha-thoi-vu-item{padding:10px 12px}.candidate-list-page .nha-thoi-vu-info h4{font-size:14px}.candidate-list-page .nha-thoi-vu-details{display:flex;justify-content:space-between;align-items:center;width:100%;gap:6px}.candidate-list-page .nha-thoi-vu-code,.candidate-list-page .contract-badge{font-size:10px;padding:2px 5px;flex-shrink:0}.candidate-list-page .manager-info{font-size:11px}.candidate-list-page .selection-indicator{width:28px;height:28px}.candidate-list-page .checkmark{font-size:18px}.candidate-list-page .print-form-header-btn{padding:6px 12px;font-size:13px;gap:6px}.candidate-list-page .print-form-header-btn .print-btn-text{display:none}.candidate-list-page .modal-close-btn{font-size:45px;width:45px;height:30px}.candidate-list-page .detail-row{gap:8px;margin-bottom:10px}.candidate-list-page .detail-group label,.candidate-list-page .detail-group span,.candidate-list-page .detail-group input{font-size:12px}}.candidate-list-page .rejected-status-container{display:flex;flex-direction:column;gap:12px;align-items:flex-start;width:100%;max-width:400px}.candidate-list-page .rejection-reason{display:flex;flex-direction:column;gap:6px;padding:12px;background:linear-gradient(135deg,#fff5f5 0%,#ffe6e6 100%);border:1px solid #ffcccc;border-radius:8px;width:100%;box-shadow:0 2px 6px #dc35451a}.candidate-list-page .rejection-label{font-size:12px;font-weight:600;color:#dc3545;text-transform:uppercase;letter-spacing:.5px}.candidate-list-page .rejection-text{font-size:14px;color:#721c24;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}.candidate-list-page .approve-btn,.candidate-list-page .reapprove-btn{padding:10px 20px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000026;white-space:nowrap}.candidate-list-page .approve-btn{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);color:#fff}.candidate-list-page .approve-btn:hover{background:linear-gradient(135deg,#20c997 0%,#17a2b8 100%);transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.candidate-list-page .approve-btn:active{transform:translateY(0);box-shadow:0 2px 6px #28a7454d}.candidate-list-page .reapprove-btn{background:linear-gradient(135deg,#ff9800 0%,#ffc107 100%);color:#fff}.candidate-list-page .reapprove-btn:hover{background:linear-gradient(135deg,#ffc107 0%,#ffeb3b 100%);transform:translateY(-2px);box-shadow:0 4px 12px #ff98004d}.candidate-list-page .reapprove-btn:active{transform:translateY(0);box-shadow:0 2px 6px #ff98004d}.candidate-list-page .edit-address-container{width:100%;overflow-x:auto}.candidate-list-page .edit-address-container .address-mode-container{display:flex;align-items:center;gap:15px;margin-bottom:8px}.candidate-list-page .edit-address-container .address-mode-radios{display:flex;gap:20px;margin-bottom:8px}.candidate-list-page .edit-address-container .radio-label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:400;color:#495057;cursor:pointer}.candidate-list-page .edit-address-container .radio-label input[type=radio]{margin:0;width:auto;height:auto}.candidate-list-page .edit-address-container .address-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:4px}.candidate-list-page .edit-address-container .address-table thead th{background:#f1f3f5;color:#495057;font-weight:600;padding:8px 10px;border:1px solid #dee2e6;text-align:left;white-space:nowrap}.candidate-list-page .edit-address-container .address-table tbody td{border:1px solid #dee2e6;padding:6px 8px;vertical-align:middle}.candidate-list-page .edit-address-container .address-table tbody tr:hover{background:#f8f9fa}.candidate-list-page .edit-address-container .address-table .addr-select{width:100%;padding:6px 8px;border:1px solid #ced4da;border-radius:4px;font-size:13px;background:#fff;cursor:pointer;min-width:110px}.candidate-list-page .edit-address-container .address-table .addr-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff33}.candidate-list-page .edit-address-container .address-table .addr-select:disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed}.candidate-list-page .edit-address-container .address-table .addr-input{width:100%;padding:6px 8px;border:1px solid #ced4da;border-radius:4px;font-size:13px;box-sizing:border-box;min-width:120px}.candidate-list-page .edit-address-container .address-table .addr-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff33}.candidate-list-page .edit-address-container .address-table .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}.candidate-list-page .edit-address-container .address-table .delete-btn-icon:hover{background:#dc3545;color:#fff}.candidate-list-page .edit-address-container .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}.candidate-list-page .edit-address-container .add-row-btn:hover{background:#007bff;color:#fff}@media (max-width: 768px){.candidate-list-page .edit-address-container .address-table,.candidate-list-page .edit-address-container .address-table thead,.candidate-list-page .edit-address-container .address-table tbody,.candidate-list-page .edit-address-container .address-table th,.candidate-list-page .edit-address-container .address-table td,.candidate-list-page .edit-address-container .address-table tr{display:block}.candidate-list-page .edit-address-container .address-table thead{display:none}.candidate-list-page .edit-address-container .address-table tbody tr{border:1px solid #dee2e6;border-radius:6px;margin-bottom:12px;padding:8px;background:#fff;box-shadow:0 1px 3px #0000000d}.candidate-list-page .edit-address-container .address-table tbody td{border:none;padding:4px 0;display:flex;align-items:center;gap:8px}.candidate-list-page .edit-address-container .address-table tbody td:before{content:attr(data-label);font-weight:600;font-size:12px;color:#6c757d;min-width:90px;flex-shrink:0}.candidate-list-page .edit-address-container .address-table .addr-select,.candidate-list-page .edit-address-container .address-table .addr-input{flex:1;min-width:0}}.candidate-list-page .candidate-form{display:flex;flex-direction:column;gap:20px}.candidate-list-page .form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.candidate-list-page .form-group label{display:block;margin-bottom:6px;font-weight:500;color:#495057;font-size:14px}.candidate-list-page .required{color:#dc3545}.candidate-list-page .form-group input,.candidate-list-page .form-group select,.candidate-list-page .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}.candidate-list-page .form-group input:focus,.candidate-list-page .form-group select:focus,.candidate-list-page .form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.candidate-list-page .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.candidate-list-page .file-input{padding:8px 12px!important;background:white;cursor:pointer;margin-bottom:10px}.candidate-list-page .file-input::-webkit-file-upload-button{background:#007bff;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;margin-right:10px;font-size:13px}.candidate-list-page .file-input::-webkit-file-upload-button:hover{background:#0056b3}.candidate-list-page .avatar-preview{margin-top:10px;text-align:center;display:flex;align-items:center;justify-content:center;height:140px}.candidate-list-page .avatar-preview img{height:120px;width:auto;border-radius:8px;border:1px solid #dee2e6;-o-object-fit:contain;object-fit:contain}.candidate-list-page .avatar-preview img,.candidate-list-page .image-preview img{max-width:100%;max-height:150px;border-radius:6px;border:1px solid #ddd}.candidate-list-page .upload-section{margin:20px 0;padding:20px;background:#f8f9fa;border-radius:8px;border:2px dashed #dee2e6}.candidate-list-page .upload-section h4{margin:0 0 20px;color:#495057;font-size:16px;font-weight:600}.candidate-list-page .upload-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.upload-row .form-group{text-align:center;display:flex;flex-direction:column;min-height:200px}.upload-row .candidate-list-page .form-group label{display:block;margin-bottom:10px;font-weight:500;color:#495057;flex-shrink:0}.upload-row .file-input{margin-bottom:15px;flex-shrink:0}.candidate-list-page .avatar-preview,.candidate-list-page .image-preview{width:100%;height:140px;margin:10px auto 0;border-radius:6px;overflow:hidden;flex:1;display:flex;align-items:center;justify-content:center}.candidate-list-page .qr-input{font-family:monospace;font-size:13px;resize:vertical;height:40px;max-height:80px;min-height:80px}.candidate-list-page .qr-parsed-info{margin-top:10px;padding:12px;background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;font-size:13px}.candidate-list-page .qr-parsed-info h4{margin:0 0 8px;color:#155724;font-size:14px;font-weight:600}.candidate-list-page .qr-parsed-info>div{margin-bottom:4px;color:#155724}.candidate-list-page .qr-parsed-info>div:last-child{margin-bottom:0}.candidate-list-page .address-mode-container{display:flex;align-items:center;gap:15px;margin-bottom:8px}.candidate-list-page .address-mode-container label{margin:0;font-weight:500;color:#2c3e50}.candidate-list-page .address-mode-radios{display:flex;gap:20px;margin-top:8px}.candidate-list-page .radio-label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:400!important;color:#495057!important;cursor:pointer}.candidate-list-page .radio-label input[type=radio]{margin:0;width:auto;height:auto}.candidate-list-page .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding-top:20px;border-top:1px solid #dee2e6}@media (max-width: 768px){.candidate-list-page .form-row,.candidate-list-page .form-actions{flex-direction:column}.candidate-list-page .address-mode-container{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width: 576px){.candidate-list-page .upload-row{grid-template-columns:1fr}.upload-row .form-group{min-height:auto}.candidate-list-page .avatar-preview,.candidate-list-page .image-preview{max-width:200px}}.candidate-list-page .status-badge{padding:6px 12px;border-radius:4px;font-size:14px;font-weight:500;white-space:nowrap;text-align:center}.candidate-list-page .status-badge.status-pending{background:#ffc107;color:#856404;border:1px solid #ffeeba}.candidate-list-page .status-badge.status-approved{background:#28a745;color:#fff}.candidate-list-page .status-badge.status-rejected{background:#dc3545;color:#fff}.candidate-list-page .status-badge.status-processing{background:#17a2b8;color:#fff}.candidate-list-page .status-container{overflow:hidden;position:relative;display:inline-block;max-width:100%;white-space:nowrap}.candidate-list-page .status-marquee{display:inline-block;white-space:nowrap;animation:smooth-marquee 10s linear infinite}.candidate-list-page .status-container:hover .status-marquee{animation-play-state:paused}@keyframes smooth-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.candidate-list-page .actions-cell{display:flex;justify-content:center;align-items:center}.candidate-list-page .action-btn{padding:6px 8px;border:none;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.candidate-list-page .action-btn.delete-btn{background:#dc3545;color:#fff}.candidate-list-page .action-btn.delete-btn:hover:not(:disabled){background:#c82333;transform:scale(1.05)}.candidate-list-page .action-btn.delete-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.5}.delete-btn.disabled{background:#6c757d!important;color:#fff!important;opacity:.5;cursor:not-allowed!important}.delete-btn.disabled:hover{background:#6c757d!important}.candidate-list-page .submit-btn{background:#28a745;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s;min-width:120px}.candidate-list-page .submit-btn:hover:not(:disabled){background:#218838}.candidate-list-page .submit-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.candidate-list-page .cancel-btn{background:#6c757d;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s;min-width:80px}.candidate-list-page .cancel-btn:hover{background:#5a6268}.candidate-list-page .update-btn{padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:not-allowed;transition:all .3s;opacity:.6}.update-btn.has-changes{background:#28a745;cursor:pointer;opacity:1}.update-btn.has-changes:hover{background:#218838}.candidate-list-page .delete-btn{padding:10px 20px;background:#dc3545;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s}.candidate-list-page .delete-btn:hover{background:#c82333}.candidate-list-page .print-btn{padding:10px 20px;background:#17a2b8;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s,transform .2s;display:inline-flex;align-items:center;justify-content:center}.candidate-list-page .print-btn:hover{background:#138496;transform:scale(1.05)}.candidate-list-page .print-btn:active{transform:scale(.95)}.candidate-list-page .attendance-status-present{display:flex;flex-direction:column;align-items:center;gap:2px;background:#caeeda;color:#020f05;padding:4px 8px;border-radius:4px;font-size:12px;border:1px solid #c3e6cb;max-width:100%;min-height:32px;text-align:center}.attendance-status-present .attendance-full-text{display:flex;flex-direction:column;align-items:center;line-height:1.2;max-width:200px}.candidate-list-page .attendance-line-1{display:flex;align-items:center;gap:4px;font-weight:600;margin-bottom:2px;color:#0e709e}.candidate-list-page .attendance-line-2{font-size:12px;opacity:.9;text-align:center;color:#0e709e}.action-btn.attendance-btn{background:#007bff;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background-color .2s}.action-btn.attendance-btn:hover{background:#0056b3}.action-btn.attendance-btn:disabled{background:#6c757d;cursor:not-allowed}.candidate-list-page .edit-btn{background:#007bff!important;color:#fff!important}.candidate-list-page .edit-btn:hover{background:#0056b3!important}.candidate-list-page .approve-btn{background:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.candidate-list-page .approve-btn:hover{background:#218838;transform:scale(1.02)}.candidate-list-page .approve-btn:active{transform:scale(.98)}.candidate-list-page .mobile-actions-cell{display:flex;justify-content:center;align-items:center}.mobile-actions-cell .action-btn{padding:4px;margin-right:2px;margin-bottom:2px;display:inline-flex}.mobile-actions-cell .candidate-list-page .action-btn svg{width:14px;height:14px}.candidate-list-page .mobile-actions-column{display:flex;flex-direction:column;gap:6px;justify-content:center;align-items:center;height:100%;padding:2px}.mobile-actions-column .mobile-action-buttons{display:flex;flex-direction:column;gap:6px;align-items:center;width:100%}.mobile-actions-column .mobile-action-buttons .action-btn{width:100%;max-width:75px;padding:5px 4px;font-size:10px;display:flex;align-items:center;justify-content:center;gap:3px;border-radius:4px;border:none;cursor:pointer;transition:all .2s ease;text-align:center}.mobile-actions-column .mobile-action-buttons .candidate-list-page .action-btn svg{width:12px;height:12px;flex-shrink:0}.mobile-actions-column .mobile-action-buttons .candidate-list-page .action-btn span{font-size:10px;font-weight:500}@media (max-width: 768px){.candidate-list-page .submit-btn,.candidate-list-page .cancel-btn{width:100%}.candidate-list-page .attendance-status-present{flex-direction:column;align-items:center;gap:1px;padding:3px 6px;min-height:auto;text-align:center}.attendance-status-present .attendance-full-text{max-width:100px;font-size:9px;line-height:1.5;align-items:center}.candidate-list-page .attendance-line-1{font-size:11px;font-weight:600;margin-bottom:0;gap:2px}.candidate-list-page .attendance-line-2{font-size:9px;opacity:.9;text-align:center}.action-btn.attendance-btn{font-size:12px;padding:5px 10px}}@media (max-width: 480px){.candidate-list-page .mobile-actions-cell{padding:6px 4px!important}.mobile-actions-cell .action-btn{padding:3px;margin:1px}}.candidate-list-page .batch-action-buttons{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:8px 0;justify-content:flex-end;margin-left:auto}.candidate-list-page .batch-row{display:contents}.candidate-list-page .exit-selection-btn{background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;white-space:nowrap}.candidate-list-page .exit-selection-btn:hover{background:#5a6268;transform:translateY(-1px)}.candidate-list-page .selected-count{background:#a0c0e2;color:#fff;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;white-space:nowrap}.candidate-list-page .select-all-btn{background:#6bbb7e;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;white-space:nowrap}.candidate-list-page .select-all-btn:hover{background:#35da58;transform:translateY(-1px)}.candidate-list-page .deselect-all-btn{background:#ffc107;color:#000;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;white-space:nowrap}.candidate-list-page .deselect-all-btn:hover:not(:disabled){background:#e0a800;transform:translateY(-1px)}.candidate-list-page .deselect-all-btn:disabled{background:#6c757d;color:#fff;cursor:not-allowed;opacity:.5}.candidate-list-page .batch-print-btn{background:#17a2b8;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;white-space:nowrap}.candidate-list-page .batch-print-btn:hover:not(:disabled){background:#138496;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.candidate-list-page .batch-print-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.5}.candidate-list-page .batch-approve-btn{background:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;white-space:nowrap}.candidate-list-page .batch-approve-btn:hover:not(:disabled){background:#218838;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.candidate-list-page .batch-approve-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.5}.candidate-list-page .batch-delete-btn{background:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;white-space:nowrap}.candidate-list-page .batch-delete-btn:hover:not(:disabled){background:#c82333;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.candidate-list-page .batch-delete-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.5}.candidate-list-page .selection-checkbox{width:20px;height:20px;cursor:pointer;accent-color:#007bff}.candidate-list-page .selected-row{background-color:#e7f3ff!important;border-left:3px solid #007bff}.candidate-list-page .selected-row:hover{background-color:#d0e9ff!important}@media (max-width: 768px){.candidate-list-page .batch-action-buttons{flex-direction:column;gap:8px;width:100%;align-items:stretch}.candidate-list-page .batch-row{display:flex;gap:8px;width:100%}.candidate-list-page .batch-row>*{flex:1;min-width:0}.candidate-list-page .exit-selection-btn,.candidate-list-page .select-all-btn,.candidate-list-page .deselect-all-btn,.candidate-list-page .batch-approve-btn,.candidate-list-page .batch-print-btn,.candidate-list-page .batch-delete-btn{padding:8px 12px;font-size:13px;gap:4px}.candidate-list-page .selected-count{padding:8px 12px;font-size:13px}.candidate-list-page .print-btn{background:#007bff;color:#fff;border:none;padding:10px;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;width:100%;max-width:120px;transition:all .2s ease}.candidate-list-page .print-btn:hover{background:#0056b3;transform:scale(1.05)}.candidate-list-page .attendance-btn{background:#17a2b8;color:#fff;border:none;padding:10px;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;width:100%;max-width:120px;transition:all .2s ease}.candidate-list-page .attendance-btn:hover:not(:disabled){background:#138496}.candidate-list-page .attendance-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.7}.candidate-list-page .attendance-status-present{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:#caeeda;color:#330303;border-radius:6px;font-size:12px;font-weight:500;border:none;cursor:default;max-width:180px;width:100%}}.candidate-list-page .manual-refresh-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;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}.candidate-list-page .manual-refresh-btn:hover:not(:disabled){background:#f1f3f5;border-color:#adb5bd;color:#212529}.candidate-list-page .manual-refresh-btn:disabled,.candidate-list-page .manual-refresh-btn.refreshing{cursor:not-allowed;opacity:.65}.candidate-list-page .manual-refresh-btn .spin{animation:cl-spin .8s linear infinite;display:flex;align-items:center}.candidate-list-page .manual-refresh-btn:hover:not(:disabled) .spin-icon{animation:cl-spin-once .4s ease-in-out}@keyframes cl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cl-spin-once{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.candidate-list-page .manual-refresh-btn span:last-child{display:none}.candidate-list-page .manual-refresh-btn{padding:8px 10px}}.candidate-list-page .pagination-container{flex-shrink:0;border-radius:6px;box-shadow:0 2px 4px #0000001a;display:flex;padding:8px 15px;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;background:white;margin-top:auto;min-height:50px;max-height:50px}.candidate-list-page .pagination-info-left{display:flex;flex-direction:row;gap:15px;align-items:center}.candidate-list-page .pagination-info{font-size:13px;color:#495057;font-weight:600;white-space:nowrap}.candidate-list-page .results-text{font-size:12px;color:#6c757d;font-weight:400;white-space:nowrap}.candidate-list-page .pagination-controls{display:flex;gap:4px;align-items:center;margin-left:auto}.candidate-list-page .pagination-btn{padding:6px 10px;border:1px solid #dee2e6;background:white;color:#495057;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s;min-width:36px;font-weight:500}.candidate-list-page .pagination-btn:hover:not(:disabled){background:#f8f9fa;border-color:#6c757d}.candidate-list-page .pagination-btn.active{background:#007bff;color:#fff;border-color:#007bff;font-weight:600}.candidate-list-page .pagination-btn:disabled{background:#e9ecef;color:#adb5bd;cursor:not-allowed;opacity:.6}@media (max-width: 992px){.candidate-list-page .pagination-container{gap:12px}.candidate-list-page .pagination-controls{flex-wrap:wrap}}@media (max-width: 768px){.candidate-list-page .pagination-container{padding:10px 12px;gap:10px}.candidate-list-page .pagination-info-left{width:100%;text-align:left}.candidate-list-page .pagination-controls{width:100%;justify-content:center;margin-left:0}.candidate-list-page .pagination-btn{padding:6px 10px;font-size:13px;min-width:35px}}@media (max-width: 480px){.candidate-list-page .pagination-container{padding:8px 10px;gap:8px}.candidate-list-page .pagination-info{font-size:13px}.candidate-list-page .results-text{font-size:12px}.candidate-list-page .pagination-controls{gap:2px}.candidate-list-page .pagination-btn{padding:5px 8px;font-size:12px;min-width:32px}}@media (min-width: 769px){.candidate-list-page .mobile-view{display:none!important}.candidate-list-page .desktop-table{display:flex!important}}@media (max-width: 1200px){.candidate-list-page .candidates-table th:nth-child(4),.candidate-list-page .candidates-table td:nth-child(4){width:250px}}@media (max-width: 992px){.candidate-list-page .candidate-list-controls{flex-direction:column;align-items:stretch}.candidate-list-page .search-container{min-width:auto}.candidate-list-page .form-row{flex-direction:column}.candidate-list-page .pagination-container{flex-direction:column;gap:10px;text-align:center}}@media (max-width: 768px){.candidate-list-page .desktop-date-filter{display:none!important}.candidate-list-page .date-filter-mobile-btn{display:flex!important;min-width:40px!important;max-width:40px!important;height:40px!important;background:#fff!important;border:1px solid #ddd!important;border-radius:6px!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;color:#667eea!important;transition:all .3s ease!important;flex-shrink:0!important}.candidate-list-page .date-filter-mobile-btn:hover{background:rgba(102,126,234,.1)!important;border-color:#667eea!important}.candidate-list-page .date-filter-mobile-btn>svg{width:22px!important;height:22px!important;color:#667eea!important}.candidate-list-page .candidate-list-container{max-width:100vw;overflow-x:hidden;overflow-y:auto;height:calc(100vh - 50px);padding:10px;display:flex;flex-direction:column}.candidate-list-page .app-container{width:100vw;max-width:100vw;margin:0;box-sizing:border-box;padding:0 8px}.candidate-list-page .candidate-list-header{padding:12px 16px!important;box-shadow:none;border-radius:0;background:white}.candidate-list-page .candidate-list-header h2{display:block!important;font-size:16px!important;margin:0 0 12px!important;line-height:1.4!important;color:#2c3e50!important;text-align:center!important}.candidate-list-page .candidate-list-controls{display:flex!important;flex-direction:row!important;align-items:center!important;width:100%!important;padding:0!important;justify-content:space-between!important;flex-direction:column;gap:10px}.candidate-list-page .search-container{flex:1!important;min-width:0!important;margin:0!important;max-width:calc(100% - 100px)!important;min-width:100%}.candidate-list-page .search-input{font-size:14px!important;padding:8px 8px 8px 36px!important;border-radius:6px!important;width:100%!important}.candidate-list-page .nha-thoi-vu-filter{display:none!important;width:100%}.candidate-list-page .add-candidate-btn{min-width:40px!important;max-width:40px!important;height:40px!important;padding:0!important;background:#28a745!important;border-radius:6px!important;color:transparent!important;display:flex!important;align-items:center!important;gap:0!important;flex-shrink:0!important;overflow:hidden!important;white-space:nowrap!important;position:relative!important;width:100%;justify-content:center}.candidate-list-page .add-candidate-btn>svg{width:24px!important;height:24px!important;color:#fff!important;flex-shrink:0!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.candidate-list-page .results-info{padding:12px 15px;font-size:13px}.candidate-list-page .candidates-table-container{overflow-x:auto;margin-bottom:15px;flex:1;display:flex;flex-direction:column;overflow:hidden}.candidate-list-page .desktop-table{display:none!important}.candidate-list-page .mobile-table{display:table!important;width:100%;background:white;border-radius:8px}.candidate-list-page .form-actions{flex-direction:column}.candidate-list-page .submit-btn,.candidate-list-page .cancel-btn{width:100%}.candidate-list-page .address-mode-container{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width: 576px){.candidate-list-page .modal-content{margin:10px;max-height:calc(100vh - 20px)}.candidate-list-page .modal-header,.candidate-list-page .candidate-form{padding:15px}.candidate-list-page .candidate-list-header h2{font-size:18px}.candidate-list-page .upload-row{grid-template-columns:1fr}.upload-row .form-group{min-height:auto}.candidate-list-page .avatar-preview,.candidate-list-page .image-preview{max-width:200px}}@media (max-width: 480px){.candidate-list-page .candidate-list-container{padding:10px}.candidate-list-page .candidate-list-header{padding:5px!important}.candidate-list-page .results-info{padding:10px 15px;font-size:13px}.candidate-list-page .pagination-container{padding:10px}.candidate-list-page .pagination-controls{gap:1px}.candidate-list-page .pagination-btn{padding:6px 10px;font-size:12px}.candidate-list-page .status-badge{font-size:10px;padding:3px 6px;min-width:60px}.candidate-list-page .candidate-name{font-size:13px;font-weight:600}}.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 #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:#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:#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 #667eea33}.vendor-header-search-btn{padding:8px 14px;background:#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:#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}.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}}.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 .3s ease-out forwards}.staff-info-modal-v2-container.initial-open{animation:staff-info-v2-slide-in .3s ease-out forwards}@keyframes staff-info-v2-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.staff-info-modal-v2-header{display:flex;justify-content:space-between;align-items:center;padding:10px 24px;background:#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}.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:#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;margin-top:12px;border:1px solid #e5e7eb;border-radius:8px}.staff-info-v2-history-table{width:100%;min-width:1050px;border-collapse:collapse;font-size:13px}.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:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;white-space:nowrap;min-width:100px}.staff-info-v2-history-table th:nth-child(1){min-width:110px}.staff-info-v2-history-table th:nth-child(2){min-width:100px}.staff-info-v2-history-table th:nth-child(3){min-width:120px}.staff-info-v2-history-table th:nth-child(4){min-width:150px}.staff-info-v2-history-table th:nth-child(5){min-width:120px}.staff-info-v2-history-table th:nth-child(6){min-width:100px}.staff-info-v2-history-table th:nth-child(7){min-width:150px}.staff-info-v2-history-table th:nth-child(8){min-width:150px}.staff-info-v2-history-table th:nth-child(9){min-width:130px}.staff-info-v2-history-table td{padding:10px 12px;border-bottom:1px solid #e5e7eb;color:#4b5563;white-space:nowrap}.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:#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}}.working-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}.working-staff-list.staff-modal-open .working-staff-candidates-table-container,.working-staff-list.staff-modal-open .cpn-pagination-container{margin-right:700px;transition:margin-right .3s ease-out}.working-staff-candidates-table-container,.cpn-pagination-container{transition:margin-right .3s ease-out}.working-staff-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}.working-staff-loading-state{text-align:center;padding:60px 20px}.working-staff-loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:working-staff-spin 1s linear infinite;margin:0 auto 16px}@keyframes working-staff-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.working-staff-error-state,.working-staff-access-denied{text-align:center;padding:60px 20px}.working-staff-retry-btn{padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;margin-top:16px}.working-staff-empty-state{text-align:center;padding:0}.working-staff-empty-content{padding:60px 20px;color:#666}.working-staff-empty-content svg{color:#ccc;margin-bottom:16px}.working-staff-empty-content h3{margin:0 0 8px;color:#333}.working-staff-empty-content p{margin:0 0 20px}.working-staff-add-candidate-link{display:inline-block;padding:10px 20px;background:#667eea;color:#fff;text-decoration:none;border-radius:6px;font-weight:500;transition:background .2s}.working-staff-add-candidate-link:hover{background:#5a6fd8}.working-staff-page-header{flex-shrink:0;background:white;padding:10px 20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.working-staff-header-content{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:10px}.working-staff-header-left{display:flex;align-items:center;gap:12px;color:#2c3e50}.working-staff-header-left svg{flex-shrink:0}.working-staff-header-left h1{margin:0;color:#2c3e50;font-size:24px;font-weight:600;flex-shrink:0}.working-staff-header-right{display:flex;align-items:center;gap:16px;flex-shrink:0}.working-staff-header-search-form{margin:0}.working-staff-header-search-input-group{display:flex;align-items:center;gap:6px;background:#f8f9fa;border-radius:8px;padding:4px;border:1px solid #dee2e6}.working-staff-header-search-input-group svg{color:#6c757d;margin-left:8px;flex-shrink:0}.working-staff-header-search-input{flex:1;min-width:250px;padding:8px 12px;border:none;border-radius:4px;font-size:14px;background:white;color:#333}.working-staff-header-search-input::-moz-placeholder{color:#999}.working-staff-header-search-input::placeholder{color:#999}.working-staff-header-search-input:focus{outline:none;box-shadow:0 0 0 2px #667eea33}.working-staff-header-search-btn{padding:8px 14px;background:#667eea;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s;white-space:nowrap}.working-staff-header-search-btn:hover{background:#5568d3}.working-staff-filters-section{background:white}.working-staff-filter-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.working-staff-filter-select,.working-staff-date-input{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;min-width:140px}.working-staff-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}.working-staff-clear-filters-btn:hover{background:#e9e9e9}.working-staff-column-selector-container{position:relative;display:inline-block}.working-staff-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}.working-staff-column-selector-btn:hover{background:linear-gradient(135deg,#5a4fcf,#4834d4);box-shadow:0 4px 12px #6c5ce766;transform:translateY(-1px)}.working-staff-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}.working-staff-column-selector-header{padding:15px 20px;background:#f8f9fa;border-bottom:1px solid #e1e5e9;border-radius:8px 8px 0 0}.working-staff-column-selector-header h4{margin:0;color:#2c3e50;font-size:14px;font-weight:600}.working-staff-column-selector-content{padding:10px 0;max-height:300px;overflow-y:auto}.working-staff-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}.working-staff-column-selector-item:hover{background:#f8f9fa}.working-staff-column-selector-item input[type=checkbox]{margin-right:10px;cursor:pointer}.working-staff-column-selector-item input[type=checkbox]:disabled{cursor:not-allowed}.working-staff-column-selector-item span{font-size:14px;color:#2c3e50}.working-staff-column-selector-item .working-staff-required-column{color:#7f8c8d;font-style:italic}.working-staff-column-selector-item input[type=checkbox]:disabled+.working-staff-required-column{opacity:.7}.working-staff-th-cell{position:relative;padding:8px 4px;overflow:visible}.working-staff-table-header-content{display:flex;align-items:center;justify-content:center;gap:4px}.working-staff-header-text{font-weight:600;font-size:14px}.working-staff-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}.working-staff-filter-btn:hover{opacity:1;background-color:#f0f0f0}.working-staff-filter-menu{background:white;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 16px #0000002e;min-width:250px;max-width:calc(100vw - 20px);text-align:left;z-index:99999!important}.working-staff-filter-header{padding:12px;border-bottom:1px solid #eee}.working-staff-filter-search{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.working-staff-filter-search:focus{outline:none;border-color:#007bff}.working-staff-filter-actions{padding:8px 12px;display:flex;justify-content:space-between;border-bottom:1px solid #eee}.working-staff-filter-select-all,.working-staff-filter-clear{background:none;border:none;cursor:pointer;font-size:12px;color:#007bff;padding:4px 8px;border-radius:3px;transition:all .2s ease}.working-staff-filter-select-all:hover,.working-staff-filter-clear:hover{background-color:#f8f9fa}.working-staff-filter-list{max-height:200px;overflow-y:auto;padding:4px 0}.working-staff-filter-item{display:flex;align-items:center;padding:6px 12px;cursor:pointer;transition:background-color .2s ease}.working-staff-filter-item:hover{background-color:#f8f9fa}.working-staff-filter-item input[type=checkbox]{margin-right:8px;cursor:pointer}.working-staff-filter-text{flex:1;font-size:14px;margin-right:8px;color:#000}.working-staff-filter-count{font-size:12px;color:#666;font-weight:500}.working-staff-filter-empty{padding:16px 12px;text-align:center;color:#666;font-size:14px}.working-staff-filter-footer{padding:8px 12px;border-top:1px solid #eee}.working-staff-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}.working-staff-filter-apply:hover{background-color:#0056b3}.working-staff-filter-apply:disabled{background-color:#ccc;cursor:not-allowed}.working-staff-filter-list::-webkit-scrollbar{width:6px}.working-staff-filter-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.working-staff-filter-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.working-staff-filter-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.working-staff-candidates-table-container{background:white;border-radius:8px;box-shadow:0 2px 8px #0000001a;position:relative;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.working-staff-table-wrapper{overflow-x:auto;overflow-y:auto;position:relative;flex:1;min-height:0}.working-staff-candidates-table{border-collapse:collapse;position:relative;table-layout:fixed;width:-moz-max-content;width:max-content;min-width:100%}.working-staff-candidates-table thead th{position:sticky;top:0;z-index:11;white-space:nowrap}.working-staff-candidates-table .wsc-col-thaoTac{width:52px;min-width:52px;max-width:52px}.working-staff-candidates-table .wsc-col-phanLoaiHopDong{width:120px;min-width:120px;max-width:120px}.working-staff-candidates-table .wsc-col-trangThaiLamViec{width:140px;min-width:140px;max-width:140px}.working-staff-candidates-table .wsc-col-maNhanVien{width:110px;min-width:110px;max-width:110px}.working-staff-candidates-table .wsc-col-hoVaTen{width:240px;min-width:240px;max-width:240px}.working-staff-candidates-table .wsc-col-ngaySinh{width:105px;min-width:105px;max-width:105px}.working-staff-candidates-table .wsc-col-gioiTinh{width:90px;min-width:90px;max-width:90px}.working-staff-candidates-table .wsc-col-soCCCD{width:170px;min-width:170px;max-width:170px}.working-staff-candidates-table .wsc-col-soCMT{width:130px;min-width:130px;max-width:130px}.working-staff-candidates-table .wsc-col-ngayCap{width:105px;min-width:105px;max-width:105px}.working-staff-candidates-table .wsc-col-noiCap{width:150px;min-width:150px;max-width:150px}.working-staff-candidates-table .wsc-col-soDienThoai{width:120px;min-width:120px;max-width:120px}.working-staff-candidates-table .wsc-col-email{width:180px;min-width:180px;max-width:180px}.working-staff-candidates-table .wsc-col-diaChiThuongTru{width:350px;min-width:350px;max-width:350px;white-space:normal!important;word-break:break-word;overflow:visible!important;text-overflow:unset!important}.working-staff-candidates-table .wsc-col-nhaThoiVu{width:120px;min-width:120px;max-width:120px}.working-staff-candidates-table .wsc-col-nguoiGioiThieu{width:150px;min-width:150px;max-width:150px}.working-staff-candidates-table .wsc-col-ngayDangKy,.working-staff-candidates-table .wsc-col-trangThai{width:110px;min-width:110px;max-width:110px}.working-staff-candidates-table .wsc-col-thoiGianDuyet{width:150px;min-width:150px;max-width:150px}.working-staff-candidates-table .wsc-col-ngayVaoLam{width:110px;min-width:110px;max-width:110px}.working-staff-candidates-table .wsc-col-caLamViecGanNhat,.working-staff-candidates-table .wsc-col-xuongGanNhat{width:200px;min-width:200px;max-width:200px}.working-staff-candidates-table .wsc-col-lamThemGio{width:120px;min-width:120px;max-width:120px}.working-staff-candidates-table .wsc-col-nguyenVongChuyenCa{width:170px;min-width:170px;max-width:170px}.working-staff-candidates-table .wsc-col-lyDoChuyenCa{width:160px;min-width:160px;max-width:160px}.working-staff-candidates-table .wsc-col-nhuCauKyTuc{width:130px;min-width:130px;max-width:130px}.working-staff-candidates-table .wsc-col-thoiGianCamKet{width:140px;min-width:140px;max-width:140px}.working-staff-candidates-table .wsc-col-ghiChu{width:200px;min-width:200px;max-width:200px}.working-staff-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:nowrap;overflow:hidden;text-overflow:ellipsis}.working-staff-candidates-table th:last-child{border-right:none}.working-staff-candidates-table td{padding:2px 12px;border-bottom:1px solid #e9ecef;border-right:1px solid #e9ecef;font-size:14px;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.working-staff-candidates-table td:last-child{border-right:none}.working-staff-candidates-table tr:hover{background:#f8f9fa}.working-staff-sortable-th{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .2s}.working-staff-sortable-th:hover{background:#5568d3!important}.working-staff-sort-icon{margin-left:4px;opacity:.5}.working-staff-sortable-th:hover .working-staff-sort-icon{opacity:1}.working-staff-candidates-table thead .working-staff-th-sticky-action{position:sticky!important;top:0!important;left:0!important;z-index:30!important;background:#6c757d!important;border-right:2px solid #d1d5db!important;box-shadow:2px 0 4px #0000001a;min-width:unset!important;max-width:unset!important;width:48px!important;padding:12px 6px!important}.working-staff-candidates-table tbody .working-staff-td-sticky-action{position:sticky!important;left:0!important;z-index:15!important;background:white!important;border-right:2px solid #d1d5db!important;box-shadow:2px 0 4px #0000000d;overflow:visible!important;width:48px!important;padding:4px 6px!important;text-align:center;white-space:nowrap!important;max-width:unset!important}.working-staff-candidates-table tbody tr:hover .working-staff-td-sticky-action{background:#f8f9fa!important}.working-staff-action-dropdown{position:relative;display:inline-flex;align-items:center;justify-content:center}.working-staff-gear-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #d1d5db;border-radius:6px;background:white;cursor:pointer;transition:all .2s ease;color:#6b7280}.working-staff-gear-btn:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}.working-staff-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:workingStaffMenuSlideIn .15s ease}@keyframes workingStaffMenuSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.working-staff-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}.working-staff-action-menu-item:hover{background:#f3f4f6;color:#3b82f6}.working-staff-action-menu-item svg{flex-shrink:0;color:#6b7280}.working-staff-action-menu-item:hover svg{color:#3b82f6}.working-staff-avatar-cell{display:flex;justify-content:center;align-items:center}.working-staff-candidate-avatar{width:45px;height:60px;border-radius:6px;-o-object-fit:cover;object-fit:cover;border:1px solid #ddd}.working-staff-avatar-placeholder{width:45px;height:60px;border-radius:6px;background:#667eea;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;text-transform:uppercase}.working-staff-candidates-table .working-staff-name-cell{font-weight:500;color:#333;min-width:180px;white-space:nowrap!important}.working-staff-name-with-avatar{display:flex;align-items:center;gap:12px}.working-staff-name-with-avatar .working-staff-avatar-cell{flex-shrink:0}.working-staff-candidate-name{font-weight:500;color:#333;flex:1}.working-staff-candidates-table .working-staff-address-cell,.working-staff-candidates-table .working-staff-notes-cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.working-staff-cccd-cell{font-family:monospace;font-size:13px}.working-staff-cccd-cell-content{display:flex;align-items:center;gap:8px}.working-staff-cccd-images{display:flex;flex-direction:column;gap:4px}.working-staff-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}.working-staff-cccd-thumb:hover{transform:scale(1.1);border-color:#0d6efd}.working-staff-employee-id-cell{font-family:monospace;font-size:13px;font-weight:600;color:#555;text-align:center;min-width:80px;max-width:100px}.working-staff-contract-type-cell{text-align:center;min-width:90px}.working-staff-contract-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;display:inline-block;white-space:nowrap}.working-staff-contract-seasonal{background:#e3f2fd;color:#1565c0;border:1px solid #90caf9}.working-staff-contract-intern{background:#f3e5f5;color:#6a1b9a;border:1px solid #ce93d8}.working-staff-work-status-cell{text-align:center;min-width:100px}.working-staff-work-status-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;display:inline-block;white-space:nowrap}.working-staff-work-status-working{background:#d4edda;color:#155724;border:1px solid #a3d977}.working-staff-work-status-resigned{background:#f8d7da;color:#721c24;border:1px solid #f1969c}.working-staff-work-status-temporary{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.working-staff-work-status-applying{background:#e2e3e5;color:#383d41;border:1px solid #c6c8ca}.working-staff-work-status-unknown{background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6}.working-staff-referrer-cell{font-weight:500;color:#333;text-align:center;min-width:100px}.working-staff-gender-cell{text-align:center}.working-staff-attendance-present{color:#28a745;font-weight:500}.working-staff-attendance-present small{display:block;font-size:11px;color:#666;margin-top:2px}.working-staff-attendance-absent{color:#6c757d}.working-staff-action-cell{text-align:center;vertical-align:middle;padding:8px!important}.working-staff-action-buttons{display:flex;gap:8px;justify-content:center;align-items:center}.working-staff-nha-thoi-vu-cell{max-width:100px;text-align:center}.working-staff-nha-thoi-vu-info{display:flex;justify-content:center;align-items:center;cursor:help;position:relative}.working-staff-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}.working-staff-nha-thoi-vu-info:hover .working-staff-nha-thoi-vu-code{background:rgba(41,128,185,.15);border-color:#2980b94d;transform:scale(1.05)}.working-staff-nha-thoi-vu-name{font-weight:500;color:#2c3e50}.working-staff-status-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase;display:inline-block}.working-staff-status-pending{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.working-staff-status-approved{background:#d4edda;color:#155724;border:1px solid #a3d977}.working-staff-status-rejected{background:#f8d7da;color:#721c24;border:1px solid #f1969c}.working-staff-attendance-yes{color:#28a745;font-weight:500;display:inline-flex;align-items:center;gap:4px}.working-staff-attendance-no{color:#dc3545;font-weight:500;display:inline-flex;align-items:center;gap:4px}.working-staff-notes-cell{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.working-staff-xuong-cell{text-align:center}.working-staff-xuong-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600;background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd}.working-staff-ca-cell{text-align:center}.working-staff-ca-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600}.working-staff-ca-sang{background:#fef9c3;color:#854d0e;border:1px solid #fde68a}.working-staff-ca-chieu{background:#ffedd5;color:#9a3412;border:1px solid #fed7aa}.working-staff-ca-dem{background:#ede9fe;color:#5b21b6;border:1px solid #ddd6fe}.working-staff-no-data{color:#cbd5e1;font-size:14px}.working-staff-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}.working-staff-lightbox-content{position:relative;max-width:90vw;max-height:90vh}.working-staff-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}.working-staff-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}.working-staff-lightbox-close:hover{color:#ff4d4f}.working-staff-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}.working-staff-modal-content{background:white;border-radius:8px;min-width:400px;max-width:500px;box-shadow:0 4px 20px #0003;animation:scaleIn .2s ease-out}.working-staff-modal-header{padding:16px 20px;border-bottom:1px solid #e0e0e0}.working-staff-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#2c3e50}.working-staff-modal-body{padding:20px}.working-staff-modal-body p{margin:0;font-size:14px;line-height:1.6;color:#555}.working-staff-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}.working-staff-list .staff-info-modal-v2-container{top:156px;height:calc(100vh - 156px)}.working-staff-list .staff-info-modal-v2-header{padding:6px 24px}.working-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}.working-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}.working-staff-list .vendor-working-info-modal{max-width:700px;max-height:100vh;width:95%;display:flex;flex-direction:column;overflow:hidden}.working-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}.working-staff-list .modal-header-fixed h3{margin:0;font-size:20px;font-weight:600}.working-staff-list .modal-header-actions{display:flex;gap:10px;align-items:center}.working-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}.working-staff-list .print-form-header-btn:hover{background:#f8f9fa;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.working-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}.working-staff-list .modal-close-btn:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}.working-staff-list .modal-container-scrollable{flex:1;overflow-y:auto;padding:25px;background:#f8f9fa}.working-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}.working-staff-list .desktop-layout{display:grid;grid-template-columns:140px 1fr;gap:20px}.working-staff-list .mobile-layout{display:none}.working-staff-list .avatar-col{display:flex;justify-content:center;align-items:center}.working-staff-list .basic-info-col{display:flex;flex-direction:column;gap:10px}.working-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}.working-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}.working-staff-list .contract-badge{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500}.working-staff-list .contract-seasonal{background:#d1ecf1;color:#0c5460}.working-staff-list .contract-intern{background:#fff3cd;color:#856404}.working-staff-list .status-badge{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;min-width:100px;text-align:center}.working-staff-list .status-approved{background:#d4edda;color:#155724}.working-staff-list .status-pending{background:#fff3cd;color:#856404}.working-staff-list .status-rejected{background:#f8d7da;color:#721c24}.working-staff-list .register-time{font-size:13px;color:#6c757d;font-style:italic}.working-staff-list .avatar-container{position:relative;display:inline-block}.working-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}.working-staff-list .large-avatar:hover{transform:scale(1.05)}.working-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}.working-staff-list .info-frame-cccd{margin-bottom:20px;padding:20px;background:white;border-radius:8px;border:1px solid #e9ecef}.working-staff-list .cccd-images-row{display:flex;gap:20px;justify-content:center}.working-staff-list .cccd-image-item{text-align:center}.working-staff-list .cccd-image-item label{display:block;margin-bottom:8px;font-weight:600;color:#495057;font-size:14px}.working-staff-list .cccd-image-container{position:relative;display:inline-block}.working-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}.working-staff-list .cccd-image-container img:hover{transform:scale(1.02)}.working-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}.working-staff-list .no-cccd-image span{font-size:12px;line-height:1.4}.working-staff-list .info-frame-2{margin-bottom:20px;padding:20px;border-radius:8px;border:1px solid #e9ecef;background:white}.working-staff-list .detail-row{display:flex;gap:20px;margin-bottom:15px;flex-wrap:nowrap}.working-staff-list .detail-group{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.working-staff-list .detail-group.full-width{flex:100%;min-width:100%}.working-staff-list .detail-group label{font-weight:600;color:#495057;font-size:14px}.working-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}.working-staff-list .edit-input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s;min-height:38px}.working-staff-list .edit-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.working-staff-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}.working-staff-list .footer-actions{display:flex;gap:10px}.working-staff-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}.working-staff-list .close-btn-footer:hover{background:#5a6268;transform:translateY(-1px);box-shadow:0 2px 8px #6c757d4d}@media (max-width: 768px){.working-staff-list .vendor-working-info-modal{max-width:100%;width:100%;max-height:100vh}.working-staff-list .modal-container-scrollable{padding:15px}.working-staff-list .desktop-layout{display:none!important}.working-staff-list .mobile-layout{display:block!important}.working-staff-list .mobile-row-1,.working-staff-list .mobile-row-2,.working-staff-list .mobile-row-3,.working-staff-list .mobile-row-4,.working-staff-list .mobile-row-5{margin-bottom:10px}.working-staff-list .mobile-row-1{display:flex;justify-content:space-between;align-items:center}.working-staff-list .mobile-row-2{display:flex;justify-content:center}.working-staff-list .mobile-row-3,.working-staff-list .mobile-row-4{text-align:center}.working-staff-list .mobile-row-5{text-align:right}.working-staff-list .detail-row{flex-direction:column;gap:15px}.working-staff-list .cccd-images-row{flex-direction:column;align-items:center}.working-staff-list .print-btn-text{display:none}}.working-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}.working-staff-list .fullscreen-image-container{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.working-staff-list .fullscreen-image{max-width:100%;max-height:85vh;-o-object-fit:contain;object-fit:contain;border-radius:8px}.working-staff-list .fullscreen-image-title{color:#fff;margin-bottom:15px;font-size:18px;font-weight:500}.working-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}.working-staff-list .fullscreen-close-btn:hover{background:#f8f9fa;transform:rotate(90deg)}.working-staff-list .cpn-pagination-container{flex-shrink:0;background:white;border-top:1px solid #e1e5e9;border-radius:0 0 8px 8px;padding:6px 20px;margin-top:0}.working-staff-print-btn,.working-staff-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}.working-staff-print-btn{background-color:#007bff;color:#fff}.working-staff-print-btn:hover{background-color:#0056b3;transform:translateY(-1px);box-shadow:0 2px 4px #007bff4d}.working-staff-delete-btn{background-color:#dc3545;color:#fff}.working-staff-delete-btn:hover{background-color:#c82333;transform:translateY(-1px);box-shadow:0 2px 4px #dc35454d}.working-staff-print-btn:active,.working-staff-delete-btn:active{transform:translateY(0)}.working-staff-modal-btn{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.working-staff-modal-btn-cancel{background-color:#6c757d;color:#fff}.working-staff-modal-btn-cancel:hover{background-color:#5a6268}.working-staff-modal-btn-confirm{background-color:#dc3545;color:#fff}.working-staff-modal-btn-confirm:hover{background-color:#c82333}.working-staff-modal-btn:active{transform:translateY(1px)}.working-staff-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}.working-staff-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}.working-staff-export-excel-btn:active{transform:translateY(0)}@media (max-width: 768px){.working-staff-page-header{padding:20px}.working-staff-header-content{flex-direction:column;align-items:stretch;gap:16px}.working-staff-header-left{justify-content:center;text-align:center}.working-staff-header-left h1{font-size:1.25rem}.working-staff-header-right{align-self:center}.working-staff-header-search-input-group{background:rgba(255,255,255,.2)}.working-staff-header-search-input{min-width:unset;flex:1}.working-staff-filter-controls{display:flex;flex-wrap:wrap;gap:12px}.working-staff-filter-controls .working-staff-filter-select{display:none}.working-staff-filter-controls .working-staff-header-search-form{order:1;flex-basis:100%;width:100%}.working-staff-filter-controls .working-staff-date-input:nth-of-type(1){order:2;flex:1 1 45%;min-width:120px}.working-staff-filter-controls .working-staff-date-input:nth-of-type(2){order:2;flex:1 1 45%;min-width:120px}.working-staff-filter-controls .working-staff-column-selector-container,.working-staff-filter-controls .working-staff-export-excel-btn,.working-staff-filter-controls .working-staff-clear-filters-btn{order:3;flex:1 1 30%;min-width:90px}.working-staff-candidates-table-container{overflow-x:auto}.working-staff-candidates-table{min-width:800px}.working-staff-candidates-table th,.working-staff-candidates-table td{padding:8px 6px;font-size:13px}.working-staff-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}.working-staff-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}.working-staff-filter-list{flex:1;overflow-y:auto}.working-staff-filter-btn{padding:4px}.working-staff-header-text{font-size:12px}.working-staff-pagination{flex-direction:column;gap:2px}.working-staff-pagination-left,.working-staff-pagination-center,.working-staff-pagination-right{width:100%;justify-content:center}}@media (max-width: 1024px) and (min-width: 769px){.working-staff-header-search-input{min-width:200px}.working-staff-header-left h1{font-size:1.35rem}}@media (max-width: 480px){.working-staff-candidates-table th,.working-staff-candidates-table td{padding:6px 4px;font-size:11px}.working-staff-header-text{font-size:11px}.working-staff-candidate-avatar,.working-staff-avatar-placeholder{width:30px;height:30px;font-size:14px}.working-staff-cccd-thumb{width:25px;height:20px}.working-staff-empty-state{font-size:12px}}.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 #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:#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:#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 #667eea33}.permanent-header-search-btn{padding:8px 14px;background:#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:#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:#667eea;font-weight:600;cursor:default;box-shadow:0 2px 12px #667eea26}.page-switch-btn.active svg{color:#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:#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:#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 35%;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-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}.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:90%;margin:0 auto 2px}.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:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.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:#667eea;box-shadow:0 0 0 3px #667eea1a}.fingerprint-list-page .fp-shift-select--active{border-color:#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}}.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:#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 #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:#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:#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:200px;min-width:200px}.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:100px;min-width:100px}.fingerprint-list-page .table-header .fp-col-fingerprint-status{width:120px;min-width:120px}.fingerprint-list-page .table-header .fp-col-skip{width:80px;min-width:80px}.fingerprint-list-page .table-header thead tr th{background:#6b73ff!important}.fingerprint-list-page .th-content{display:flex;justify-content:center;align-items:center;width:100%;position:relative}.th-content span{text-align:center;flex:1;padding-right:40px}.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:120px;min-width:120px;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:200px;min-width:200px;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-dormitory,.fingerprint-list-page .table-body td:nth-child(7){width:100px;min-width:100px;text-align:center;vertical-align:middle;padding:8px}.fingerprint-list-page .fp-col-skip,.fingerprint-list-page .table-body td:nth-child(8){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}.fingerprint-list-page .vendor-dropdown{position:absolute;top:70px;right:20px;background:white;border:2px solid #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:#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:#667eea;border-bottom-color:#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:#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 #667eea}.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 .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,#667eea 0%,#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 .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}}.fingerprint-list-page .pagination{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;height:60px}.fingerprint-list-page .pagination button{padding:8px 16px;border:1px solid #667eea;background:white;cursor:pointer;border-radius:6px;font-size:14px;font-weight:600;color:#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 .pagination button:enabled:hover{background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.fingerprint-list-page .pagination 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}.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;margin:15% auto;padding:15px;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}}.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 .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}@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:95vh;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:90px;height:120px}.fingerprint-list-page .mobile-layout .no-large-avatar{width:90px;height:120px;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}}@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:95vh;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:90px;height:120px}.fingerprint-list-page .mobile-layout .no-large-avatar{width:90px;height:120px;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}}.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}}.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:1px solid #d1d5db;border-radius:4px;background:white;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}}.cpn-searchbar-container{position:relative;flex:1;max-width:500px}.cpn-searchbar-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.cpn-searchbar-input{width:100%;padding:10px 40px 10px 44px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s ease}.cpn-searchbar-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.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}.cpn-searchbar-clear-btn:hover{background:#dc2626}@media (max-width: 768px){.cpn-searchbar-container{max-width:100%}}.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:#667eea;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}.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}}.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}}.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}}.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))}.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}}.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}}.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}}.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}}.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,#667eea 0%,#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,#667eea 0%,#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!important;overflow:clip!important}.stats-sub-tab-content{overflow:clip!important;min-height:unset!important;flex:unset!important;height:auto!important}.stats-tab-section{min-height:unset!important;overflow:clip!important;flex:unset!important;height:auto!important}.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}.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}.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:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);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:#fff}.order-list__count{padding:4px 12px;font-size:13px;font-weight:500;color:#1e293b;background:white;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}}.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__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}.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}}.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;color-adjust:exact!important}@page{margin:5mm;size:A5 landscape}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;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;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}}.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}}.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,#667eea 0%,#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 #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:#667eea;box-shadow:0 0 0 3px #667eea1a}.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:#667eea;border:1px solid #667eea}.perm-order-form__btn--draft:hover:not(:disabled){background:#f0f4ff}.perm-order-form__btn--submit{background:#667eea;color:#fff;border:1px solid #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}}.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-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}}.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:100vh;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%}@page{margin:.5cm;size:A4 landscape}}.order-detail-modal__print-only{display:none}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}@page{margin:10mm;size:A5 landscape}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}.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}}.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;gap:16px;min-width:420px;flex:0 0 420px;min-height:0;overflow:hidden}.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:400px}.dispatch-tab-box-header{padding: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:#fef3c7;border-bottom:2px solid #e5e7eb;flex-shrink:0}.dispatch-tab-scan-input-row{display:flex;gap:12px;align-items:center}.dispatch-tab-xuong-select{padding:10px 14px;border:2px solid #3b82f6;border-radius:8px;font-size:14px;font-weight:500;color:#1f2937;background:white;cursor:pointer;transition:all .2s;min-width:200px}.dispatch-tab-xuong-select:focus{outline:none;box-shadow:0 0 0 4px #3b82f633}.dispatch-tab-xuong-select--locked{background:#f0f9ff;border-color:#0ea5e9;color:#0369a1;cursor:not-allowed;opacity:1;pointer-events:none}.dispatch-tab-xuong-select--locked:disabled{background:#f0f9ff;color:#0369a1}.dispatch-tab-ca-lam-viec-select{padding:10px 14px;border:2px solid #8b5cf6;border-radius:8px;font-size:14px;font-weight:500;color:#1f2937;background:white;cursor:pointer;transition:all .2s;min-width:140px}.dispatch-tab-ca-lam-viec-select:focus{outline:none;box-shadow:0 0 0 4px #8b5cf633}.dispatch-tab-ca-lam-viec-select--required{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-staff-table thead{position:sticky;top:0;background:#f9fafb;z-index:10}.dispatch-tab-staff-table th{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,.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-select:focus,.dispatch-tab-edit-input:focus{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:6px 8px;background:#6b7280;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s;margin-left:4px}.dispatch-tab-btn-history:hover{background:#4b5563}.dispatch-tab-btn-remove{padding:6px 8px;background:#ef4444;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s;margin-left:4px}.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}}@media (max-width: 1024px){.dispatch-tab-content{height:100vh;overflow-y:auto;overflow-x:hidden;min-height:0}.dispatch-tab-grid{display:flex;flex-direction:column;gap:6px;overflow:visible;height:auto;min-height:unset;flex:unset}.dispatch-tab-scanned-box{order:1;max-height:60vh;min-height:unset;height:auto;flex:unset;overflow-y:auto;overflow-x:visible}.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-left-column{order:3;display:flex;flex-direction:column;gap:16px;min-width:0;width:100%;min-height:unset;height:auto;flex:unset;overflow:visible}.dispatch-tab-pending-box,.dispatch-tab-working-box{display:flex;flex-direction:column;min-height:200px;height:auto;flex:unset;max-height:50vh;overflow:hidden}.dispatch-tab-box-content{flex:1 1 auto;min-height:0;height:auto;overflow-y:auto}}@media (max-width: 768px){.dispatch-tab-left-column{grid-template-columns:1fr;flex-direction:column;display:flex}.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-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-xuong-select,.dispatch-tab-ca-lam-viec-select,.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:200px;max-height:45vh}.dispatch-tab-scanned-box{min-height:600px}.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:120px;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}.dispatch-tab-stats-xuong-filter--top{display:flex;flex-wrap:wrap;gap:4px;padding:8px 10px 6px;background:linear-gradient(to bottom,#f0f9ff,#f8fafc);border-bottom:1px solid #e2e8f0;border-radius:12px 12px 0 0;flex-shrink:0}.dispatch-tab-stats-xuong-filter{display:flex;flex-wrap:wrap;gap:4px;width:100%;padding-top:2px}.dispatch-tab-stats-xuong-btn{padding:3px 10px;font-size:12px;font-weight:500;border:1px solid #d1d5db;border-radius:20px;background:#f9fafb;color:#374151;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.dispatch-tab-stats-xuong-btn:hover{background:#e5e7eb;border-color:#9ca3af}.dispatch-tab-stats-xuong-btn.active{background:#1d4ed8;border-color:#1d4ed8;color:#fff}@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}.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{flex-shrink:0;border-radius:0;display:flex;align-items:center;justify-content:space-between;gap:8px}.vsp-header h3{flex:1;min-width:0;margin:0}.vsp-ca-filter-select{flex-shrink:0;padding:3px 8px;font-size:12px;font-weight:500;border:1.5px solid #c4b5fd;border-radius:6px;background:#f5f3ff;color:#5b21b6;cursor:pointer;outline:none;transition:border-color .15s,background .15s;max-width:120px}.vsp-ca-filter-select:hover{border-color:#8b5cf6;background:#ede9fe}.vsp-ca-filter-select:focus{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;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:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0}.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;gap:6px;flex-shrink:0}.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}.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}.psp-content{padding:0;overflow-y:scroll}.psp-box-header{flex-wrap:wrap;gap:8px;align-items:center}.psp-header-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.psp-ca-filter{padding:3px 8px;font-size:12px;font-weight:500;border:1.5px solid #c4b5fd;border-radius:6px;background:#f5f3ff;color:#5b21b6;cursor:pointer;outline:none;transition:border-color .15s,background .15s;max-width:120px}.psp-ca-filter:hover{border-color:#8b5cf6;background:#ede9fe}.psp-ca-filter:focus{border-color:#7c3aed;box-shadow:0 0 0 2px #8b5cf62e}.psp-table{width:100%;border-collapse:collapse;font-size:13px}.psp-table--fixed{table-layout:fixed}.psp-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:nowrap}.psp-table thead th:first-child,.psp-table thead th:nth-child(2){text-align:center}.psp-table tbody tr:hover{background:#f9fafb}.psp-table tbody td{padding:8px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.psp-vitri-col{font-weight:500;color:#1f2937;min-width:90px}.psp-xuong-label{color:#6b7280;font-weight:400;font-size:12px}.psp-num-col{text-align:center!important;min-width:44px;font-variant-numeric:tabular-nums}.psp-num-col--bo-sung{color:#166534!important}.psp-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}.psp-planned-input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b26}.psp-bo-sung-input{background:#dcfce7;color:#166534}.psp-bo-sung-input:focus{border-color:#16a34a;box-shadow:0 0 0 2px #16a34a26}.psp-actual{color:#1d4ed8;font-weight:600}.psp-diff{font-weight:700}.psp-diff.positive,.psp-diff.negative{color:#ef4444;background:#fef2f2}.psp-diff.zero{color:#6b7280}.psp-row-unassigned .psp-vitri-col{color:#9ca3af;font-style:italic;font-size:12px}.psp-total-row{background:#fef3c7!important;border-top:2px solid #f59e0b}.psp-total-row td{padding:10px 8px;font-size:14px;border-bottom:none!important}.psp-total-row .psp-diff.negative{background:#fef2f2;color:#ef4444}.psp-total-fixed{flex-shrink:0;border-top:2px solid #f59e0b;background:#fef3c7;padding-right:17px}.psp-table--total{table-layout:fixed;width:100%}.psp-table--total td{text-align:center;padding:10px 4px;font-size:14px;border-bottom:none!important}.psp-table--total td:first-child{text-align:left;padding-left:8px}.psp-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}.psp-export-btn:hover{background:#16a34a;color:#fff}.psp-export-btn:active{background:#15803d;border-color:#15803d;color:#fff}.psp-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}.psp-save-btn:hover{background:#2563eb;color:#fff}.psp-save-btn:active{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.psp-save-btn:disabled{background:#e5e7eb;border-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.psp-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}.psp-footer-hint{font-size:11px;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.psp-footer-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.psp-save-status{display:inline-flex;align-items:center;font-size:12px;font-weight:500;padding:3px 10px;border-radius:10px;white-space:nowrap;animation:psp-fadein .2s ease}@keyframes psp-fadein{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.psp-save-status--error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5;cursor:pointer}.psp-empty-state{text-align:center;padding:40px 20px}.psp-empty-state-icon{font-size:36px;margin-bottom:12px}.psp-empty-state-text{color:#6b7280;font-size:14px;line-height:1.6}.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:#fef3c7;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{padding:10px 14px;border:2px solid #f59e0b;border-radius:8px;font-size:14px;font-weight:500;color:#1f2937;background:white;cursor:pointer;transition:all .2s;min-width:200px}.dispatch-permanent-tab-xuong-select:focus{outline:none;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,.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-select:focus,.dispatch-permanent-tab-edit-input:focus{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}}.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,.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}.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:#4f46e5;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:#4f46e5;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,#4f46e5 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:#f0f4ff;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:#4f46e5;font-size:12px;font-weight:500;cursor:pointer;transition:all .18s}.dds-mode-btn:hover{background:#eef2ff;border-color:#4f46e5}.dds-mode-btn--active{background:#4f46e5;border-color:#4f46e5;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:#4f46e5;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:#4f46e5;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:#4f46e5;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:#4f46e5;color:#4f46e5}.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:#4f46e5;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:#4f46e5;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:#4f46e5;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:#4f46e5}.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}.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:#667eea;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}.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}.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-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{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}.update-position-tab-xuong-filter-select:focus{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}}.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}.staff-dispatch-v2-page{max-width:100%;margin:0 auto;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-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!important;min-height:unset!important;overflow:clip!important}.sdv2-tab-container{overflow:clip!important;min-height:unset!important;flex:unset!important;height:auto!important}.sdv2-tab-content{overflow:clip!important;flex:unset!important;height:auto!important}.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}}.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}}.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}}.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}.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}}.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;background:#e5e7eb;border-right:1px solid #f3f4f6!important}.cpn-stafftable-table tbody .cpn-stafftable-stt{background:white}.cpn-stafftable-table tbody tr:hover .cpn-stafftable-stt{background:#f9fafb}.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;width:20px;height:20px;border-radius:50%}.cpn-stafftable-gender-icon.male{color:#3b82f6;background:#dbeafe}.cpn-stafftable-gender-icon.female{color:#ec4899;background:#fce7f3}.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-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)}.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-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{padding:10px;min-width:auto}.cpn-filtercontrols-filter-btn span,.cpn-filtercontrols-column-selector-btn span,.cpn-filtercontrols-export-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{padding:8px}}.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}}.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 .3s ease}.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 .3s ease}.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}}.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 .3s ease}.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 .3s ease}.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 .3s ease;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 .3s ease}.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,#667eea 0%,#764ba2 100%);color:#fff;border-radius:12px;box-shadow:0 4px 15px #667eea66}.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}.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}}.nghi-viec-input-section{background:#ffffff;border-radius:8px;padding:10px;box-shadow:0 2px 4px #0000000d}.nghi-viec-input-container{margin-bottom:15px}.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:10px 15px;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:5px 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:8px 16px;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:10px 15px;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;height:100%}.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:10px 16px;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;height:100%}.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:10px 16px;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;height:100%}.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:10px 16px;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;height:100%;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}}.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,#667eea 0%,#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}.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,#667eea 0%,#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:#667eea;background:#f0f4ff}.file-upload-modal-upload-icon{color:#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:#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}}.hp-wrapper{padding:0;min-height:100%;background:#f5f6fa}.hp-toolbar{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#fff;border-bottom:1px solid #e8eaed;flex-wrap:wrap}.hp-toolbar-back{display:flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#374151;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.hp-toolbar-back:hover{background:#f3f4f6;border-color:#9ca3af}.hp-toolbar-filter-btn{display:flex;align-items:center;gap:6px;padding:7px 16px;border-radius:8px;background:#fff;border:1px solid #d0d5dd;color:#374151;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.hp-toolbar-filter-btn.active,.hp-toolbar-filter-btn:hover{background:#eff2ff;border-color:#4c6ef5;color:#3b5bdb}.hp-toolbar-filter-btn.active{background:#3b5bdb;color:#fff;border-color:#3b5bdb}.hp-toolbar-search{display:flex;align-items:center;gap:8px;flex:1;max-width:360px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:7px 12px}.hp-toolbar-search svg{color:#9ca3af;flex-shrink:0}.hp-toolbar-search input{border:none;background:transparent;outline:none;font-size:13px;color:#374151;width:100%}.hp-toolbar-search input::-moz-placeholder{color:#9ca3af}.hp-toolbar-search input::placeholder{color:#9ca3af}.hp-content{padding:20px;overflow-y:auto}.hp-group{margin-bottom:28px}.hp-group-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#3b5bdb;margin-bottom:14px;padding-left:2px}.hp-group-title:before{content:"";display:inline-block;width:4px;height:18px;background:#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:#fff;border:1px solid #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 #3c5adc1a;border-color:#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}.hp-card-body{flex:1;min-width:0}.hp-card-name{font-size:14px;font-weight:600;color:#111827;line-height:1.4;margin-bottom:3px}.hp-card-desc{font-size:11.5px;color:#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:#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:#d1d5db;display:flex;align-items:center;cursor:pointer;transition:color .15s}.hp-card-help:hover{color:#6b7280}.hp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#9ca3af;gap:12px}.hp-empty svg{color:#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;min-height:100%;background:#f5f6fa}.about-hero{background:linear-gradient(135deg,#1e3a8a 0%,#3b5bdb 60%,#6366f1 100%);padding:30px 52px 26px;color:#fff;display:flex;align-items:center;gap:24px}.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;margin-bottom:12px}.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:#fff;border:1px solid #e8eaed;border-radius:14px;overflow:hidden}.about-card-header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid #f0f2f5;background:#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:#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}.about-dev-name{font-size:16px;font-weight:700;color:#111827;margin-bottom:2px}.about-dev-role{font-size:12.5px;color:#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 #f3f4f6}.about-info-row:last-child{border-bottom:none}.about-info-label{font-size:12.5px;color:#9ca3af;min-width:140px;flex-shrink:0;padding-top:1px}.about-info-value{font-size:13px;color:#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:#f8f9fa;border-radius:10px;border:1px solid #e9ecef;text-decoration:none;color:inherit;transition:background .15s,border-color .15s;cursor:pointer}.about-link-item:hover{background:#eff2ff;border-color:#c5d0fa}.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:#111827;margin-bottom:1px}.about-link-desc{font-size:11.5px;color:#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:#f8f9fa;border-color:#e9ecef}.about-footer{text-align:center;padding:20px;color:#9ca3af;font-size:12px;line-height:1.8;border-top:1px solid #e8eaed;background:#fff;margin-top:4px}.about-footer strong{color:#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:24px 16px 20px;gap:16px}.about-content{padding:16px 12px 32px}.about-main-grid,.about-link-grid{grid-template-columns:1fr}.about-info-label{min-width:110px}}.otr-detail-table tbody tr{display:table-row!important;flex-direction:unset!important;padding:0!important;box-shadow:none!important;border-radius:0!important;background:transparent!important;border-bottom:1px solid #f3f4f6!important}.otr-detail-table tbody tr:hover{background:#f8fafc!important}.otr-detail-table tbody td{display:table-cell!important;padding:8px 10px!important;border-bottom:none!important;font-size:.8125rem!important;justify-content:unset!important;align-items:unset!important;white-space:nowrap}.otr-detail-table tbody td:before{content:none!important}.otr-detail-table tbody td:last-child{border-bottom:none!important;padding-top:8px!important;margin-top:0!important;justify-content:center!important}.otr-group-section .otr-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.otr-stats-row{display:flex;gap:16px;flex-wrap:wrap}.otr-stat-item{display:flex;flex-direction:column;gap:2px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:10px 16px;min-width:100px}.otr-stat-item .label{font-size:.75rem;color:#9ca3af;font-weight:500}.otr-stat-item .value{font-size:1.25rem;font-weight:700;color:#111827}.otr-detail-panel{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 768px){.otr-detail-panel{grid-template-columns:1fr}}.otr-detail-section h4{margin:0 0 12px;font-size:.875rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}@media (max-width: 768px){.otr-group-header{flex-direction:column;align-items:flex-start;gap:10px}.otr-group-meta{flex-wrap:wrap;width:100%;justify-content:flex-start}.otr-stats-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.otr-stat-item{min-width:0;padding:8px 12px}}@media (max-width: 480px){.otr-group-header{padding:10px 12px;flex-direction:column;align-items:flex-start;gap:10px}.otr-group-header h3{font-size:.875rem}.otr-group-meta .otr-btn{width:100%;justify-content:center;min-height:44px;font-size:.9375rem;font-weight:600}.otr-stats-row{grid-template-columns:1fr 1fr;gap:8px}.otr-stat-item{padding:8px 10px}.otr-stat-item .value{font-size:1.1rem}.otr-detail-panel{grid-template-columns:1fr;gap:16px}.otr-info-row{flex-direction:column;gap:4px}.otr-info-row .val{text-align:left;color:#111827;font-weight:600}.otr-timeline-dot{width:28px;height:28px;font-size:.8125rem}.otr-timeline-step:before{left:13px}.otr-timeline-content .step-title{font-size:.8125rem}.otr-timeline-content .step-sub{font-size:.75rem}}.sp-search-bar{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;margin-bottom:16px}.sp-search-icon{font-size:.9rem;flex-shrink:0;color:#94a3b8}.sp-search-input{flex:1;border:none;background:transparent;outline:none;font-size:.875rem;color:#1e293b;min-width:0}.sp-search-input::-moz-placeholder{color:#94a3b8}.sp-search-input::placeholder{color:#94a3b8}.sp-search-count{font-size:.8125rem;font-weight:600;color:#3b82f6;white-space:nowrap;flex-shrink:0}.sp-search-clear{background:none;border:none;cursor:pointer;color:#94a3b8;font-size:.75rem;padding:2px 4px;border-radius:4px;line-height:1;flex-shrink:0;transition:color .15s,background .15s}.sp-search-clear:hover{color:#ef4444;background:#fee2e2}.tl-filter-row{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.tl-filter-date,.tl-filter-ca{flex:1 1 0;min-width:0;height:34px;padding:0 10px;font-size:.8125rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#111827;outline:none;box-sizing:border-box}.tl-filter-date:focus,.tl-filter-ca:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.tl-filter-btn{flex:1 1 0;min-width:0;height:34px;padding:0 8px;font-size:.8125rem;white-space:nowrap;justify-content:center}.tl-scan-box{padding:14px 16px!important}.tl-scan-row{display:flex;gap:8px;align-items:center;width:100%}.tl-scan-input{flex:2 1 0;min-width:0;height:38px;padding:0 12px;font-size:.9375rem;border:1.5px solid #93c5fd;border-radius:8px;background:#fff;outline:none;box-sizing:border-box}.tl-scan-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.tl-scan-btn{flex:1 1 0;min-width:0;height:38px;padding:0 8px;font-size:.875rem;white-space:nowrap;justify-content:center}.otr-employee-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f0fdf4;border:1px solid #86efac;border-radius:10px;margin-bottom:12px}.otr-employee-card.error{background:#fef2f2;border-color:#fca5a5}.otr-employee-avatar{width:40px;height:60px;border-radius:6px;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;background:#e5e7eb;border:2px solid #d1fae5;flex-shrink:0;display:block}.otr-employee-avatar-placeholder{width:40px;height:60px;border-radius:6px;background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;color:#9ca3af}.otr-employee-info h4{margin:0 0 2px;font-size:.9rem;font-weight:700;color:#111827}.otr-employee-info span{font-size:.8rem;color:#6b7280}.tl-name-info{display:flex;flex-direction:column;gap:1px}.tl-name{font-weight:600;font-size:.875rem;color:#111827}.tl-sub{display:none;font-size:.75rem;color:#6b7280}.otr-scan-box{background:#eff6ff;border:2px dashed #93c5fd;border-radius:12px;padding:16px 20px;display:flex;gap:12px;align-items:center}.otr-scan-box input{flex:1;padding:10px 14px;font-size:1rem;border:1px solid #93c5fd;border-radius:8px;background:#fff;outline:none}.otr-scan-box input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}@media (max-width: 480px){.tl-scan-box{flex-direction:row!important;padding:12px 14px!important}.tl-scan-box .tl-scan-row{width:100%}.tl-scan-input{font-size:1rem;height:42px}.tl-scan-btn{height:42px;font-size:.875rem}.otr-scan-box{flex-direction:column;gap:10px;padding:16px;background:#eff6ff;border:2px dashed #3b82f6;border-radius:14px}.otr-scan-box input{width:100%;font-size:1.125rem;padding:14px 16px;border-radius:10px;border:2px solid #93c5fd;letter-spacing:.05em;text-align:center}.otr-scan-box .otr-btn{width:100%;justify-content:center;padding:13px 14px;font-size:1rem;font-weight:600;border-radius:10px}.otr-employee-card{padding:14px 16px;border-radius:12px}.otr-employee-avatar{width:40px;height:60px}.otr-employee-avatar-placeholder{width:40px;height:60px;font-size:1.5rem}.otr-employee-info h4{font-size:1rem}}@media (hover: none) and (pointer: coarse){.otr-scan-box input{font-size:1.125rem}}.tl-sub-location,.tl-sub-time,.tl-avatar-badge{display:none}.tl-avatar-col{display:contents}@media (max-width: 768px){.tl-team-table{display:table!important}.tl-team-table thead{display:none!important}.tl-team-table tbody{display:flex!important;flex-direction:column;gap:3px;padding:4px 8px}.tl-team-table tbody tr{display:flex!important;flex-direction:row;align-items:center;gap:6px;padding:6px 8px!important;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000a;overflow:visible}.tl-team-table tbody td{display:none!important;border-bottom:none;padding:0}.tl-team-table tbody td:before{content:none!important}.tl-team-table .tl-col-idx{display:flex!important;flex-shrink:0;align-items:center;font-size:.75rem;color:#9ca3af;font-weight:600;width:16px;justify-content:center}.tl-team-table .tl-col-name{display:flex!important;flex:1 1 auto;min-width:0}.tl-team-table .tl-col-name .tl-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;font-size:.875rem;color:#111827}.tl-team-table .tl-col-name .tl-sub{display:block!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.75rem;color:#6b7280;margin-top:1px}.tl-team-table .tl-col-name .tl-sub-location{display:block!important;font-size:.75rem;color:#374151;font-weight:500;margin-top:2px}.tl-team-table .tl-col-name .tl-sub-location .tl-icon-flag{margin-left:15px;font-size:.8rem;opacity:.85}.tl-team-table .tl-col-name .tl-sub-time{display:block!important;font-size:.75rem;color:#6b7280;margin-top:1px}.tl-team-table tbody td.tl-col-status{display:none!important}.tl-team-table .tl-avatar-col{display:flex!important;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.tl-team-table .tl-avatar-col .otr-employee-avatar,.tl-team-table .tl-avatar-col .otr-employee-avatar-placeholder{width:44px!important;height:56px!important}.tl-team-table .tl-avatar-badge{display:flex!important;justify-content:center}.tl-team-table .tl-avatar-badge .otr-badge{font-size:.65rem;padding:2px 5px;white-space:nowrap;line-height:1.3}.tl-team-table tbody td.col-actions{display:flex!important;flex-shrink:0;align-items:center;min-width:42px}.tl-team-table .otr-actions-cell{display:flex!important;flex-direction:column!important;gap:4px!important;width:auto!important;justify-content:center!important}.tl-team-table .otr-actions-cell .otr-btn{width:38px!important;height:38px!important;min-height:unset!important;padding:0!important;font-size:1.125rem!important;display:flex!important;align-items:center;justify-content:center;border-radius:8px}}.otr-detail-avatar{width:40px;height:60px;border-radius:6px;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;border:1px solid #e5e7eb;flex-shrink:0;display:block}.otr-detail-avatar-placeholder{width:40px;height:60px;border-radius:6px;background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;color:#9ca3af}.otr-detail-name-cell{display:flex;align-items:center;gap:10px;white-space:nowrap}.otr-detail-table td,.otr-detail-table th{white-space:nowrap}.otr-detail-panel{display:flex;flex-direction:column;gap:12px;padding:14px 16px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px}.otr-detail-section h4{margin:0 0 10px;font-size:.75rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.otr-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 16px}.otr-info-cell:nth-child(-n+3){grid-column:span 1}.otr-info-cell:nth-child(3){grid-column:span 2}.otr-info-cell{display:flex;flex-direction:column;gap:2px;padding:6px 10px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:.8125rem}.otr-info-cell--full{grid-column:span 1}.otr-info-cell .key{color:#9ca3af;font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.otr-info-cell .val{color:#111827;font-weight:600;font-size:.875rem}.otr-timeline-section{padding-top:12px;border-top:1px solid #e5e7eb}.otr-info-row{display:flex;justify-content:space-between;align-items:flex-start;padding:7px 0;border-bottom:1px solid #f3f4f6;font-size:.875rem;gap:8px}.otr-info-row:last-child{border-bottom:none}.otr-info-row .key{color:#6b7280;font-weight:500;flex-shrink:0}.otr-info-row .val{color:#111827;font-weight:500;text-align:right}.otr-approve-action-row{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.otr-timeline{display:flex;flex-direction:column;gap:0}.otr-timeline-step{display:flex;gap:14px;position:relative}.otr-timeline-step:before{content:"";position:absolute;left:15px;top:28px;bottom:-14px;width:2px;background:#e5e7eb}.otr-timeline-step:last-child:before{display:none}.otr-timeline-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;flex-shrink:0;position:relative;z-index:1}.otr-timeline-dot.done{background:#d1fae5;color:#059669;border:2px solid #6ee7b7}.otr-timeline-dot.active{background:#dbeafe;color:#2563eb;border:2px solid #93c5fd}.otr-timeline-dot.wait{background:#f3f4f6;color:#9ca3af;border:2px solid #e5e7eb}.otr-timeline-dot.reject{background:#fee2e2;color:#dc2626;border:2px solid #fca5a5}.otr-timeline-content{padding:0 0 20px}.otr-timeline-content .step-title{font-weight:600;font-size:.875rem;color:#111827}.otr-timeline-content .step-sub{font-size:.8125rem;color:#6b7280;margin-top:2px}.otr-timeline--horizontal{flex-direction:row;align-items:flex-start;gap:0}.otr-timeline--horizontal .otr-timeline-step{flex:1;flex-direction:column;align-items:center;text-align:center;gap:8px;position:relative}.otr-timeline--horizontal .otr-timeline-step:before{content:"";position:absolute;top:15px;left:50%;right:-50%;bottom:auto;width:auto;height:2px;background:#e5e7eb}.otr-timeline--horizontal .otr-timeline-step:last-child:before{display:none}.otr-timeline--horizontal .otr-timeline-content{padding:0;max-width:140px}.otr-timeline--horizontal .otr-timeline-content .step-title{font-size:.8125rem;white-space:normal}.otr-timeline--horizontal .otr-timeline-content .step-sub{font-size:.75rem;white-space:normal}.otr-group-section{margin-bottom:20px;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.otr-group-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8fafc;border-bottom:1px solid #e5e7eb;gap:12px}.otr-group-header h3{margin:0;font-size:.9375rem;font-weight:700;color:#111827}.otr-group-meta{display:flex;align-items:center;gap:10px;font-size:.8125rem;color:#6b7280}@media (max-width: 768px){.otr-info-grid{grid-template-columns:repeat(2,1fr)}.otr-info-cell:nth-child(3){grid-column:span 1}.otr-info-cell--full{max-width:100%;grid-column:span 1}.otr-group-header{flex-direction:column;align-items:flex-start;gap:10px}.otr-group-meta{flex-wrap:wrap;width:100%;justify-content:flex-start}}@media (max-width: 480px){.otr-info-grid{grid-template-columns:1fr}.otr-info-cell:nth-child(3),.otr-info-cell--full{grid-column:span 1;max-width:100%}.otr-timeline--horizontal{flex-direction:column}.otr-timeline--horizontal .otr-timeline-step{flex-direction:row;text-align:left;align-items:flex-start;gap:14px}.otr-timeline--horizontal .otr-timeline-step:before{left:15px;top:32px;right:auto;bottom:-14px;width:2px;height:auto}.otr-timeline--horizontal .otr-timeline-content{max-width:none}.otr-info-row{flex-direction:column;gap:4px}.otr-info-row .val{text-align:left;color:#111827;font-weight:600}.otr-approve-action-row{flex-direction:column;gap:10px}.otr-approve-action-row .otr-btn{width:100%;justify-content:center;min-height:52px;font-size:1rem;font-weight:600}.otr-timeline-dot{width:28px;height:28px;font-size:.8125rem}.otr-timeline-step:before{left:13px}.otr-timeline-content .step-title{font-size:.8125rem}.otr-timeline-content .step-sub{font-size:.75rem}.otr-group-header{padding:10px 12px;flex-direction:column;align-items:flex-start;gap:10px}.otr-group-header h3{font-size:.875rem}}.coming-soon-container{display:flex;justify-content:center;align-items:center;min-height:400px;padding:40px 20px;background:linear-gradient(135deg,#f0f4ff 0%,#e0e7ff 100%);border-radius:12px;margin:20px}.coming-soon-content{text-align:center;background:white;padding:48px 40px;border-radius:16px;box-shadow:0 10px 40px #0000001a;max-width:440px;width:100%}.coming-soon-icon{color:#f59e0b;margin-bottom:16px}.coming-soon-title{font-size:22px;font-weight:700;color:#111827;margin:0 0 12px}.coming-soon-message{font-size:14px;color:#374151;margin:0 0 8px;line-height:1.6}.coming-soon-hint{font-size:13px;color:#9ca3af;margin:0}.otr-page{display:flex;flex-direction:column;gap:20px;padding:20px 24px;margin:0 auto}.otr-page-header{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.otr-page-header h1{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.otr-page-header .otr-icon{font-size:1.5rem}.otr-tabs{display:flex;gap:4px;border-bottom:2px solid #e5e7eb;margin-bottom:8px}.otr-tab-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;font-size:.875rem;font-weight:500;color:#6b7280;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:all .15s;white-space:nowrap}.otr-tab-btn:hover{color:#374151;background:#f9fafb;border-radius:6px 6px 0 0}.otr-tab-btn.active{color:#2563eb;border-bottom-color:#2563eb;font-weight:600}.otr-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.otr-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f3f4f6;background:#f9fafb}.otr-card-header h2{font-size:1rem;font-weight:600;color:#111827;margin:0}.otr-card-body{padding:20px}.otr-form{display:flex;flex-direction:column;gap:16px}.otr-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.otr-form-row.cols-3{grid-template-columns:1fr 1fr 1fr}.otr-form-field{display:flex;flex-direction:column;gap:6px}.otr-form-field label{font-size:.8125rem;font-weight:600;color:#374151}.otr-form-field label .required{color:#ef4444;margin-left:2px}.otr-form-field input,.otr-form-field select,.otr-form-field textarea{padding:8px 12px;font-size:.875rem;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;transition:border-color .15s,box-shadow .15s;outline:none;width:100%;box-sizing:border-box}.otr-form-field input:focus,.otr-form-field select:focus,.otr-form-field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.otr-form-field input:disabled,.otr-form-field select:disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.otr-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:500;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:all .15s;white-space:nowrap}.otr-btn:disabled{opacity:.5;cursor:not-allowed}.otr-btn-primary{background:#2563eb;color:#fff;border-color:#2563eb}.otr-btn-primary:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.otr-btn-success{background:#059669;color:#fff;border-color:#059669}.otr-btn-success:hover:not(:disabled){background:#047857}.otr-btn-danger{background:#dc2626;color:#fff;border-color:#dc2626}.otr-btn-danger:hover:not(:disabled){background:#b91c1c}.otr-btn-warning{background:#d97706;color:#fff;border-color:#d97706}.otr-btn-warning:hover:not(:disabled){background:#b45309}.otr-btn-outline{background:transparent;color:#374151;border-color:#d1d5db}.otr-btn-outline:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.otr-btn-ghost{background:transparent;color:#6b7280;border-color:transparent}.otr-btn-ghost:hover:not(:disabled){background:#f3f4f6;color:#374151}.otr-btn-sm{padding:5px 10px;font-size:.8125rem}.otr-btn-lg{padding:11px 22px;font-size:.9375rem;font-weight:600}.otr-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:600;border-radius:999px;white-space:nowrap}.otr-badge-amber{background:#fef3c7;color:#92400e}.otr-badge-blue{background:#dbeafe;color:#1e40af}.otr-badge-purple{background:#ede9fe;color:#5b21b6}.otr-badge-green{background:#d1fae5;color:#065f46}.otr-badge-emerald{background:#a7f3d0;color:#064e3b}.otr-badge-red{background:#fee2e2;color:#991b1b}.otr-badge-gray{background:#f3f4f6;color:#374151}.otr-badge-teal{background:#ccfbf1;color:#134e4a}.otr-table-wrapper{overflow-x:auto;border-radius:8px;border:1px solid #e5e7eb}.otr-table{width:100%;border-collapse:collapse;font-size:.8125rem}.otr-table thead tr{background:#f9fafb}.otr-table thead th{padding:10px 14px;text-align:left;font-size:.75rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid #e5e7eb}.otr-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .1s}.otr-table tbody tr:last-child{border-bottom:none}.otr-table tbody tr:hover{background:#f9fafb}.otr-table tbody td{padding:5px 14px;color:#374151;vertical-align:middle}.otr-table .col-actions{width:120px;text-align:right}.otr-table .col-actions-wide{width:160px;text-align:right}.otr-actions-cell{display:flex;gap:6px;justify-content:flex-end}.otr-filter-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:14px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.otr-filter-bar input,.otr-filter-bar select{padding:7px 12px;font-size:.875rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;outline:none}.otr-filter-bar input:focus,.otr-filter-bar select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.otr-modal-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:1000;padding:20px}.otr-modal{background:#fff;border-radius:16px;box-shadow:0 25px 60px #00000026;width:100%;max-height:95vh;display:flex;flex-direction:column;overflow:hidden;animation:otrModalIn .2s ease;max-width:100%;margin-left:70px;margin-right:10px}@keyframes otrModalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.otr-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.otr-modal-header h3{margin:0;font-size:1.0625rem;font-weight:700;color:#111827}.otr-modal-body{padding:24px;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.otr-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 16px 16px;flex-shrink:0}.otr-close-btn{background:none;border:none;cursor:pointer;color:#6b7280;font-size:1.25rem;display:flex;align-items:center;padding:4px;border-radius:6px;transition:all .1s}.otr-close-btn:hover{background:#f3f4f6;color:#374151}.otr-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:48px;color:#9ca3af;font-size:.9375rem}.otr-empty{text-align:center;padding:48px 20px;color:#9ca3af}.otr-empty .otr-empty-icon{font-size:3rem;margin-bottom:12px}.otr-empty h4{margin:0 0 6px;font-size:1rem;font-weight:600;color:#4b5563}.otr-empty p{margin:0;font-size:.875rem}.otr-alert{display:flex;gap:10px;padding:12px 16px;border-radius:8px;font-size:.875rem;margin-bottom:12px}.otr-alert-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.otr-alert-warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.otr-alert-success{background:#f0fdf4;border:1px solid #86efac;color:#14532d}.otr-alert-error{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b}.otr-pagination{display:flex;justify-content:center;align-items:center;gap:6px;padding:16px}.otr-page-btn{padding:5px 10px;font-size:.8125rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;transition:all .1s}.otr-page-btn:hover:not(:disabled){background:#f3f4f6}.otr-page-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.otr-page-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 768px){.otr-page{padding:12px 14px;gap:14px}.otr-page-header h1{font-size:1.25rem}.otr-tabs{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:0}.otr-tabs::-webkit-scrollbar{display:none}.otr-tab-btn{padding:9px 14px;font-size:.8125rem;flex-shrink:0}.otr-card-header{padding:10x!important}.otr-card-body{padding:10px!important}.otr-modal-overlay{padding:12px;align-items:flex-end}.otr-modal{max-width:100%;border-radius:16px 16px 12px 12px;max-height:92vh}.otr-modal.otr-modal-wide{max-width:100%;max-height:95vh}.otr-modal-body{padding:16px}.otr-modal-header{padding:14px 16px}.otr-modal-footer{padding:12px 16px}}@media (max-width: 480px){.otr-page{padding:8px 10px;gap:10px}.otr-modal.otr-modal-wide{max-width:100%;margin-left:10px;margin-right:10px}.otr-page-header{padding-bottom:12px}.otr-page-header h1{font-size:1.125rem}.otr-page-header .otr-icon{font-size:1.25rem}.otr-tab-btn{padding:8px 12px;font-size:.75rem;gap:4px}.otr-card{border-radius:10px}.otr-filter-bar{flex-direction:column;padding:10px 12px;gap:8px}.otr-filter-bar input,.otr-filter-bar select{width:100%;flex:none;font-size:.9375rem;padding:10px 12px}.otr-filter-bar>div[style]{width:100%;margin-left:0!important}.otr-filter-bar .otr-btn{width:100%;justify-content:center}.otr-table-wrapper{border:none;border-radius:0;overflow:visible}.otr-table{display:block}.otr-table thead{display:none}.otr-table tbody{display:flex;flex-direction:column;gap:10px;padding:10px 12px}.otr-table tbody tr{display:block;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px;box-shadow:0 1px 3px #0000000f}.otr-table tbody tr:hover{background:#fafbff}.otr-table tbody td{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid #f3f4f6;font-size:.875rem}.otr-table tbody td:last-child{border-bottom:none;padding-top:8px;margin-top:4px;justify-content:flex-end}.otr-table tbody td:before{content:attr(data-label);font-size:.75rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;margin-right:8px}.otr-table tbody td:last-child:before{content:none}.otr-actions-cell{width:100%;justify-content:stretch;flex-direction:column;gap:8px}.otr-actions-cell .otr-btn{width:100%;justify-content:center;padding:10px 14px;font-size:.9rem}.otr-form-row,.otr-form-row.cols-3{grid-template-columns:1fr;gap:12px}.otr-form-field input,.otr-form-field select,.otr-form-field textarea{font-size:1rem;padding:11px 14px}.otr-btn{padding:9px 14px;min-height:40px}.otr-btn-lg{padding:13px 22px;font-size:1rem;width:100%;justify-content:center;min-height:48px}.otr-btn-sm{padding:7px 12px;font-size:.8125rem;min-height:36px}.otr-modal-overlay{padding:0;align-items:flex-end}.otr-modal,.otr-modal.otr-modal-wide{max-width:100%;width:100%;max-height:96vh;border-radius:20px 20px 0 0;animation:otrModalSlideUp .25s ease}@keyframes otrModalSlideUp{0%{transform:translateY(100%);opacity:.8}to{transform:translateY(0);opacity:1}}.otr-modal-header:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:36px;height:4px;background:#d1d5db;border-radius:2px}.otr-modal-header{position:relative;padding-top:22px}.otr-modal-body{padding:14px 16px}.otr-modal-footer{padding:12px 16px;gap:10px;flex-direction:column-reverse}.otr-modal-footer .otr-btn{width:100%;justify-content:center;min-height:48px;font-size:.9375rem}.otr-close-btn{font-size:1.5rem;padding:8px;min-width:40px;min-height:40px;justify-content:center}.otr-pagination{padding:12px;gap:4px;flex-wrap:wrap;justify-content:center}.otr-page-btn{min-width:36px;min-height:36px;padding:6px 10px;font-size:.875rem}.otr-alert{font-size:.875rem;padding:10px 14px}.otr-empty{padding:36px 16px}.otr-empty .otr-empty-icon{font-size:2.5rem}.otr-loading{padding:32px;font-size:.9rem}}@media (hover: none) and (pointer: coarse){.otr-btn:hover{background:initial;border-color:initial;color:initial}.otr-btn-primary:hover{background:#2563eb}.otr-btn-success:hover{background:#059669}.otr-btn-danger:hover{background:#dc2626}.otr-btn-outline:hover{background:transparent;border-color:#d1d5db;color:#374151}.otr-btn:active{transform:scale(.97);opacity:.9}.otr-tab-btn:hover{background:transparent;color:#6b7280}.otr-tab-btn.active{color:#2563eb}}.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}}.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}}.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}.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}.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}.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}.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}.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}.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}.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%}}.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}.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;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:40 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--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:40 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__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-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}}.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}.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}.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}}.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}}.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}}.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}}.settings-page{margin:0 auto}.settings-header{padding:20px}.settings-header h1{display:flex;align-items:center;gap:10px;font-size:28px;color:#333;margin-bottom:8px}.settings-header p{color:#666;font-size:14px}.settings-no-permission{text-align:center;padding:60px 20px;color:#999}.settings-content{background:white;border-radius:8px;padding:5px;box-shadow:0 2px 4px #0000001a}.settings-content-header{display:flex;justify-content:space-between;align-items:center;margin-left:30px}.settings-content-header h2{font-size:20px;color:#333}.settings-loading{text-align:center;padding:40px;color:#999}.settings-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #eee;overflow-x:auto}.settings-tab-button{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}.settings-tab-button:hover{color:#007bff;background:#f8f9fa}.settings-tab-button.active{color:#007bff;border-bottom-color:#007bff}.settings-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.settings-data-table{width:100%;border-collapse:collapse;font-size:14px}.settings-data-table thead{background:#f8f9fa}.settings-data-table th{padding:12px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;white-space:nowrap}.settings-data-table td{padding:12px;border-bottom:1px solid #dee2e6;white-space:nowrap}.settings-data-table tbody tr:hover{background:#f8f9fa}.settings-data-table tbody tr.inactive{background:#f5f5f5}.settings-data-table tbody tr.inactive td:not(:first-child){opacity:.5;color:#888}.settings-data-table tbody tr.inactive td:first-child{opacity:1}.settings-status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.settings-status-badge.active{background:#d4edda;color:#155724}.settings-status-badge.inactive{background:#f8d7da;color:#721c24}.settings-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}.settings-btn-toggle:hover{opacity:.75;transform:scale(1.1)}.settings-btn-toggle.on{color:#28a745}.settings-btn-toggle.off{color:#6c757d;opacity:1!important}.settings-btn-add{display:flex;align-items:center;gap:6px;padding:10px 20px;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.settings-btn-add:hover{background:#218838}.settings-action-buttons{display:flex;gap:8px;justify-content:center}.settings-btn-edit,.settings-btn-delete,.settings-btn-permanent-delete{padding:6px 10px;border:none;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.settings-btn-edit{background:#007bff;color:#fff}.settings-btn-edit:hover{background:#0056b3;transform:translateY(-1px)}.settings-btn-delete{background:#ffc107;color:#333}.settings-btn-delete:hover{background:#e0a800;transform:translateY(-1px)}.settings-btn-permanent-delete{background:#dc3545;color:#fff}.settings-btn-permanent-delete:hover{background:#a71d2a;transform:translateY(-1px);box-shadow:0 2px 8px #dc354566}.settings-btn-cancel,.settings-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}.settings-btn-cancel{background:#6c757d;color:#fff}.settings-btn-cancel:hover{background:#5a6268}.settings-btn-save{background:#28a745;color:#fff}.settings-btn-save:hover{background:#218838}.settings-action-cell{display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;flex-wrap:nowrap}.settings-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}.settings-btn-gear:hover{background:#e2e6ea;color:#333;border-color:#bbb;transform:rotate(30deg)}.settings-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:settings-dropdown-fadein .15s ease}@keyframes settings-dropdown-fadein{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.settings-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}.settings-dropdown-item:hover{background:#f5f5f5}.settings-dropdown-item-warning{color:#856404}.settings-dropdown-item-warning:hover{background:#fff3cd}.settings-dropdown-item-danger{color:#721c24}.settings-dropdown-item-danger:hover{background:#f8d7da}.settings-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}.settings-modal-content{background:white;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow:auto;box-shadow:0 4px 20px #00000026}.settings-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #dee2e6}.settings-modal-header h3{font-size:18px;color:#333;margin:0}.settings-modal-close{background:none;border:none;cursor:pointer;color:#999;padding:4px;display:flex;align-items:center}.settings-modal-close:hover{color:#333}.settings-modal-body{padding:20px}.settings-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #dee2e6}.settings-form-group{margin-bottom:16px}.settings-form-group label{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-weight:500;font-size:14px;color:#495057}.settings-form-group .required{color:#dc3545}.settings-readonly-badge{display:inline-block;padding:2px 8px;background-color:#ffc107;color:#000;font-size:11px;font-weight:600;border-radius:3px;text-transform:uppercase}.settings-form-group input,.settings-form-group textarea,.settings-form-group select{width:100%;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;font-family:inherit}.settings-form-group input:disabled,.settings-form-group textarea:disabled,.settings-form-group select:disabled,.settings-form-group input.readonly{background-color:#e9ecef;cursor:not-allowed;opacity:.7}.settings-form-group input:focus,.settings-form-group textarea:focus,.settings-form-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.settings-notification{position:fixed;top:20px;right:20px;padding:16px 24px;border-radius:4px;font-size:14px;font-weight:500;box-shadow:0 4px 12px #00000026;animation:settings-slideIn .3s ease-out;z-index:2000}.settings-notification.success{background:#d4edda;color:#155724;border-left:4px solid #28a745}.settings-notification.error{background:#f8d7da;color:#721c24;border-left:4px solid #dc3545}@keyframes settings-slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 1024px){.settings-data-table{font-size:.9rem}.settings-data-table th,.settings-data-table td{padding:.625rem .5rem;font-size:.85rem;white-space:nowrap}}@media (max-width: 768px){.settings-page{padding:10px}.settings-header h1{font-size:1.5rem}.settings-header p{font-size:.9rem}.settings-tabs{gap:5px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.settings-tab-button{padding:10px 16px;font-size:13px;white-space:nowrap;flex-shrink:0}.settings-content-header{flex-direction:column;align-items:flex-start;gap:1rem}.settings-content-header h2{font-size:1.1rem}.settings-btn-add{width:100%;justify-content:center}.settings-data-table{display:block;overflow-x:visible;box-shadow:none}.settings-data-table thead{display:none}.settings-data-table tbody{display:block}.settings-data-table tr{display:block;margin-bottom:1rem;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;background:white;box-shadow:0 1px 3px #0000001a}.settings-data-table tr:hover{background:white;box-shadow:0 2px 6px #00000026}.settings-data-table tr.inactive{opacity:.7;background:#f9fafb}.settings-data-table td{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border:none;border-bottom:1px solid #f3f4f6;text-align:right}.settings-data-table td:last-child{border-bottom:none;padding-top:1rem;justify-content:flex-end}.settings-data-table td:before{content:attr(data-label);font-weight:600;color:#6b7280;text-align:left;font-size:.85rem;flex:0 0 40%}.settings-status-badge{font-size:.75rem;padding:.25rem .625rem}.settings-action-buttons{width:100%;justify-content:flex-end;gap:.75rem}.settings-btn-edit,.settings-btn-delete,.settings-btn-permanent-delete{padding:.625rem}.settings-modal-content{width:95%;max-height:95vh;margin:0}.settings-modal-header h3{font-size:1.1rem}.settings-form-group label,.settings-form-group input,.settings-form-group textarea,.settings-form-group select{font-size:.9rem}}@media (max-width: 480px){.settings-header h1{font-size:1.25rem}.settings-tab-button{font-size:12px;padding:8px 12px}.settings-data-table tr{padding:.75rem}.settings-data-table td{font-size:.85rem}.settings-data-table td:before{font-size:.8rem;flex:0 0 35%}.settings-action-buttons{flex-wrap:wrap}.settings-btn-edit,.settings-btn-delete,.settings-btn-permanent-delete{flex:1;min-width:70px}.settings-modal-content{width:100%;max-height:100vh;border-radius:0}}.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%}}.app-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#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,#667eea 0%,#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}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;line-height:1.6;color:#333;background:linear-gradient(135deg,#667eea 0%,#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}.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,#667eea 0%,#764ba2 100%);color:#fff}.app-btn-primary:hover{background:linear-gradient(135deg,#5a6fd8 0%,#6a4190 100%)}.app-btn-secondary{background:rgba(255,255,255,.9);color:#667eea;border:1px solid rgba(102,126,234,.3)}.app-btn-secondary:hover{background:white;border-color:#667eea}.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:#374151}.form-control{width:100%;padding:.75rem 1rem;font-size:1rem;line-height:1.5;color:#495057;background:rgba(255,255,255,.9);border:1px solid #ced4da;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.form-control:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:rgba(255,255,255,.95)}.form-control::-moz-placeholder{color:#6c757d}.form-control::placeholder{color:#6c757d}.app-card{background: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 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}@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}}@page{size:A4 portrait;margin:5mm 5mm 5mm 8mm}.main-layout{display:flex;min-height:100vh;background:#f8fafc;--sidebar-width: 50px}@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:#ffffff;color:#2d3748;box-shadow:2px 0 10px #0000000d;border-right:1px solid #e2e8f0;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:1001;display:flex;flex-direction:column;overflow:hidden}.sidebar:not(.collapsed){width:280px;box-shadow:2px 0 20px #0003;z-index:1002}.sidebar.collapsed{width:50px}.sidebar.open{width:280px}.sidebar-header{border-bottom:1px solid #e2e8f0;display:flex;align-items:center;min-height:50px;padding:0}.sidebar-toggle{background:none;border:none;color:#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:#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:#4a5568;text-decoration:none;transition:all .2s ease;min-height:44px;height:44px;margin-bottom:.125rem}.nav-item:hover{background-color:#f7fafc;color:#2d3748}.nav-item.active{background-color:#6f5fbe;color:#fff}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#4299e1}.nav-icon{width:50px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;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;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}.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 #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;min-height:100vh;display:flex;flex-direction:column;background:transparent}.main-header{background: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 rgba(255,255,255,.2);position:sticky;top:0;z-index:1000;width:100%}.header-content{margin:0 auto;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:#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(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:#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,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.user-avatar-header{width:32px;height:32px;border-radius:50%;background:#667eea;color:#fff;font-weight:600;font-size:.875rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.user-avatar-header:hover{background:#5a67d8;transform:scale(1.05)}.mobile-avatar{display:none;width:32px;height:32px;border-radius:50%;background:#667eea;color:#fff;font-weight:600;font-size:.875rem;align-items:center;justify-content:center}.app-container{margin:0 auto;width:100%;box-sizing:border-box}.nha-thoi-vu-filter-mobile-btn,.mobile-overlay{display:none}.content-area{flex:1;background:transparent;box-sizing:border-box}@media (min-width: 769px){.content-area{margin-left:var(--sidebar-width);transition:margin-left .3s ease;max-width:calc(100vw - var(--sidebar-width))}}@media (min-width: 769px){.sidebar:not(.collapsed)+.main-content .content-area{margin-left:50px}}.main-content{flex:1;display:flex;flex-direction:column;min-height:100vh}@media (max-width: 768px){.sidebar{transform:translate(-100%);width:280px;top:0;height:100vh;z-index:2000}.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}.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}.nav-tooltip{display:none}.header-title{font-size:calc(12px + 2vw);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;font-weight:600;max-font-size:18px}@media (max-width: 768px){.header-title{font-size:clamp(12px,calc(8px + 3vw),20px)}}@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)}}@media (min-width: 769px){.header-title{font-size:1.25rem}}@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-title{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%;flex:1;min-width:0}.header-menu-toggle{flex-shrink:0;width:40px;height:40px}.header-logo{flex-shrink:0}.user-greeting,.user-avatar-header,.mobile-avatar{display:none}.user-info-mobile{display:flex}.app-container{width:100vw;max-width:100vw;margin:0;box-sizing:border-box}.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:#667eea;transition:all .3s ease}.nha-thoi-vu-filter-mobile-btn:hover{background:rgba(102,126,234,.1);border-color:#667eea}.nha-thoi-vu-filter-mobile-btn>svg{width:22px;height:22px;color:#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:#f0f4ff;color:#667eea}.nha-thoi-vu-modal-close-mobile{position:absolute;top:10px;right:16px;background:none;border:none;font-size:1.5rem;color:#667eea;cursor:pointer}}.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:#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,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;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(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)}.user-info-mobile{display:flex}.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:#667eea}.sidebar.vendor-mode .user-greeting-sidebar{color:#fff}}