*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body{margin:0;padding:0;min-height:100vh;background:linear-gradient(135deg,#060606,#5d5d5d 60%,#828282)}.login-page{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;padding:20px;position:relative}.login-page:before{content:"";position:fixed;width:150%;height:150%;background:radial-gradient(circle,#1a1a1a 0%,transparent 70%);top:-25%;left:-25%;animation:rotate 20s linear infinite;opacity:.12;pointer-events:none;will-change:transform}.login-page:after{content:"";position:fixed;width:150%;height:150%;background:radial-gradient(circle,#8B0000 0%,transparent 70%);bottom:-25%;right:-25%;animation:rotate 20s linear infinite reverse;opacity:.1;pointer-events:none;will-change:transform}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-container{width:100%;max-width:1000px;min-height:600px;background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:30px;box-shadow:0 25px 45px #0003;border:1px solid rgba(255,255,255,.1);display:flex;position:relative;z-index:1}.login-left{flex:1;padding:50px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.login-left:before{content:"";position:absolute;width:200%;height:200%;animation:wave 15s linear infinite;top:-50%;left:-50%;border-radius:40%;pointer-events:none;will-change:transform}@keyframes wave{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.brand-container{position:relative;z-index:1;text-align:center;animation:fadeIn 1s ease-out}.brand-logo{width:260px;height:auto;margin-bottom:20px;animation:float 6s ease-in-out infinite;will-change:transform}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.welcome-text{color:#fff;font-size:2.5em;font-weight:600;margin-bottom:15px;text-shadow:0 0 20px rgba(255,255,255,.3)}.welcome-subtext{color:#fffc;font-size:1.1em;text-align:center;max-width:400px;line-height:1.6;margin-left:auto;margin-right:auto}.login-right{width:400px;padding:50px;background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:0 30px 30px 0;border-left:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;justify-content:center}.login-title{color:#fff;font-size:2em;font-weight:600;margin-bottom:30px;text-align:center}.login-page .ant-form-item-label>label{color:#fff!important;font-size:14px!important;font-weight:500;height:22px!important;line-height:22px!important;padding:0!important;margin-bottom:4px!important}.login-page .ant-form-item-required:before{color:#ff4d4f!important}.login-page .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before{color:#ff4d4f!important;margin-right:4px!important}.login-input{height:50px;background:#ffffff0d!important;border:none!important;border-radius:12px!important;color:#fff!important}.login-input input,.ant-input-password input{color:#fff!important;background:transparent!important}.ant-input-affix-wrapper,.ant-input,.ant-input-password{background:#ffffff0d!important;border:none!important;box-shadow:none!important;outline:none!important}.ant-input-affix-wrapper:hover,.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused,.ant-input:hover,.ant-input:focus,.ant-input-focused,.ant-input-password:hover,.ant-input-password:focus{border:none!important;box-shadow:none!important;outline:none!important}.ant-input-affix-wrapper .ant-input{background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important}.ant-input-affix-wrapper-focused,.ant-input-focused,.login-form .ant-form-item-control-input{border:none!important;box-shadow:none!important;outline:none!important}.ant-input-prefix{color:#fff9;font-size:1.2em;margin-right:10px}.login-button{height:50px;background:linear-gradient(45deg,#1a1a1a,#232323)!important;border:none!important;border-radius:12px!important;font-size:1.1em!important;font-weight:500;margin-top:20px;position:relative;overflow:hidden}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s;pointer-events:none}.login-button:hover:before{left:100%}.login-button:hover{transform:translateY(-2px);box-shadow:0 5px 20px #8b000066}.login-alert{margin-bottom:20px;border-radius:12px;border:none}@media (max-width: 1024px){.login-container{flex-direction:column;margin:20px}.login-right{width:100%;border-radius:0 0 30px 30px;border-left:none;border-top:1px solid rgba(255,255,255,.1)}.login-left:before{display:none}}@media (max-width: 480px){.login-container{margin:10px}.login-left,.login-right{padding:30px}.welcome-text{font-size:2em}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #ffffff0d}.ant-input-affix-wrapper>input.ant-input{background:transparent!important;color:#fff!important}.ant-input-affix-wrapper-focused,.ant-input-affix-wrapper:focus{background:#ffffff0d!important}.ant-input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px rgba(255,255,255,.05) inset!important}.login-form .ant-input,.login-form .ant-input-password input{color:#fff!important;caret-color:#fff!important}.login-form .ant-input:hover,.login-form .ant-input:focus,.login-form .ant-input-focused,.login-form .ant-input-password input:hover,.login-form .ant-input-password input:focus{color:#fff!important}.login-form .ant-input::placeholder,.login-form .ant-input-password input::placeholder{color:#ffffff80!important}.login-form .ant-input:-webkit-autofill,.login-form .ant-input-password input:-webkit-autofill{-webkit-text-fill-color:white!important;caret-color:#fff!important;transition:background-color 5000s ease-in-out 0s}.login-page .ant-input,.login-page .ant-input-password input,.login-page .ant-input-affix-wrapper input,.login-page .ant-input-affix-wrapper-focused input,.login-page .ant-input:hover,.login-page .ant-input:focus,.login-page .ant-input-focused,.login-page .ant-input-password input:hover,.login-page .ant-input-password input:focus,.login-page .ant-input-password .ant-input,.login-page input.ant-input,.login-page .ant-input-affix-wrapper input.ant-input{color:#fff!important;-webkit-text-fill-color:white!important;background:transparent!important;caret-color:#fff!important}.login-page input:-webkit-autofill,.login-page input:-webkit-autofill:hover,.login-page input:-webkit-autofill:focus,.login-page input:-webkit-autofill:active,.login-page .ant-input:-webkit-autofill,.login-page .ant-input:-webkit-autofill:hover,.login-page .ant-input:-webkit-autofill:focus,.login-page .ant-input:-webkit-autofill:active{-webkit-text-fill-color:white!important;-webkit-box-shadow:0 0 0 30px transparent inset!important;transition:background-color 5000s ease-in-out 0s;background:transparent!important}.login-page .ant-input::placeholder,.login-page .ant-input-password input::placeholder{color:#fff9!important;opacity:1}.login-page .password-input-wrapper{position:relative;width:100%}.login-page .password-input-wrapper .login-input{width:100%;background:#ffffff0d!important;border:none!important;box-shadow:none!important;outline:none!important;color:#fff!important;padding-right:45px!important}.login-page .password-input-wrapper input{color:#fff!important;background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important}.login-page .password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;color:#fff9;font-size:16px;z-index:2;display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:color .3s;background:transparent;border:none;outline:none;padding:0}.login-page .password-toggle:hover{color:#ffffffe6}.login-page .password-input-wrapper .ant-input-prefix{position:absolute;left:12px;top:50%;transform:translateY(-50%);z-index:1}.login-page .password-input-wrapper .ant-input{padding-left:35px!important}.excel-export-button{background-color:#00aeef!important;color:#fff!important;border-radius:6px!important;border:none!important;box-shadow:0 2px #0591ff1a;font-weight:500;height:40px;padding:4px 8px!important;display:flex!important;align-items:center;justify-content:center;gap:6px;font-size:12px!important}.excel-export-button:hover,.excel-export-button:focus{background-color:#00aeef!important;color:#fff!important}.excel-export-button:active{background-color:#00aeef!important;color:#fff!important}.excel-export-button .anticon{vertical-align:-.125em;font-size:14px!important}.excel-export-modal .ant-modal-content{border-radius:8px;overflow:hidden}.excel-export-modal .ant-modal-header{background-color:#f8f8f8;padding:16px 24px;border-bottom:1px solid #f0f0f0}.excel-export-modal .export-modal-title{display:flex;align-items:center;font-size:16px;font-weight:600}.excel-export-modal .ant-modal-body{padding:24px}.excel-export-modal .export-form{width:100%}.excel-export-modal .date-range-row{margin-bottom:16px;display:flex;align-items:flex-end}.excel-export-modal .date-picker{width:100%}.excel-export-modal .export-button-col{display:flex;align-items:flex-end;height:100%;padding-bottom:0}.excel-export-modal .export-button{background-color:#52c41a!important;border-color:#52c41a!important;font-weight:500;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 16px;height:40px;width:100%;margin-bottom:4px}.excel-export-modal .export-button:hover,.excel-export-modal .export-button:focus{background-color:#73d13d!important;border-color:#73d13d!important}.excel-export-modal .ant-divider{margin:16px 0}.excel-export-modal .history-table{margin-top:12px}.excel-export-modal .history-table .ant-table-thead>tr>th{background-color:#f9f9f9;font-weight:600}.excel-export-modal .history-table .ant-table-tbody>tr:hover>td{background-color:#f0f7ff}.excel-export-modal .history-table .ant-table-tbody>tr>td{padding:8px 16px}.excel-export-modal .history-table .ant-space{display:flex;align-items:flex-start}.excel-export-modal .history-table .ant-typography{word-break:break-word;white-space:normal;line-height:1.5;max-width:200px}.excel-export-modal .download-history-button{background-color:#00aeef!important;border-color:#00aeef!important;font-size:14px;display:flex;align-items:center;justify-content:center;padding:0 8px}.excel-export-modal .download-history-button:hover{background-color:#00aeef!important;border-color:#00aeef!important}.excel-export-modal .ant-divider-inner-text{color:#595959;font-size:14px;font-weight:500}.custom-table-container{width:100%;position:relative}.custom-table-container .ant-table-wrapper,.custom-table-container .ant-table-content,.custom-table-container .ant-table-body{display:block;width:100%;border:1px solid #e8e8e8;border-radius:8px;margin-bottom:20px}.custom-table-scroll-container,.scrollable-table-container{width:100%;overflow-x:scroll;overflow-y:hidden;display:block;scrollbar-width:auto;scrollbar-color:#bdbdbd #f5f5f5}.custom-table-scroll-container::-webkit-scrollbar,.scrollable-table-container::-webkit-scrollbar{height:12px;display:block;background-color:#f5f5f5}.custom-table-scroll-container::-webkit-scrollbar-thumb,.scrollable-table-container::-webkit-scrollbar-thumb{background-color:#bdbdbd;border-radius:10px;border:2px solid #f5f5f5}.custom-table-scroll-container::-webkit-scrollbar-thumb:hover,.scrollable-table-container::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e}.custom-table,.custom-table .ant-table-container,.custom-table .ant-table-body{display:block}.custom-table .ant-table-content>table{min-width:100%;width:max-content}.custom-table .ant-table-cell{padding:6px 10px!important;height:50px!important;vertical-align:middle!important;font-size:13px!important;line-height:1.4!important;overflow:hidden;text-overflow:ellipsis;color:#000000d9!important;font-weight:400!important;white-space:nowrap}.custom-table .ant-table-cell-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-table.compact-mode .ant-table-cell{padding:4px 8px!important;height:auto!important;min-height:40px!important;font-size:12px!important}.custom-table.compact-mode .ant-table-thead>tr>th{height:40px!important;font-size:12px!important;padding:4px 8px!important}.custom-table .ant-table-thead>tr>th{height:45px!important;vertical-align:middle!important;font-weight:600!important;font-size:13px!important;line-height:1.4!important;padding:6px 10px!important;background-color:#fafafa!important;border-bottom:1px solid #f0f0f0!important;color:#000000d9!important}.custom-table .auto-fit-column{width:auto!important;min-width:10px!important;white-space:normal!important;word-break:break-word!important}.custom-table .column-monospace.auto-fit-column{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace!important;font-size:12px!important;white-space:normal!important;word-break:break-word!important;overflow-wrap:anywhere!important}.custom-table .ant-table-cell{white-space:normal!important;word-break:break-word!important}.custom-table .ant-table-thead>tr>th,.custom-table .ant-table-tbody>tr>td{border-right:none}.custom-table .ant-table-thead>tr>th{background-color:#fafafa;font-weight:600;color:#000000d9}.clickable-cell{cursor:pointer;color:#1890ff;text-decoration:none;font-weight:400!important}.clickable-cell:hover{text-decoration:underline}.red{color:red!important}.detail-table{margin-top:16px;overflow-x:auto}.detail-table .ant-table-thead>tr>th{background-color:#f0f5ff;text-align:center;padding:12px 16px;font-weight:600!important;font-size:14px!important;line-height:1.5!important;color:#000000d9!important;font-weight:400!important}.detail-table .ant-table-tbody>tr>td{padding:12px 16px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px!important;line-height:1.5!important;color:#000000d9!important;font-weight:400!important}.detail-table .ant-table-tbody>tr:last-child>td{border-bottom:none}.detail-table .ant-table-tbody>tr:hover>td{background-color:#e6f7ff}.ant-modal-content{border-radius:8px;overflow:hidden}.ant-modal-header{background-color:#f0f5ff;padding:16px 24px;border-bottom:1px solid #e8e8e8}.ant-modal-title{color:#1890ff;font-weight:600!important;font-size:16px!important;line-height:1.5!important}.ant-modal-body{padding:20px}.ant-modal-footer{border-top:1px solid #e8e8e8;padding:12px 24px}.detail-table .ant-table-tbody>tr{height:55px}.detail-table .ant-table{border:1px solid #e8e8e8;border-radius:4px}.detail-modal .ant-modal-content{border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000026}.detail-modal .ant-modal-header{background-color:#f8f8f8;padding:16px 24px;border-bottom:1px solid #e8e8e8}.detail-modal .ant-modal-title{color:#1890ff;font-weight:600;font-size:16px}.detail-modal .ant-modal-body{padding:16px}.detail-modal .ant-modal-footer{border-top:1px solid #e8e8e8;padding:12px 24px}.detail-table .ant-table-container{border-radius:4px;overflow:hidden}.detail-table .ant-table-thead>tr>th,.detail-table .ant-table-tbody>tr>td{border-right:none}.detail-table .ant-table-thead>tr>th:last-child,.detail-table .ant-table-tbody>tr>td:last-child{border-right:none}.detail-table .ant-table-tbody>tr:nth-child(odd)>td{background-color:#fff}.detail-table .ant-table-tbody>tr:nth-child(2n)>td{background-color:#f9f9f9}.detail-table .ant-table-tbody>tr:hover>td{background-color:#e6f7ff!important}.modal-stats{display:flex;gap:24px;padding:12px 0}.modal-stats .stat-item{display:flex;align-items:center}.modal-stats .stat-label{margin-right:8px;color:#000000a6;font-size:14px!important;line-height:1.5!important}.modal-stats .stat-value{font-weight:600;color:#1890ff;font-size:14px!important;line-height:1.5!important}.ant-badge-count{font-weight:700!important;font-size:11px!important;box-shadow:0 0 0 1.5px #fff!important;padding:0 5px!important;height:20px!important;min-width:20px!important;line-height:20px!important;border-radius:10px!important;background-color:#ff3b30!important;z-index:10!important}.ant-table-cell-fix-left,.ant-table-cell-fix-right{z-index:20!important}.ant-table-header{z-index:30!important}.no-badge-cell .ant-badge{display:none}.custom-table.ant-table-wrapper .ant-table-container,.detail-table.ant-table-wrapper .ant-table-container{border:1px solid #f0f0f0;border-radius:8px;overflow:hidden}.custom-table .ant-table-thead>tr>th,.detail-table .ant-table-thead>tr>th{background-color:#fafafa!important;color:#000000d9;font-weight:600;border-bottom:1px solid #f0f0f0;padding:12px 16px;text-align:left}.custom-table .ant-table-tbody>tr:nth-child(2n)>td,.detail-table .ant-table-tbody>tr:nth-child(2n)>td{background-color:#fafafa}.custom-table .ant-table-tbody>tr:hover>td,.detail-table .ant-table-tbody>tr:hover>td{background-color:#e6f7ff!important}.custom-table .ant-table-tbody>tr>td,.detail-table .ant-table-tbody>tr>td{padding:12px 16px!important;border-right:none!important;border-bottom:1px solid #e8e8e8!important}.modal-stats{display:flex;gap:24px;padding:16px;background-color:#f5f5f5;border-radius:4px;margin-top:16px}.stat-item{display:flex;align-items:center}.stat-label{margin-right:8px;color:#000000a6;font-weight:500}.stat-value{font-weight:600;color:#1890ff}.modal-pagination-row{margin-top:16px}.page-size-input{width:80px}.go-to-page-input{width:60px}.custom-table .badge-wrapper{position:relative;display:inline-flex;align-items:center}.ant-pagination-item-active{border-color:#1890ff;background-color:#1890ff}.ant-pagination-item-active a{color:#fff!important}.ant-pagination-item:hover{border-color:#1890ff}.ant-pagination-item:hover a{color:#1890ff}.custom-table .ant-table-header,.detail-table .ant-table-header{background:#fafafa;position:sticky;top:0;z-index:2}.custom-badge{position:absolute!important;right:-10px!important;top:-12px!important;z-index:100!important}.cell-content-wrapper{position:relative;display:inline-flex;align-items:center}.ant-table-cell:has([data-column-title="Thao tác"]) .custom-badge{display:none!important}.ant-table-thead .custom-badge,th .custom-badge{display:none!important}.detail-table .custom-badge{display:none}.custom-table .ant-table-cell.column-monospace,.detail-table .ant-table-cell.column-monospace{overflow-wrap:break-word!important;word-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important;padding:8px 12px!important}.ant-table-cell[data-column-title=IP],.ant-table-cell[data-column-title=FP]{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace!important;font-size:13px!important;color:#000000d9!important;font-weight:400!important}.custom-table .ant-table-row,.detail-table .ant-table-row{height:60px!important}.custom-table .ant-table-cell,.detail-table .ant-table-cell{padding:12px 16px!important;height:60px!important;vertical-align:middle!important;font-size:14px!important;line-height:1.5!important;overflow:hidden;text-overflow:ellipsis;color:#000000d9!important;font-weight:400!important}.custom-table .ant-table-thead>tr>th,.detail-table .ant-table-thead>tr>th{height:55px!important;vertical-align:middle!important;font-weight:600!important;font-size:14px!important;line-height:1.5!important;background-color:#fafafa!important;border-bottom:1px solid #f0f0f0!important}.custom-table .ant-table-cell[style*="align: right"],.detail-table .ant-table-cell[style*="align: right"]{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.custom-table .ant-table-tbody>tr:nth-child(odd)>td,.detail-table .ant-table-tbody>tr:nth-child(odd)>td{background-color:#fff}.custom-table .ant-table-tbody>tr:nth-child(2n)>td,.detail-table .ant-table-tbody>tr:nth-child(2n)>td{background-color:#f9f9f9}.custom-table .ant-table-tbody>tr:hover>td,.detail-table .ant-table-tbody>tr:hover>td{background-color:#e6f7ff!important;transition:background-color .3s ease}.custom-table .ant-table-cell,.detail-table .ant-table-cell{color:#000000d9!important;font-weight:400!important}.ant-table-cell[data-column-title=IP],.ant-table-cell[data-column-title=FP]{color:#000000d9!important}.ant-table-cell[data-column-title="Tài khoản"] .clickable-cell,.ant-table-cell[data-column-title="Chủ tài khoản"] .clickable-cell,.ant-table-cell[data-column-title=IP] .clickable-cell,.ant-table-cell[data-column-title=FP] .clickable-cell{font-weight:400!important}.custom-table .ant-table-cell a:not(.clickable-cell),.detail-table .ant-table-cell a:not(.clickable-cell){color:#000000d9!important;font-weight:400!important}.custom-table .ant-table-tbody>tr>td,.detail-table .ant-table-tbody>tr>td{font-weight:400!important}.custom-table .ant-table-cell[data-column-title=IP] a,.custom-table .ant-table-cell[data-column-title=FP] a,.detail-table .ant-table-cell[data-column-title=IP] a,.detail-table .ant-table-cell[data-column-title=FP] a{color:#1890ff;font-weight:400}.custom-table .ant-table-cell[data-column-title="Tài khoản"] a,.custom-table .ant-table-cell[data-column-title="Chủ tài khoản"] a,.detail-table .ant-table-cell[data-column-title="Tài khoản"] a,.detail-table .ant-table-cell[data-column-title="Chủ tài khoản"] a{color:#1890ff!important;font-weight:400!important}.custom-table .ant-table-thead>tr>th,.detail-table .ant-table-thead>tr>th{color:#000000d9!important;font-weight:600!important}.column-settings-modal .ant-modal-body{padding:16px}.column-settings-list{max-height:400px;overflow-y:auto;margin-top:16px}.column-settings-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin:4px 0;background-color:#fff;border-radius:4px;border:1px solid #f0f0f0;transition:all .2s}.column-settings-item:hover{background-color:#f5f5f5}.column-settings-item .drag-handle{cursor:grab;margin-right:10px;color:#999}.column-settings-item.pinned{background-color:#e6f7ff;border-color:#91d5ff}.column-item-content{display:flex;align-items:center}.column-title{font-size:14px;color:#000000d9}.column-settings-button{margin-left:8px;padding:6px 12px!important;height:40px!important;display:flex!important;align-items:center;justify-content:center;gap:8px}.column-settings-button:hover{transform:none!important;box-shadow:none!important;background-color:inherit!important}.column-settings-modal .fit-width-option{margin-top:10px;padding:10px;background-color:#f9f9f9;border-radius:4px;border:1px solid #f0f0f0}.column-settings-item.pinned-left{background-color:#e6f7ff;border-left:3px solid #1890ff}.column-settings-item.pinned-right{background-color:#f6ffed;border-left:3px solid #52c41a}.column-settings-item.hidden-column{background-color:#f5f5f5;border-left:3px solid #d9d9d9;opacity:.7}.column-settings-item.hidden-column .column-title{color:#8c8c8c;text-decoration:line-through;font-style:italic}.column-settings-item.hidden-column:hover{background-color:#f0f0f0}.ant-table-cell-fix-left{z-index:20!important;box-shadow:6px 0 6px -4px #0000001a!important}.ant-table-cell-fix-right{z-index:19!important;box-shadow:-6px 0 6px -4px #0000001a!important}.ant-table-measure-row{height:0!important;visibility:hidden!important;pointer-events:none!important;display:none!important}tr.ant-table-measure-row>td{padding:0!important;border:0!important;height:0!important}.custom-table tr.ant-table-measure-row,.detail-table tr.ant-table-measure-row{border:none!important;margin:0!important}.custom-table .ant-table-tbody tr.ant-table-measure-row,.detail-table .ant-table-tbody tr.ant-table-measure-row{background-color:transparent!important}.custom-table .ant-badge .ant-scroll-number-only-unit.current{color:#fff!important}.custom-table .custom-source-col{width:70px}.custom-table .custom-create-time-col,.custom-table .custom-update-time-col,.custom-table .custom-customer-name-col{width:150px}.custom-table .custom-referral-col,.custom-table .custom-merchant-col,.custom-table .custom-sub-merchant-col,.custom-table .custom-level-col,.custom-table .custom-promotion-col{width:80px}.custom-table .custom-last-deposit-col{width:70px}.custom-table .custom-reward-col{width:80px}.custom-table .custom-order-no-col{width:120px}.custom-table .custom-bank-col{max-width:120px}.custom-table .custom-bank-col span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-table .custom-card-number-col{width:130px}.custom-table .custom-card-holder-col{max-width:200px;min-width:150px}.custom-table .custom-ip-col,.custom-table .custom-fp-col{max-width:120px}.custom-table .custom-staff-col,.custom-table .custom-status-col{width:80px}.custom-table .custom-action-col{width:120px}.custom-table .custom-promotion-code-col,.custom-table .custom-usage-col{width:80px}.column-settings-modal .ant-btn-primary{background:#00aeef!important;border-color:#00aeef!important}.column-settings-modal .ant-btn-primary:hover,.column-settings-modal .ant-btn-primary:focus{background:#0095cf!important;border-color:#0095cf!important}.pagination-control{margin:16px 0;width:100%}.pagination-container{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.pagination-size-selector{display:flex;align-items:center}.page-size-select{min-width:110px!important;text-align:center;border-radius:6px;box-shadow:0 2px 5px #0000000d}.page-size-select .ant-select-selector{border-radius:6px!important;height:32px!important;display:flex!important;align-items:center!important;border:1px solid #e0e0e0!important;background-color:#fff!important;transition:all .3s ease!important}.page-size-select:hover .ant-select-selector{border-color:#1890ff!important}.page-size-select .ant-select-selection-item{font-weight:400!important;text-align:center!important;padding-right:24px!important}.pagination-total{color:#000000a6;font-size:14px;white-space:nowrap;flex-grow:1}.pagination-navigation{display:flex;justify-content:flex-end;flex-grow:1}.pagination-control .ant-pagination-item{border-radius:4px;font-weight:500;border:1px solid #e0e0e0;transition:all .2s ease;height:32px;min-width:32px;line-height:30px;background-color:#fff}.pagination-control .ant-pagination-item:hover{border-color:#1890ff;color:#1890ff;z-index:1;box-shadow:0 0 5px #1890ff4d}.pagination-control .ant-pagination-item-active{border-color:#1890ff;background-color:#1890ff;font-weight:600;z-index:2;box-shadow:0 2px 8px #1890ff59}.pagination-control .ant-pagination-item-active a,.pagination-control .ant-pagination-item-active:hover a{color:#fff}.pagination-control .ant-pagination-prev,.pagination-control .ant-pagination-next{border-radius:4px;border:1px solid #e0e0e0;transition:all .2s ease;height:32px;min-width:32px;line-height:32px;background-color:#fff}.pagination-control .ant-pagination-prev:hover,.pagination-control .ant-pagination-next:hover{border-color:#1890ff;color:#1890ff;z-index:1;box-shadow:0 0 5px #1890ff4d}.pagination-control .ant-pagination-prev button,.pagination-control .ant-pagination-next button{display:flex;align-items:center;justify-content:center;height:100%;font-size:13px}.pagination-control .ant-select-selector{cursor:pointer!important}.pagination-control .ant-select-selection-search{pointer-events:none!important}.pagination-control .ant-select-selection-search-input{cursor:pointer!important}.pagination-control .ant-select-selection-item{-webkit-user-select:none!important;user-select:none!important}.pagination-control .ant-pagination-jump-prev,.pagination-control .ant-pagination-jump-next{color:#00000040}.pagination-control .ant-pagination-jump-prev:hover,.pagination-control .ant-pagination-jump-next:hover{color:#1890ff}.pagination-control .ant-pagination-options-quick-jumper{margin-left:16px}.pagination-control .ant-pagination-options-quick-jumper input{border-radius:4px;transition:all .3s;height:32px;border:1px solid #e0e0e0}.pagination-control .ant-pagination-options-quick-jumper input:hover,.pagination-control .ant-pagination-options-quick-jumper input:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}@media (max-width: 768px){.pagination-container{flex-direction:column;align-items:flex-start;gap:12px}.pagination-navigation{width:100%;justify-content:center;margin-top:8px}.pagination-total{order:-1}}@media (max-width: 576px){.pagination-control .ant-pagination-item{margin:0 2px;min-width:28px;height:28px;line-height:26px}.pagination-control .ant-pagination-prev,.pagination-control .ant-pagination-next{min-width:28px;height:28px;line-height:28px}}.filter-panel{background-color:#fff;padding:24px;border-radius:8px;margin-bottom:16px;box-shadow:0 1px 2px #00000008}.filter-form{width:100%}.filter-form .ant-form-item{margin-bottom:16px}.filter-panel .ant-input-affix-wrapper{border:1px solid #d9d9d9!important;border-radius:6px!important;height:40px!important;background-color:#fff!important;transition:all .3s;display:flex;align-items:center}.filter-panel .ant-input-affix-wrapper:hover{border-color:#00aeef!important;box-shadow:0 0 0 2px #4e54c81a!important}.filter-panel .ant-input-affix-wrapper-focused,.filter-panel .ant-input-affix-wrapper:focus{border-color:#00aeef!important;box-shadow:0 0 0 2px #4e54c81a!important}.filter-panel .ant-input{background-color:transparent!important;height:100%!important;color:#000000d9!important;font-size:14px!important}.filter-panel .ant-input-prefix{color:#00000073;margin-right:8px;font-size:16px}.filter-panel .ant-picker{width:100%;border:1px solid #d9d9d9!important;border-radius:6px!important;height:40px!important;background-color:#fff!important}.filter-panel .ant-picker:hover,.filter-panel .ant-picker-focused{border-color:#00aeef!important;box-shadow:0 0 0 2px #4e54c81a!important}.filter-panel .ant-btn{height:40px;padding:0 20px;border-radius:6px;font-size:14px;display:flex;align-items:center;justify-content:center}.filter-panel .ant-btn-primary{background:linear-gradient(180deg,#00aeef,#00aeef)!important;border:none!important;color:#fff!important}.filter-panel .ant-btn-primary:hover{opacity:.9;box-shadow:0 2px 8px #4e54c833}.filter-panel .ant-btn>.anticon{font-size:16px;margin-right:8px}.filter-panel .ant-btn-default{border:1px solid #d9d9d9;background:#fff;color:#000000a6}.filter-panel .ant-btn-default:hover{border-color:#00aeef;color:#00aeef}.filter-panel .ant-form-item-label>label{color:#000000d9!important;font-weight:500;font-size:14px}@media (max-width: 768px){.filter-panel{padding:16px}.filter-form .ant-form-item{margin-bottom:12px}}.filter-panel input.ant-input{color:#000000d9!important}.filter-panel input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px white inset!important;-webkit-text-fill-color:rgba(0,0,0,.85)!important}.filter-panel .ant-input,.filter-panel .ant-input-affix-wrapper .ant-input{color:#000!important}.filter-panel .ant-input::placeholder{color:#00000073!important}.filter-panel .ant-picker{width:100%}.filter-panel .ant-picker-input>input{color:#000!important}.filter-panel .ant-picker-input>input::placeholder{color:#00000073!important}.filter-panel .ant-input-affix-wrapper>input.ant-input{color:#000!important}.filter-panel .ant-input[disabled],.filter-panel .ant-picker-input>input[disabled]{color:#00000040!important}.items-center .ant-input,.items-center .ant-input-prefix{display:flex;align-items:center}.filter-panel button[type=submit]{background:#00aeef!important;border-color:#00aeef!important}.filter-panel button[type=submit]:hover,.filter-panel button[type=submit]:focus,.filter-panel button[type=submit]:active{background:#0095cf!important;border-color:#0095cf!important;opacity:.95}.custom-table .ant-table-thead>tr>th{background:#f8f9fc!important;color:#6366f1;font-weight:500;padding:12px 16px;border-bottom:none}.custom-table .ant-table-tbody>tr>td{padding:12px 16px;border-bottom:1px solid #f1f5f9}.custom-table .ant-table-tbody>tr{background:#fff}.custom-table .ant-table-tbody>tr:hover>td{background:#f8f9fc!important}.action-button{transition:all .3s ease}.action-button.approve:hover{background:#667eea20}.action-button.reject:hover{background:#ff4d4f20}.browse-offers-container{padding:0;background-color:#f0f2f5;min-height:100vh}.search-form{margin-bottom:24px}.ant-table-filter-trigger{color:#4a5568}.ant-table-filter-trigger.active{color:#667eea}@media screen and (max-width: 768px){.browse-offers-container{padding:0}.search-form{flex-direction:column;gap:12px}.ant-table{font-size:14px}}.filter-section{margin-bottom:16px;padding:16px;background-color:#fff;border-radius:4px}.filter-row{display:flex;flex-wrap:wrap;margin-bottom:16px}.filter-table{margin-bottom:16px}.filter-table .ant-table{background:#fff}.filter-table .ant-table-thead>tr>th{background:#f8f9fc!important;color:#6366f1;font-weight:500;padding:12px 16px;border-bottom:none}.filter-table .ant-table-tbody>tr>td{padding:12px 16px;border-bottom:none}.filter-table .ant-table-tbody>tr{background:#fff}.filter-table .ant-input{border-radius:4px}.date-range-section{display:flex;justify-content:flex-end;padding:8px 0}.ant-btn-primary{background:#6366f1;border-color:#6366f1}.ant-btn-primary:hover{background:#4f46e5;border-color:#4f46e5}.ant-card-head-title{color:#6366f1;font-weight:500}.ant-table-filter-dropdown{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000026}.ant-table-filter-dropdown .ant-dropdown-menu{border-radius:8px}.ant-table-filter-dropdown .ant-dropdown-menu-item{color:#374151;padding:8px 12px}.ant-table-filter-dropdown .ant-dropdown-menu-item:hover{background:#f8f9fc;color:#6366f1}.status-button{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:500}.status-success{background:#dcfce7;color:#16a34a;border:1px solid #86efac}.status-error{background:#fee2e2;color:#dc2626;border:1px solid #fca5a5}.custom-card{background:#fff;box-shadow:0 1px 2px #00000008;border-radius:8px;box-shadow:0 1px 2px #0000000d}.custom-table .ant-table-thead>tr>th{background-color:#f5f7fa;color:#333;font-weight:500;text-align:left;padding:12px 16px}.custom-table .ant-table-tbody>tr:hover>td{background-color:#f5f5f5}.column-highlight{color:#1890ff;font-weight:500}.column-monospace{font-family:monospace}.level-tag{padding:2px 8px;border-radius:4px;font-size:12px}.level-vàng{background:#fffbe6;color:#faad14;border:1px solid #ffe58f}.custom-table .ant-btn-sm{min-width:60px}.custom-summary{background:#fafafa;font-weight:500}.custom-summary td{padding:16px!important}.custom-pagination{margin-top:16px;text-align:right}@media (max-width: 768px){.filter-section{padding:12px}.custom-table .ant-table-thead>tr>th,.custom-table .ant-table-tbody>tr>td{padding:8px 12px}}.custom-table .ant-table-column-sorter-up.active,.custom-table .ant-table-column-sorter-down.active{color:#1890ff}.custom-table .ant-table-thead>tr>th .ant-table-filter-icon,.custom-table .ant-table-thead>tr>th .ant-table-column-sorter{display:none!important}.locked-row{background-color:#f5f5f5}.custom-table .ant-table-cell{color:#333}.custom-table .ant-tag{border-radius:4px;padding:2px 8px;font-size:12px}.custom-table .ant-btn-circle{border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.custom-card .ant-card-head-title{color:#00aeef;font-weight:500;font-size:18px}.promotion-search-container{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 10px #0000000d;border:1px solid #f0f0f0;transition:all .3s ease}.promotion-search-container:hover{box-shadow:0 4px 12px #0000001a}.promotion-search-title{margin-bottom:16px;color:#00aeef;font-weight:500;font-size:16px;display:flex;align-items:center}.promotion-search-title svg{margin-right:8px;font-size:18px}.promotion-search-input{border-radius:6px!important;border:1px solid #d9d9d9!important;box-shadow:none!important;transition:all .3s!important;background-color:#f9f9f9!important;resize:none!important}.promotion-search-input:hover,.promotion-search-input:focus{border-color:#1890ff!important;box-shadow:0 0 0 2px #1890ff33!important;background-color:#fff!important}.promotion-search-input::placeholder{color:#bfbfbf}.promotion-search-button{height:40px!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:500!important;transition:all .3s!important}.promotion-search-button-primary{background:#00aeef!important;border-color:#00aeef!important;color:#fff!important}.promotion-search-button-primary:hover,.promotion-search-button-primary:focus{background:#0095cf!important;border-color:#0095cf!important}.promotion-search-button-default{border-color:#d9d9d9!important}.promotion-search-button-default:hover{color:#1890ff!important;border-color:#1890ff!important}.promotion-search-tip{margin-top:8px;color:#8c8c8c;font-size:12px;line-height:1.5}@media screen and (max-width: 768px){.promotion-search-container{padding:16px}.promotion-search-buttons{margin-top:12px;display:flex;width:100%}.promotion-search-button{flex:1}}@keyframes pulse{0%{box-shadow:0 0 #1890ff66}70%{box-shadow:0 0 0 10px #1890ff00}to{box-shadow:0 0 #1890ff00}}.promotion-search-button-primary:focus{animation:pulse 1.5s infinite}.browse-offers-container .duplicate-ip-row>td{background-color:#ffcce6!important}.browse-offers-container .duplicate-fp-row>td{background-color:#fffbe6!important}.browse-offers-container .duplicate-banker-row>td{background-color:#ff7f7f!important}.browse-offers-container .duplicate-ip-fp-row>td{background-color:#e6f4ff!important}.browse-offers-container .fake-ip-row>td{background-color:#f5f5f5!important}.browse-offers-container .duplicate-ip-row:hover>td{background-color:#ffb3d9!important}.browse-offers-container .duplicate-fp-row:hover>td{background-color:#fff8d9!important}.browse-offers-container .duplicate-ip-fp-row:hover>td{background-color:#d4ebff!important}.browse-offers-container .locked-text-row>td{color:#f5222d;font-weight:700!important}.color-legend-container{margin-top:16px;padding:12px;background-color:#fff;border-radius:4px;border:1px solid #f0f0f0}.browse-offers-container .custom-table{overflow-x:auto!important;display:block;width:100%;margin-bottom:16px}.browse-offers-container .ant-table-wrapper{overflow-x:auto!important;display:block;width:100%}.browse-offers-container .ant-table-container{overflow-x:auto!important;display:block}.browse-offers-container .ant-table-body{overflow-x:auto!important;min-width:auto!important}.browse-offers-container ::-webkit-scrollbar{height:10px!important;background-color:#f5f5f5}.browse-offers-container ::-webkit-scrollbar-thumb{background-color:#bdbdbd;border-radius:10px;border:2px solid #f5f5f5}.browse-offers-container ::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e}.browse-offers-legend{margin-top:16px;padding:8px 12px;background-color:#fff;border-radius:6px;border:1px solid #e8e8e8;box-shadow:0 1px 2px #0000000d}.browse-offers-legend .color-legend-container{margin-top:0;padding:0;border:none;background:transparent}.browse-offers-legend .ant-typography{margin-bottom:8px!important}.browse-offers-legend .color-legend-container div:hover{background-color:#f9f9f9;border-radius:4px}.modal-custom .ant-modal-content{border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0000001a;max-height:fit-content;display:flex;flex-direction:column}.modal-custom .ant-modal-close{position:absolute;top:30px;right:30px;z-index:10;color:#fff!important}.modal-custom .ant-modal-close:hover{color:#ffffffd9!important}.modal-custom .ant-modal-close-x{display:flex;align-items:center;justify-content:center;height:100%;width:100%;font-size:18px;line-height:1}.modal-custom.has-gradient-header .ant-modal-close{color:#fff!important}.modal-custom:not(.has-gradient-header) .ant-modal-close{color:#fff!important;background-color:transparent}.modal-custom:not(.has-gradient-header) .ant-modal-close:hover{color:#ffffffd9!important;background-color:transparent}.modal-custom .ant-modal-header{padding:20px 24px;background:#e6f7ff;border-bottom:1px solid #b3eaff;flex-shrink:0;position:relative}.modal-custom .ant-modal-content .ant-modal-header{position:relative}.modal-custom.no-blue-background .ant-tabs-nav{margin-top:0;margin-bottom:20px;border-bottom:1px solid #f0f0f0;background-color:transparent}.modal-custom .ant-modal-body{padding-top:0!important;overflow-y:visible;scrollbar-width:thin;scrollbar-color:#d9d9d9 #f5f5f5}.modal-custom .ant-tabs-nav{margin-bottom:16px}.modal-custom .ant-modal-body::-webkit-scrollbar{width:6px}.modal-custom .ant-modal-body::-webkit-scrollbar-track{background:#f5f5f5;border-radius:10px}.modal-custom .ant-modal-body::-webkit-scrollbar-thumb{background-color:#d9d9d9;border-radius:10px;border:2px solid #f5f5f5}.modal-custom .ant-modal-body::-webkit-scrollbar-thumb:hover{background-color:#bfbfbf}.modal-custom .ant-modal-footer{border-top:1px solid #f0f0f0;padding:12px 24px;flex-shrink:0}.modal-custom .ant-modal-title{font-weight:600}.modal-custom .ant-form-item-label>label{color:#000000d9!important;font-weight:400!important;font-size:14px!important;line-height:22px!important;height:22px!important;margin-bottom:0!important;padding:0!important;display:block!important}.modal-custom .ant-form-item-required:before{color:#ff4d4f!important}.modal-custom .ant-input{border:1px solid #d9d9d9;border-radius:4px;height:40px}.modal-custom .ant-input-affix-wrapper,.modal-custom .ant-input-outlined.ant-input-password,.modal-custom [class*=ant-input-affix-wrapper],.modal-custom span[class*=ant-input-password]{padding:0 8px 0 11px!important;border:1px solid #d9d9d9!important;border-radius:6px!important;height:40px!important;display:flex!important;align-items:center!important;background-color:#fff!important;transition:all .2s ease!important;box-sizing:border-box!important;position:relative!important}.modal-custom .ant-input-affix-wrapper .ant-input,.modal-custom [class*=ant-input-affix-wrapper] .ant-input,.modal-custom [class*=ant-input-password] input{border:none!important;height:38px!important;outline:none!important;box-shadow:none!important;background-color:transparent!important;padding-right:24px!important}.modal-custom .ant-input-affix-wrapper:hover,.modal-custom [class*=ant-input-affix-wrapper]:hover,.modal-custom [class*=ant-input-password]:hover{border-color:#40a9ff!important;background-color:#fff!important}.modal-custom .ant-input-affix-wrapper:focus,.modal-custom .ant-input-affix-wrapper-focused,.modal-custom [class*=ant-input-affix-wrapper]:focus,.modal-custom [class*=ant-input-affix-wrapper-focused],.modal-custom [class*=ant-input-password]:focus,.modal-custom [class*=ant-input-password-focused]{border:1px solid #00AEEF!important;box-shadow:0 0 0 2px #00aeef2e!important;background-color:#fff!important}.modal-custom .ant-input:focus,.modal-custom .ant-input-focused{border-color:#00aeef!important;box-shadow:0 0 0 2px #00aeef2e!important}.modal-custom .password-form-item .ant-form-item-label{margin-bottom:8px}.modal-custom .password-form-item .ant-form-item-explain-error{font-size:12px;margin-top:4px;color:#ff4d4f}.modal-custom .password-error-alert{margin-bottom:20px!important;border-radius:8px!important;border:1px solid #ff4d4f!important;background-color:#fff2f0!important;box-shadow:0 2px 6px #ff4d4f26}.modal-custom .password-error-alert .ant-alert-message{color:#cf1322;font-weight:500}.modal-custom .password-error-alert .ant-alert-description{color:#ff4d4f}.modal-custom .ant-btn{border-radius:4px}.modal-custom .ant-btn-primary{background:#00aeef!important;border-color:#00aeef!important}.modal-custom .ant-btn-primary:hover,.modal-custom .ant-btn-primary:focus{background:#0095cf!important;border-color:#0095cf!important}.modal-custom .btn-gradient{background:linear-gradient(to right,#00aeef,#00aeef)!important;border-color:#00aeef!important;color:#fff;font-weight:500;box-shadow:0 4px 6px #00aeef2e}.modal-custom .btn-gradient:hover{background:linear-gradient(to right,#00aeef,#00aeef)!important;border-color:#00aeef!important;box-shadow:0 6px 8px #00aeef38}.modal-custom .ant-tabs-tab{padding:12px;font-size:14px}.modal-custom .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#00aeef!important;font-weight:500}.modal-custom .ant-tabs-ink-bar{background-color:#00aeef!important}.modal-custom .ant-input-suffix,.modal-custom [class*=ant-input-suffix]{position:absolute!important;right:2px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important;width:24px!important}.modal-custom .anticon.ant-input-password-icon,.modal-custom .anticon.anticon-eye,.modal-custom .anticon.anticon-eye-invisible{color:#00000073!important;font-size:16px!important;padding:1!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.modal-custom .ant-input-affix-wrapper input,.modal-custom [class*=ant-input-affix-wrapper] input,.modal-custom .ant-input-password input,.modal-custom [class*=ant-input-password] input{color:#000!important;font-weight:500!important;caret-color:#000!important;-webkit-text-fill-color:#000000!important}.modal-custom .ant-input-affix-wrapper input::placeholder,.modal-custom [class*=ant-input-affix-wrapper] input::placeholder,.modal-custom .ant-input-password input::placeholder,.modal-custom [class*=ant-input-password] input::placeholder{color:#00000073!important;-webkit-text-fill-color:rgba(0,0,0,.45)!important}.user-form .ant-form-item-label>label,.password-form-item .ant-form-item-label>label{color:#000!important;font-weight:500!important;margin-bottom:0!important;display:block!important;height:22px!important;line-height:22px!important}.profile-form-item .ant-form-item-label{padding-bottom:2px!important}.password-form-item .ant-form-item-label{padding-bottom:2px!important}.modal-custom .ant-form-item-label{padding:0!important;margin-bottom:4px!important}.modal-custom .ant-form-item-control{line-height:1!important}.modal-custom .ant-form-vertical .ant-form-item-row{display:flex!important;flex-direction:column!important}.modal-custom .ant-form-item-label>label{height:22px!important}.logout-modal .ant-modal-content{border-radius:12px;padding:0}.logout-modal .ant-modal-header{border-radius:12px 12px 0 0;background:#f8f9fc;padding:16px 24px;border-bottom:1px solid #e6e9f0}.logout-title{display:flex;align-items:center;gap:8px}.logout-title-icon{color:#00aeef;font-size:20px}.logout-title-text{color:#1a1a1a;font-size:16px;font-weight:500}.logout-content{padding:24px;text-align:center;font-size:16px;color:#4a5568}.logout-modal .ant-modal-footer{margin-top:0;padding:16px 24px;border-top:1px solid #e6e9f0;display:flex;justify-content:center;gap:12px}.logout-modal .ant-btn{height:40px;padding:0 24px;font-size:14px;font-weight:500;border-radius:8px;min-width:100px}.logout-cancel-button{border:1px solid #e6e9f0;color:#4a5568;background:#fff}.logout-cancel-button:hover{color:#00aeef!important;border-color:#00aeef!important}.logout-ok-button{background:#00aeef;border-color:#00aeef}.logout-ok-button:hover{background:#00aeef!important;border-color:#00aeef!important}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--text-light: rgba(255, 255, 255, .85);--text-dark: #333;--bg-light: #f5f5f5;--bg-white: #fff;color-scheme:only light!important;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-xs: 12px;--font-sm: 14px;--font-md: 16px;--font-lg: 18px;--font-xl: 20px;--font-xxl: 24px;--mobile-width: 480px;--tablet-width: 768px;--desktop-width: 1024px;--large-desktop-width: 1200px;--sidebar-width: 250px;--sidebar-collapsed-width: 80px;--header-height: 100px;--mobile-header-height: 70px}@media (prefers-color-scheme: dark){:root{--bg-light: #f5f5f5 !important;--bg-white: #fff !important;--text-dark: #333 !important;color-scheme:only light!important}.ant-table-thead>tr>th{background-color:#f5f5f5!important;color:#333!important}.ant-table-tbody>tr>td{background-color:#fff!important;color:#333!important}.ant-input,.ant-select-selection-item,.ant-select-selection-placeholder,.ant-picker-input>input{color:#333!important;background-color:#fff!important}.ant-input::placeholder{color:#00000073!important}}:root{--mobile: (max-width: 480px);--tablet: (min-width: 481px) and (max-width: 768px);--desktop: (min-width: 769px) and (max-width: 1024px);--large-desktop: (min-width: 1025px)}.staff-tabs .ant-tabs-nav{margin-bottom:16px}.staff-tabs .ant-tabs-tab{padding:12px;margin-right:8px;transition:all .3s}.staff-tabs .ant-tabs-tab-active{background-color:#1890ff0d;border-radius:8px}.staff-tabs .ant-tabs-tab:hover{color:#1890ff}.staff-tabs .ant-tabs-tab .anticon{margin-right:8px}.staff-tabs .ant-tabs-ink-bar{background-color:#1890ff}.admin-container{min-height:100vh;background:var(--bg-light);color-scheme:only light}.admin-sidebar{background:#1a1a1a 0%;box-shadow:4px 0 10px #0000001a;position:fixed!important;height:100vh;z-index:999;top:0;left:0;overflow-y:auto;overflow-x:hidden;color-scheme:only light}.admin-container *,.admin-sidebar *,.admin-content *{color-scheme:only light!important}.admin-header{height:64px;padding:16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff1a;cursor:pointer;transition:background .3s}.admin-header:hover{background:#fff3}.main-header{background:#fff;box-shadow:0 1px 4px #0000000d;border-bottom:1px solid #f0f0f0}.admin-logo{width:100px;height:auto;display:block;margin:0 auto}.admin-title{font-size:16px;font-weight:600;color:#fff}.admin-menu-container{height:calc(100vh - 104px);overflow-y:auto}.admin-menu{border-right:none!important;background:transparent!important;position:relative;z-index:5}.ant-menu-light{background:transparent!important;color:#ffffffd9!important}.ant-menu-light .ant-menu-item-selected{background-color:#fff3!important;color:#fff!important}.ant-menu-light .ant-menu-item:hover,.ant-menu-light .ant-menu-item-active,.ant-menu-light .ant-menu-submenu-active,.ant-menu-light .ant-menu-submenu-title:hover{color:#fff!important;background-color:#ffffff1a!important}.ant-menu-light .ant-menu-submenu-selected>.ant-menu-submenu-title{color:#fff!important}.ant-menu-light .ant-menu-item a{color:#ffffffd9}.ant-menu-light .ant-menu-item-selected a{color:#fff}.menu-item{display:flex;align-items:center;margin:4px 0;color:#ffffffd9!important}.menu-item:hover{color:#fff!important}.menu-item-icon{font-size:16px;margin-right:10px;color:#ffffffd9}.menu-item-text{font-size:14px;color:#ffffffd9}.menu-item-active,.menu-item-active .menu-item-icon,.menu-item-active .menu-item-text{color:#fff!important}.collapse-button{position:absolute;bottom:0;width:100%;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#ffffff0d;transition:all .3s ease;border-top:1px solid rgba(255,255,255,.1)}.collapse-button:hover{background:#ffffff1a}.collapse-icon{font-size:14px;color:#ffffffd9}.ant-layout-sider-collapsed .collapse-button{width:80px}.ant-menu-submenu-title{color:#ffffffd9!important}.ant-menu-sub.ant-menu-inline{background:transparent!important}.ant-menu-item-selected{background-color:#fff3!important}.admin-content-layout{flex:1;overflow:hidden;position:relative}.admin-top-header{background:#fff;box-shadow:0 1px 4px #0000000d;padding:12px 24px;display:flex;justify-content:flex-end;align-items:center;height:64px;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:10;margin-left:250px;transition:margin-left .3s ease}.admin-top-header-right{display:flex;align-items:center}.user-info-header{display:flex;align-items:center;gap:12px;padding:4px 8px;transition:all .3s}.user-info-header:hover{background:#f0f0f0}.user-details-header{display:flex;flex-direction:column;text-align:right;margin-right:6px}.user-name-header{font-size:16px;font-weight:600;color:#333}.user-role-header{font-size:14px;color:#666}.vn-time-header{font-size:15px;color:#00aeef;font-weight:600;margin-right:auto;padding-left:8px;letter-spacing:1px;display:flex;align-items:center;height:100%}.vn-time-title{font-weight:700;color:#00aeef;margin-right:6px}.admin-content{padding:24px;overflow:auto;height:calc(100vh - 64px);margin-left:250px;transition:margin-left .3s ease;background:var(--bg-light);position:relative}.ant-layout-sider-collapsed+.ant-layout .admin-content,.ant-layout-sider-collapsed~.ant-layout .admin-content{margin-left:80px}.user-info{padding:16px;display:flex;align-items:center;gap:12px;border-top:1px solid rgba(255,255,255,.1);background:#0000001a;margin-top:auto;position:absolute;bottom:0;width:100%}.user-details{display:flex;flex-direction:column}.user-name{font-size:14px;font-weight:600;color:#fff}.user-role{font-size:12px;color:#ffffffb3}.welcome-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:30px;background:#fff;border-radius:4px;box-shadow:0 1px 4px #0000000d}.welcome-message h1{font-size:24px;margin-bottom:16px;color:#333}.welcome-message p{font-size:16px;color:#666}.admin-chart-svg{margin-bottom:24px;animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media screen and (max-width: 768px){.admin-content{margin-left:0!important;padding:16px}.admin-top-header{margin-left:0!important;padding:12px 16px}.welcome-message{padding:20px;margin-top:20px}.user-details-header{display:none}}@media screen and (max-width: 768px){.admin-sidebar{position:fixed!important;height:100vh;z-index:999;left:-250px;transition:all .3s ease-in-out}.admin-sidebar.expanded{left:0}.mobile-toggle{position:fixed;top:16px;left:16px;z-index:1000}.admin-content{margin-left:0!important;padding:64px 16px 16px}.collapse-button{width:250px}.ant-layout-sider-collapsed .collapse-button{width:80px}.admin-menu-container{height:calc(100vh - 104px)}.admin-header.main-header{left:0!important;background:#fff!important;width:100%;z-index:997}}@media (prefers-color-scheme: dark){:root{--bg-light: #1f1f1f;--bg-white: #2d2d2d;--text-dark: #ffffff}}.ant-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.ant-table{min-width:800px}.ant-table-thead>tr>th{white-space:nowrap;background:var(--bg-light)!important}.ant-table-tbody>tr>td{white-space:nowrap}@media (max-width: 768px){.ant-table-thead>tr>th,.ant-table-tbody>tr>td{padding:8px!important}.content-card{padding:var(--spacing-md);margin-top:60px}}@media (max-width: 480px){.ant-table-thead>tr>th,.ant-table-tbody>tr>td{padding:4px!important;font-size:12px}.content-card{padding:var(--spacing-sm);margin:0;border-radius:0}}.ant-table-header{overflow:unset!important;margin-bottom:0!important}.ant-table-body{overflow-x:auto!important;overflow-y:auto!important}.content-card::-webkit-scrollbar{height:6px}.content-card::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.content-card::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.content-card::-webkit-scrollbar-thumb:hover{background:#555}.ant-layout-sider-collapsed+.ant-layout .admin-top-header,.ant-layout-sider-collapsed~.ant-layout .admin-top-header{margin-left:80px}.ant-menu-submenu-popup{z-index:10!important}.ant-layout-sider-collapsed .admin-logo{width:40px!important;height:40px!important;margin:0 auto!important;display:block;object-fit:contain}.manual-review-successful{padding:0}.scrollable-table-container{overflow-x:scroll;overflow-y:hidden;display:block;width:100%;margin-bottom:16px;border:1px solid #e8e8e8;border-radius:8px;padding-bottom:16px;scrollbar-width:auto;scrollbar-color:#bdbdbd #f5f5f5}.scrollable-table-container::-webkit-scrollbar{height:12px;background-color:#f5f5f5}.scrollable-table-container::-webkit-scrollbar-thumb{background-color:#bdbdbd;border-radius:10px;border:2px solid #f5f5f5}.scrollable-table-container::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e}.manual-review-successful .ant-table-wrapper,.manual-review-successful .ant-table-container,.manual-review-successful .ant-table-header,.manual-review-successful .ant-table-body{overflow-x:auto;min-width:100%;width:auto}.scrollable-table-container>div{width:100%}.custom-table .ant-table-thead>tr>th{background-color:#f0f2ff;color:#1f1f1f;font-weight:600;padding:12px 16px;border-right:1px solid #e8e8e8!important;border-bottom:2px solid #e8e8e8!important}.column-monospace{font-family:Courier New,monospace;background-color:#fafafa}.column-source{font-weight:600}.ip-link{cursor:pointer;text-decoration:underline;color:#1890ff}.ip-link:hover{color:#40a9ff}.no-data-message{text-align:center;padding:40px 0;color:#999}.manual-review-rejected{padding:0}.manual-review-rejected .custom-table-scroll-container{overflow-x:auto!important;overflow-y:hidden!important;display:block!important;width:100%!important;min-width:100%!important;margin-bottom:16px!important;border:1px solid #e8e8e8;border-radius:8px;padding-bottom:16px!important;position:relative}.manual-review-rejected .custom-table-scroll-container .ant-table-wrapper,.manual-review-rejected .custom-table-scroll-container .ant-table-container,.manual-review-rejected .custom-table-scroll-container .ant-table-body{overflow-x:unset!important;min-width:unset!important;width:unset!important;display:block!important}.manual-review-rejected ::-webkit-scrollbar{height:10px!important;background-color:#f5f5f5!important;display:block!important}.manual-review-rejected ::-webkit-scrollbar-thumb{background-color:#bdbdbd!important;border-radius:10px!important;border:2px solid #f5f5f5!important}.manual-review-rejected ::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e!important}.manual-review-rejected .custom-table-scroll-container{scrollbar-width:auto!important;scrollbar-color:#bdbdbd #f5f5f5!important}.manual-review-rejected .ant-table-wrapper,.manual-review-rejected .ant-table-container,.manual-review-rejected .ant-table-header,.manual-review-rejected .ant-table-body{overflow-x:auto!important;min-width:100%!important;width:auto!important}.filter-input .ant-input-prefix{color:#bfbfbf}.filter-button{height:32px}.column-source{font-weight:600;text-transform:uppercase;background-color:#f9f9f9}.custom-table .ant-table-tbody>tr>td:nth-child(9),.custom-table .ant-table-tbody>tr>td:nth-child(10){font-weight:500}@media screen and (max-width: 768px){.filter-section{padding:12px}.custom-table .ant-table-thead>tr>th,.custom-table .ant-table-tbody>tr>td{padding:8px 12px}}.detail-record-content{display:flex;flex-direction:column;gap:0px;margin-top:8px}.detail-item{display:flex;align-items:center;padding:8px}.detail-label{font-weight:700;color:#000000d9;margin-right:16px;min-width:180px;font-size:14px}.detail-value{font-size:14px;color:#000000a6;flex:1;word-break:break-word}.column-monospace{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:13px}.detail-modal .ant-modal-header{background-color:#f0f5ff;border-bottom:1px solid #d9e4ff}.detail-modal .ant-modal-title{color:#1890ff;font-weight:600}@media (max-width: 768px){.detail-item{flex-direction:column;align-items:flex-start}.detail-label{margin-right:0;margin-bottom:6px}}.auto-approval-success{padding:0}.custom-card{box-shadow:0 2px 8px #0000001a;border-radius:8px}.custom-card .ant-card-head{background-color:#f0f2f5;border-top-left-radius:8px;border-top-right-radius:8px}.filter-section{margin-bottom:20px;padding:20px;background:linear-gradient(to right,#f7f9fc,#f0f2f5);border-radius:10px;border:1px solid #e6e9ed;box-shadow:0 2px 5px #00000008}.auto-approval-success .ant-input,.auto-approval-success input.ant-input,.auto-approval-success .ant-input-affix-wrapper input,.filter-section input,.filter-section .ant-input{color:#000!important;caret-color:#000!important;-webkit-text-fill-color:#000000!important;background-color:#fff!important}.auto-approval-success input::placeholder,.auto-approval-success .ant-input::placeholder,.filter-section input::placeholder,.filter-section .ant-input::placeholder{color:#999!important;-webkit-text-fill-color:#999999!important}.auto-approval-success .ant-input:hover,.auto-approval-success .ant-input:focus,.auto-approval-success .ant-input-focused,.auto-approval-success .ant-input-affix-wrapper-focused input,.auto-approval-success .ant-input-affix-wrapper:focus input{color:#000!important;caret-color:#000!important;-webkit-text-fill-color:#000000!important}.filter-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.filter-section .ant-input-affix-wrapper,.filter-section .ant-input,.filter-section .ant-picker{border-radius:8px;border:1px solid #d9dce3;box-shadow:0 1px 2px #00000008;transition:all .3s ease;padding:8px 12px;background-color:#fff}.filter-section .ant-input-affix-wrapper:hover,.filter-section .ant-input:hover,.filter-section .ant-picker:hover{border-color:#8f94fb;box-shadow:0 2px 4px #8f94fb1a}.filter-section .ant-input-affix-wrapper:focus,.filter-section .ant-input:focus,.filter-section .ant-picker-focused,.filter-section .ant-input-affix-wrapper-focused{border-color:#4e54c8;box-shadow:0 0 0 2px #4e54c81a}.filter-section .ant-btn{border-radius:8px;height:40px;box-shadow:0 2px 5px #0000000d;border:none;transition:all .3s ease}.filter-section .ant-btn-primary{background:linear-gradient(135deg,#4e54c8,#8f94fb)}.filter-section .ant-btn-primary:hover{background:linear-gradient(135deg,#5a60d5,#9ba0ff);transform:translateY(-1px);box-shadow:0 4px 8px #4e54c833}.filter-section .ant-picker{padding:8px 12px}.filter-section .ant-picker-input>input{color:#000}.filter-section .ant-picker-suffix{color:#8f94fb}.custom-table .ant-table-thead>tr>th{background-color:#f7f7f7;font-weight:600;color:#333}.custom-table .ant-table-tbody>tr:hover>td{background-color:#f5f8ff}.column-highlight{font-weight:500;color:#1890ff}.custom-table .ant-table-cell:nth-child(13),.custom-table .ant-table-cell:nth-child(14){font-weight:500}.custom-table .ant-table-cell:nth-child(14){color:#52c41a;font-weight:600}.column-monospace{font-family:monospace;font-size:.9em}.column-source{font-weight:600;text-transform:uppercase}.level-tag{padding:2px 8px;border-radius:4px;font-weight:700}.level-dong{background-color:#fff1e6;color:#d4780e;border:1px solid #fa8c16}.level-bac{background-color:#f0f0f0;color:#595959;border:1px solid #8c8c8c}.level-vang{background-color:#fffbe6;color:#d48806;border:1px solid #faad14}.level-bachkim{background-color:#f0f7ff;color:#0a5999;border:1px solid #1677ff}.level-kimcuong{background-color:#e6fffb;color:#08979c;border:1px solid #13c2c2}.level-standard{background-color:#f9f9f9;color:#999;border:1px solid #d9d9d9}.custom-summary{background-color:#f0f7ff;font-weight:600}.custom-summary td{padding:12px!important}.custom-pagination{margin-top:16px;padding:16px 0}.custom-pagination-footer{display:flex;align-items:center;justify-content:flex-end;padding:8px 16px;border-top:1px solid #f0f0f0;font-size:14px}.custom-pagination-footer span{margin-right:8px;color:#606060}.custom-pagination-footer .ant-input-number{border-radius:4px;margin-right:16px}.custom-pagination-footer .ant-btn{font-weight:500;border-radius:4px;border:1px solid #d9d9d9;color:#1890ff}.custom-pagination-footer .ant-btn:hover{color:#40a9ff;border-color:#40a9ff;background-color:#f0f7ff}@media (max-width: 768px){.auto-approval-success{padding:0}.filter-row{flex-direction:column}.custom-table .ant-table-thead>tr>th,.custom-table .ant-table-tbody>tr>td{padding:8px 12px}}.ip-link{cursor:pointer;color:#1890ff;transition:all .3s}.ip-link:hover{color:#40a9ff;text-decoration:underline}.ip-modal-content{margin-top:16px}.ip-modal-content p{margin-bottom:16px;font-size:14px}.ip-modal-content strong{color:#1890ff;font-family:monospace}.no-data-message{padding:24px;text-align:center;background-color:#f9f9f9;border-radius:4px;color:#888}.modal-table{margin-top:8px}.modal-table .ant-table-thead>tr>th{padding:8px 12px;font-size:13px}.modal-table .ant-table-tbody>tr>td{padding:8px 12px;font-size:13px}.level-tag:hover{transform:translateY(-1px);box-shadow:0 2px 4px #00000026}.level-vang:hover{background:linear-gradient(135deg,#ffdc30,#ffca30)}.level-bac:hover{background:linear-gradient(135deg,#e8e8e8,#d0d0d0)}.level-dong:hover{background:linear-gradient(135deg,#ffb085,#ff9661)}.level-kimcuong:hover{background:linear-gradient(135deg,#bff2ff,#8ad6ff)}.level-standard:hover{background:linear-gradient(135deg,#f8f9fb,#eef0f3)}.filter-icon{color:#00aeef;font-size:16px}.filter-input{font-size:14px}.filter-input .ant-input{padding-left:8px}.filter-date-picker.ant-picker .ant-picker-input>input{font-size:14px}.filter-button{font-weight:500;min-width:100px;display:flex;align-items:center;justify-content:center}.filter-button .anticon{margin-right:6px;font-size:16px}.export-button{font-weight:500;min-width:100px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#82b1ff,#2979ff);color:#fff;border:none;box-shadow:0 2px 5px #2979ff33;transition:all .3s ease;border-radius:8px;height:40px}.export-button:hover{background:linear-gradient(135deg,#90beff,#448aff);transform:translateY(-1px);box-shadow:0 4px 8px #2979ff4d;color:#fff}.export-button .anticon{margin-right:6px;font-size:16px}.refresh-button,.clear-filter-button{border-radius:8px;transition:all .3s ease;font-weight:500;display:flex;align-items:center;justify-content:center;padding:4px 12px;box-shadow:0 2px 4px #00aeef}.refresh-button{background:linear-gradient(135deg,#f8f9fb,#eef0f3);border:1px solid #e6e9ed;color:#00aeef}.refresh-button:hover{background:linear-gradient(135deg,#eef0f3,#e6e9ed);border-color:#d1d5db;color:#00aeef;transform:translateY(-1px)}.refresh-button .anticon{color:#00aeef;margin-right:6px}.clear-filter-button{background:#fff;border:1px solid #ffccc7;color:#f5222d}.clear-filter-button:hover{background:#fff1f0;border-color:#ff7875;color:#cf1322;transform:translateY(-1px)}.clear-filter-button .anticon{color:#f5222d;margin-right:6px}.page-size-dropdown-container{position:relative}.page-size-dropdown-trigger{display:flex;align-items:center;border:1px solid #d9d9d9;border-radius:6px;padding:4px 11px;cursor:pointer;-webkit-user-select:none;user-select:none;min-width:90px}.dropdown-arrow{font-size:10px;margin-left:5px}.page-size-dropdown-menu{position:absolute;top:100%;left:0;background:#fff;border:1px solid #d9d9d9;border-radius:6px;margin-top:4px;width:150px;box-shadow:0 2px 8px #00000026;z-index:1050;display:none}.page-size-dropdown-menu.open{display:block}.page-size-options{border-bottom:1px solid #f0f0f0}.page-size-option{padding:8px 12px;cursor:pointer}.page-size-option:hover{background-color:#f5f5f5}.page-size-custom-input{padding:8px 12px}.page-size-option.active{background-color:#e6f7ff;color:#1890ff}.auto-approval-success .table-footer{margin-top:16px;display:flex;justify-content:flex-end}.auto-approval-success .custom-card{max-width:100%;overflow-x:hidden}.auto-approval-success .custom-table{width:100%;table-layout:auto}.auto-approval-success .custom-table .ant-table-thead>tr>th,.auto-approval-success .custom-table .ant-table-tbody>tr>td{white-space:normal;word-break:break-word}.auto-approval-success .column-monospace{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-table .ant-btn{margin:0;transition:all .3s ease}.custom-table .ant-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.custom-card .ant-btn-primary{background:#00aeef!important;border-color:#00aeef!important}.custom-card .ant-btn-primary:hover,.custom-card .ant-btn-primary:focus{background:#0095cf!important;border-color:#0095cf!important}.custom-summary{background-color:#f7faff!important;font-weight:600}.custom-summary .ant-table-cell{padding:16px!important;border-top:2px solid #e8e8e8!important;color:#1f1f1f}.content-container{padding:24px;min-height:100vh;background:#f0f2f5}.custom-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.filter-section{margin-bottom:24px;padding:16px;background:#fafafa;border-radius:6px}.filter-section .ant-picker{border:1px solid #00AEEF!important;border-radius:6px!important;height:40px!important;background-color:#fff!important;color:#00aeef!important}.filter-section .ant-picker-focused,.filter-section .ant-picker:focus{border-color:#00aeef!important;box-shadow:0 0 0 2px #00aeef26!important}.filter-section .ant-picker .ant-picker-suffix{color:#00aeef!important}.date-range-section,.custom-table{margin-top:16px}.custom-table .ant-table{border:1px solid #e8e8e8;border-radius:8px}.custom-table .ant-table-thead>tr>th{background-color:#f0f2ff;color:#1f1f1f;font-weight:600;padding:12px 16px;border-right:1px solid #e8e8e8;border-bottom:2px solid #e8e8e8}.custom-table .ant-table-tbody>tr>td{padding:12px 16px;border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8}.custom-table .ant-table-thead>tr>th:last-child,.custom-table .ant-table-tbody>tr>td:last-child{border-right:none}@media screen and (max-width: 768px){.content-container{padding:16px}.filter-section{padding:12px}.custom-table .ant-table-thead>tr>th,.custom-table .ant-table-tbody>tr>td{padding:8px 12px}}.status-switch-container{display:flex;align-items:center}.status-switch-container.hide-label{display:inline-flex;justify-content:center}.switch-active.ant-switch{background-color:#52c41a!important;border:none!important}.switch-inactive.ant-switch{background-color:#ff4d4f!important;border:none!important}.switch-active.ant-switch .ant-switch-handle:before{background-color:#fff}.switch-inactive.ant-switch .ant-switch-handle:before{background-color:#fff}.switch-inactive.ant-switch .anticon,.switch-active.ant-switch .anticon{color:#fff;font-size:12px}.status-label{margin-left:10px;font-weight:500;padding:4px 12px;border-radius:12px;font-size:13px;min-width:110px;text-align:center;display:inline-block;white-space:nowrap}.status-active{color:#52c41a;background:#f6ffed;border:1px solid #b7eb8f}.status-inactive{color:#ff4d4f;background:#fff2f0;border:1px solid #ffccc7}.profile-popup-dropdown{margin-top:8px;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d}.profile-popup-menu{min-width:200px;border-radius:8px;padding:8px 0}.profile-popup-item{height:40px;display:flex;align-items:center;color:#333;font-size:14px;padding:0 16px;transition:all .3s}.profile-popup-item:hover{background-color:#f0f2f5;color:#00aeef}.profile-popup-item .anticon{margin-right:10px;font-size:16px}.profile-popup-trigger{display:none}.user-info-header{cursor:pointer;border-radius:4px;padding:4px 8px;transition:background-color .2s}.user-info-header:hover{background-color:#00aeef}.modal-custom .ant-tabs-tab{transition:all .3s;padding:12px 16px}.modal-custom .ant-tabs-tab:hover{color:#00aeef}.modal-custom .ant-tabs-tab .anticon{margin-right:8px}.modal-custom .ant-tabs-ink-bar{transition:width .3s cubic-bezier(.645,.045,.355,1),left .3s cubic-bezier(.645,.045,.355,1),right .3s cubic-bezier(.645,.045,.355,1);background-color:#00aeef}.user-form .ant-form-item-label>label,.password-form-item .ant-form-item-label>label{color:#000000d9!important;font-weight:400!important;font-size:14px!important;margin-bottom:0!important;display:block!important;height:22px!important;line-height:22px!important;padding:0!important}.user-form .ant-form-item-label>label>div,.password-form-item .ant-form-item-label>label>div{font-size:14px!important;font-weight:400!important;color:#000000d9!important;height:22px!important;line-height:22px!important}.ant-form-item,.profile-form-item{margin-bottom:24px!important}.profile-form-item .ant-form-item-label{padding:0!important;margin-bottom:4px!important}.password-form-item{margin-bottom:24px!important}.password-form-item .ant-form-item-label{padding:0!important;margin-bottom:4px!important}.modal-custom .ant-form-item-label{line-height:1.4!important;margin-bottom:2px!important;padding:0!important}.modal-custom .ant-form-item-label .ant-form-item-required:before{margin-right:4px!important}.modal-custom .ant-form-vertical .ant-form-item-label{padding:0!important}.modal-custom .ant-tabs-tabpane:nth-child(2) .ant-form-item-label{margin-bottom:2px!important}.modal-custom .ant-tabs-tabpane{padding-top:8px!important}.modal-custom .ant-tabs-tab span{font-weight:500!important}.modal-custom .ant-input,.modal-custom .ant-input-password,.modal-custom .ant-input-affix-wrapper{height:40px!important}.user-form .ant-input:focus,.user-form .ant-input-affix-wrapper-focused,.user-form .ant-input-password:focus,.password-form-item .ant-input:focus,.password-form-item .ant-input-affix-wrapper-focused,.password-form-item .ant-input-password:focus{border-color:#00aeef!important;box-shadow:0 0 0 2px #00aeef33!important}.password-form-item .ant-input-affix-wrapper{border-radius:4px!important;padding:0 11px!important;display:flex!important;align-items:center!important}.password-form-item .ant-form-item-explain-error{font-size:12px;margin-top:4px;color:#ff4d4f}.avatar-upload{cursor:pointer}.avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.profile-avatar{margin-bottom:16px;border:3px solid #f0f2f5;box-shadow:0 2px 8px #0000001a}.promotion-list-container{max-width:1500px;margin:40px auto;background:#fff;padding:32px 24px;border-radius:12px;box-shadow:0 2px 12px #00000014}.promotion-table{width:100%;min-width:1400px;border-collapse:collapse;margin-top:16px;text-align:center}.promotion-table th,.promotion-table td{border:1px solid #e0e0e0;padding:12px 8px;text-align:center}.promotion-table th{background:#f5f5f5}.list-action-btn{display:flex;gap:5px}.change-approval-btn{background:#00aeef;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background .2s}.change-approval-btn:disabled{background:#bdbdbd;color:#eee;cursor:not-allowed}.change-info-btn{background:#2a9622;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background .2s}.error{color:#d32f2f;margin-bottom:16px;font-weight:700}.promotion-list-container h2{color:#00aeef;font-weight:700;font-size:2rem;margin-bottom:24px}.ant-modal-footer .ant-btn-primary{background:#00aeef!important;border-color:#00aeef!important}.auto-approval-rejected{padding:0}.custom-card{box-shadow:0 1px 3px #0000001a;border-radius:8px}.custom-card .ant-card-head{background-color:#f7f7f7;border-top-left-radius:8px;border-top-right-radius:8px}.filter-form{margin-bottom:24px;padding:16px;background:#fafafa;border-radius:6px}.filter-form .ant-input{color:#000!important}.filter-form .ant-picker-input>input{color:#000!important}.refresh-button,.clear-filter-button,.export-button{height:32px;display:flex;align-items:center;justify-content:center}.custom-table{margin-top:16px}.custom-table .ant-table{border:1px solid #e8e8e8}.custom-table .ant-table-thead>tr>th{background-color:#f0f2ff;color:#1f1f1f;font-weight:600;padding:12px 16px;border-right:1px solid #e8e8e8!important;border-bottom:2px solid #e8e8e8!important;text-align:center}.custom-table .ant-table-tbody>tr>td{padding:12px 16px;border-right:1px solid #e8e8e8!important;border-bottom:1px solid #e8e8e8!important}.custom-table .ant-table-tbody>tr:hover>td{background-color:#f5f8ff!important}.custom-table .ant-table-thead>tr>th:last-child,.custom-table .ant-table-tbody>tr>td:last-child{border-right:none!important}.custom-table .ant-table-tbody>tr>td[class*=right]{text-align:right}.custom-summary{background-color:#fafafa;font-weight:600}.custom-summary .ant-table-cell{padding:16px!important;border-top:2px solid #e8e8e8!important;border-right:1px solid #e8e8e8!important}.custom-summary .ant-table-cell:last-child{border-right:none!important}.custom-table .ant-pagination{margin:16px 0}.custom-table .ant-table-tbody>tr>td:nth-child(6),.custom-table .ant-table-tbody>tr>td:nth-child(7){font-weight:500}.custom-table .ant-table-tbody>tr:nth-child(2n)>td{background-color:#fafafa}.custom-table .ant-table-tbody>tr:nth-child(odd)>td{background-color:#fff}@media screen and (max-width: 768px){.filter-form{padding:12px}.custom-table .ant-table-thead>tr>th,.custom-table .ant-table-tbody>tr>td{padding:8px 12px}}.custom-table .ant-table-tbody>tr>td:nth-child(8){font-weight:600}.custom-table .ant-table-tbody>tr>td:nth-child(1){text-align:center;font-weight:600}.custom-table .ant-table-summary-row .ant-table-cell{background-color:#f0f0f0}.custom-table .ant-table-summary-row .ant-table-cell:nth-child(6){color:#ff4d4f;font-weight:600}.search-form .ant-space-item{margin-bottom:0}.auto-approval-rejected .table-footer{margin-top:16px;display:flex;justify-content:flex-end}.role-management-page{padding:24px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.role-header-card{background:linear-gradient(135deg,#5977ff,#3554df);border:none;border-radius:16px;box-shadow:0 8px 32px #667eea4d;margin-bottom:24px;overflow:hidden}.role-header-card .ant-card-body{padding:32px;color:#fff}.role-header-card .ant-typography{color:#fff;margin:0}.role-header-card .ant-typography h3{font-size:28px;font-weight:700;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.role-header-card .ant-typography p{font-size:16px;opacity:.9;margin:0}.role-table-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014}.role-add-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;height:44px;padding:0 24px;font-weight:600;box-shadow:0 4px 15px #667eea66;transition:all .3s ease}.role-add-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.role-table{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden}.role-table .ant-table-thead>tr>th{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:none;padding:16px;font-weight:600;color:#495057;font-size:14px}.role-table .ant-table-tbody>tr>td{padding:16px;border-bottom:1px solid #f0f0f0;transition:all .3s ease}.role-table .ant-table-tbody>tr:hover>td{background:linear-gradient(135deg,#f8f9ff,#f0f4ff)}.role-name-cell{display:flex;align-items:center;gap:12px}.role-name-icon{color:#667eea;font-size:18px}.role-name-text{font-weight:600;color:#503f2c}.role-description{color:#6c757d;font-size:14px;line-height:1.5}.role-permissions-container{display:flex;flex-wrap:wrap;gap:6px}.role-permission-tag{border-radius:6px;font-size:12px;font-weight:500;padding:4px 8px;border:none;transition:all .3s ease}.role-permission-tag.all-permissions{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff}.role-permission-tag.regular-permission{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff}.role-user-count{text-align:center}.role-user-count .ant-tag{border-radius:20px;padding:6px 12px;font-weight:600;border:none;font-size:13px}.role-user-count .ant-tag.green{background:linear-gradient(135deg,#51cf66,#40c057);color:#fff}.role-user-count .ant-tag.default{background:linear-gradient(135deg,#adb5bd,#6c757d);color:#fff}.role-status-switch{text-align:center}.role-status-switch .ant-switch{background:#e9ecef}.role-status-switch .ant-switch-checked{background:linear-gradient(135deg,#51cf66,#40c057)}.role-actions{text-align:center}.role-action-button{margin:0 4px;border-radius:6px;transition:all .3s ease}.role-action-button.edit{background:linear-gradient(135deg,#4ecdc4,#44a08d);border:none;color:#fff}.role-action-button.edit:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4ecdc466}.role-action-button.delete{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;color:#fff}.role-action-button.delete:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff6b6b66}.role-action-button.delete:disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.role-modal .ant-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0;border:none}.role-modal .ant-modal-title{color:#fff;font-weight:600;font-size:18px}.role-modal .ant-modal-content{border-radius:16px;overflow:hidden}.role-modal .ant-form-item-label>label{font-weight:600;color:#2c3e50}.role-form-item{margin-bottom:20px}.role-form-item .ant-form-item-label>label{font-weight:600;color:#2c3e50;font-size:14px;margin-bottom:8px;display:block}.role-modal .ant-input,.role-modal .ant-input-textarea,.role-modal .ant-select-selector{border-radius:8px;border:2px solid #e9ecef;transition:all .3s ease;background:#f8f9fa;color:#495057!important;font-size:14px;padding:12px 16px}.role-modal .ant-input,.role-modal .ant-input-textarea textarea,.role-modal .ant-select-selection-item{color:#495057!important}.role-modal .ant-input:focus{color:#262626!important}.role-modal .ant-input-textarea:focus textarea{color:#262626!important}.role-modal .ant-select-focused .ant-select-selection-item{color:#262626!important}.role-modal .ant-input:hover,.role-modal .ant-input-textarea:hover,.role-modal .ant-select:hover .ant-select-selector{border-color:#40a9ff;background:#fff;box-shadow:0 0 0 2px #1890ff1a}.role-modal .ant-input:focus,.role-modal .ant-input-textarea:focus,.role-modal .ant-select-focused .ant-select-selector{border-color:#1890ff;background:#fff;box-shadow:0 0 0 3px #1890ff33;outline:none}.role-modal .ant-input::placeholder,.role-modal .ant-input-textarea::placeholder{color:#adb5bd;font-style:italic}.role-modal .ant-select-selection-placeholder{color:#adb5bd;font-style:italic}.role-modal .ant-input-affix-wrapper{border-radius:8px;border:2px solid #e9ecef;background:#f8f9fa;transition:all .3s ease}.role-modal .ant-input-affix-wrapper .ant-input{color:#495057!important;background:transparent!important}.role-modal .ant-input-affix-wrapper .ant-input:focus{color:#262626!important}.role-modal input[type=text],.role-modal input[type=password],.role-modal input[type=email],.role-modal input[type=number],.role-modal input[type=search]{color:#495057!important}.role-modal input[type=text]:focus,.role-modal input[type=password]:focus,.role-modal input[type=email]:focus,.role-modal input[type=number]:focus,.role-modal input[type=search]:focus{color:#262626!important}.role-modal .ant-input-affix-wrapper:hover{border-color:#40a9ff;background:#fff;box-shadow:0 0 0 2px #1890ff1a}.role-modal .ant-input-affix-wrapper-focused{border-color:#1890ff;background:#fff;box-shadow:0 0 0 3px #1890ff33}.role-modal .ant-input-prefix,.role-modal .ant-input-suffix{color:#1890ff;margin:0 8px}.role-modal .ant-input-textarea{min-height:80px;resize:vertical}.role-modal .ant-input-textarea textarea{background:transparent;border:none;outline:none;resize:none;color:#495057;font-size:14px;line-height:1.5}.role-modal .ant-input-textarea textarea:focus{color:#262626}.role-modal .ant-input-textarea textarea::placeholder{color:#adb5bd;font-style:italic}.role-modal .ant-select{width:100%}.role-modal .ant-select-selector{min-height:44px;display:flex;align-items:center}.role-modal .ant-select-selection-item{color:#495057;font-weight:500}.role-modal .ant-select-dropdown{border-radius:8px;box-shadow:0 4px 12px #00000026;border:1px solid #e8e8e8}.role-modal .ant-select-item{padding:8px 16px;border-radius:4px;margin:2px 8px;transition:all .2s ease}.role-modal .ant-select-item:hover{background:#f0f8ff}.role-modal .ant-select-item-option-selected{background:#e6f7ff;color:#1890ff;font-weight:600}.role-modal .ant-form-item-has-error .ant-input,.role-modal .ant-form-item-has-error .ant-input-textarea,.role-modal .ant-form-item-has-error .ant-select-selector{border-color:#ff4d4f;background:#fff2f0}.role-modal .ant-form-item-has-error .ant-input:focus,.role-modal .ant-form-item-has-error .ant-input-textarea:focus,.role-modal .ant-form-item-has-error .ant-select-focused .ant-select-selector{border-color:#ff4d4f;box-shadow:0 0 0 3px #ff4d4f1a}.role-modal .ant-form-item-explain-error{color:#ff4d4f;font-size:12px;margin-top:4px;display:flex;align-items:center;gap:4px}.role-modal .ant-input:focus,.role-modal .ant-input-textarea:focus,.role-modal .ant-select-focused .ant-select-selector{animation:focusRing .3s ease-out}@keyframes focusRing{0%{box-shadow:0 0 #1890ff66}to{box-shadow:0 0 0 3px #1890ff33}}.role-modal .ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;height:40px;font-weight:600;box-shadow:0 4px 15px #667eea4d}.role-modal .ant-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #667eea66}@media (max-width: 768px){.role-management-page{padding:16px}.role-header-card .ant-card-body{padding:24px}.role-header-card .ant-typography h3{font-size:24px}.role-table-actions{flex-direction:column;gap:16px;align-items:stretch}.role-add-button{width:100%}.role-table{font-size:12px}.role-table .ant-table-thead>tr>th,.role-table .ant-table-tbody>tr>td{padding:12px 8px}}.role-table .ant-table-tbody>tr{animation:fadeInUp .5s ease forwards;opacity:0;transform:translateY(20px)}.role-table .ant-table-tbody>tr:nth-child(1){animation-delay:.1s}.role-table .ant-table-tbody>tr:nth-child(2){animation-delay:.2s}.role-table .ant-table-tbody>tr:nth-child(3){animation-delay:.3s}.role-table .ant-table-tbody>tr:nth-child(4){animation-delay:.4s}.role-table .ant-table-tbody>tr:nth-child(5){animation-delay:.5s}.role-table-loading{background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.role-table-empty{padding:60px 20px;text-align:center;color:#6c757d}.role-table-empty .ant-empty-description{color:#6c757d;font-size:16px}.role-table .ant-pagination{margin:24px 0;text-align:center}.role-table .ant-pagination .ant-pagination-total-text{color:#6c757d;font-weight:500;margin-right:16px}.role-table .ant-pagination .ant-pagination-item{border-radius:8px;border:2px solid #e9ecef;margin:0 4px;transition:all .3s ease}.role-table .ant-pagination .ant-pagination-item:hover{border-color:#667eea;transform:translateY(-1px);box-shadow:0 4px 12px #667eea33}.role-table .ant-pagination .ant-pagination-item-active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;font-weight:600}.role-table .ant-pagination .ant-pagination-prev,.role-table .ant-pagination .ant-pagination-next{border-radius:8px;border:2px solid #e9ecef;margin:0 4px;transition:all .3s ease}.role-table .ant-pagination .ant-pagination-prev:hover,.role-table .ant-pagination .ant-pagination-next:hover{border-color:#667eea;transform:translateY(-1px);box-shadow:0 4px 12px #667eea33}.role-table .ant-pagination .ant-pagination-options{margin-left:16px}.role-table .ant-pagination .ant-pagination-options .ant-select{border-radius:8px;border:2px solid #e9ecef;transition:all .3s ease}.role-table .ant-pagination .ant-pagination-options .ant-select:hover{border-color:#667eea}.role-table .ant-pagination .ant-pagination-options .ant-select-focused{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.role-table .ant-pagination .ant-pagination-options .ant-select-selector{border-radius:6px}.role-table .ant-pagination .ant-pagination-options .ant-input{border-radius:8px;border:2px solid #e9ecef;transition:all .3s ease}.role-table .ant-pagination .ant-pagination-options .ant-input:hover{border-color:#667eea}.role-table .ant-pagination .ant-pagination-options .ant-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.role-table .ant-pagination .ant-pagination-options-quick-jumper{margin-left:16px;color:#6c757d}.role-table .ant-pagination .ant-pagination-options-quick-jumper input{margin:0 8px;width:60px;text-align:center}@media (max-width: 768px){.role-table .ant-pagination{flex-direction:column;gap:16px}.role-table .ant-pagination .ant-pagination-options{margin-left:0;margin-top:16px}.role-table .ant-pagination .ant-pagination-options-quick-jumper{margin-left:0;margin-top:8px}}.staff-management-page{padding:24px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh}.staff-header-card{background:linear-gradient(135deg,#2fafe2,#2fafe2);border:none;border-radius:16px;box-shadow:0 8px 32px #007bff4d;margin-bottom:24px;overflow:hidden}.staff-header-card .ant-card-body{padding:32px;color:#fff}.staff-header-card .ant-typography{color:#fff;margin:0}.staff-header-card .ant-typography h3{font-size:28px;font-weight:700;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.staff-header-card .ant-typography p{font-size:16px;opacity:.9;margin:0}.staff-stats-row{margin-bottom:24px}.staff-stats-card{background:#fff;border:none;border-radius:16px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;overflow:hidden}.staff-stats-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.staff-stats-card .ant-card-body{padding:24px;text-align:center}.staff-stats-card .ant-statistic-title{color:#6c757d;font-size:14px;font-weight:600;margin-bottom:12px}.staff-stats-card .ant-statistic-content{color:#2c3e50}.staff-stats-card .ant-statistic-content-value{font-size:32px;font-weight:700}.staff-stats-card .ant-statistic-content-prefix{font-size:24px;margin-right:8px}.staff-table-actions{display:flex;justify-content:flex-end;margin-bottom:24px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014}.staff-add-button{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;height:44px;padding:0 24px;font-weight:600;box-shadow:0 4px 15px #007bff66;transition:all .3s ease}.staff-add-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #007bff80}.staff-table{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden;margin-bottom:24px}.staff-table .ant-table-thead>tr>th{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:none;padding:16px;font-weight:600;color:#495057;font-size:14px}.staff-table .ant-table-tbody>tr>td{padding:16px;border-bottom:1px solid #f0f0f0;transition:all .3s ease}.staff-table .ant-table-tbody>tr:hover>td{background:linear-gradient(135deg,#f8f9ff,#f0f4ff)}.staff-user-info{display:flex;align-items:center;gap:12px}.staff-user-avatar{border:2px solid #e9ecef;transition:all .3s ease}.staff-user-avatar:hover{border-color:#007bff;transform:scale(1.05)}.staff-user-name{font-weight:600;color:#2c3e50}.staff-role-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.staff-role-badge.staff{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.staff-role-badge.admin{background:linear-gradient(135deg,#fd7e14,#e55a00);color:#fff}.staff-role-badge.super_admin{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.staff-status-switch{text-align:center}.staff-status-switch .ant-switch{background:#e9ecef}.staff-status-switch .ant-switch-checked{background:linear-gradient(135deg,#28a745,#20c997)}.staff-actions{display:flex;justify-content:center;gap:12px}.staff-action-button{border-radius:6px;transition:all .3s ease;border:none}.staff-action-button.ant-btn-green{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.staff-action-button.ant-btn-green:hover{transform:translateY(-1px);box-shadow:0 4px 12px #28a74566}.staff-action-button.ant-btn-blue{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.staff-action-button.ant-btn-blue:hover{transform:translateY(-1px);box-shadow:0 4px 12px #007bff66}.staff-action-button.remove-btn{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.staff-action-button.remove-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #dc354566}.staff-action-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.custom-pagination{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 20px #00000014;text-align:center}.custom-pagination .ant-pagination-item{border-radius:8px;border:2px solid #e9ecef;transition:all .3s ease}.custom-pagination .ant-pagination-item:hover{border-color:#007bff;transform:translateY(-1px)}.custom-pagination .ant-pagination-item-active{background:linear-gradient(135deg,#007bff,#0056b3);border-color:#007bff}.custom-pagination .ant-pagination-item-active a{color:#fff}.custom-pagination .ant-pagination-prev,.custom-pagination .ant-pagination-next{border-radius:8px;border:2px solid #e9ecef;transition:all .3s ease}.custom-pagination .ant-pagination-prev:hover,.custom-pagination .ant-pagination-next:hover{border-color:#007bff;transform:translateY(-1px)}.staff-modal .ant-modal-header{background:linear-gradient(135deg,#2fafe2,#2fafe2);border-radius:16px 16px 0 0;border:none}.staff-modal .ant-modal-title{color:#fff;font-weight:600;font-size:18px}.staff-modal .ant-modal-content{border-radius:16px;overflow:hidden}.staff-modal .ant-form-item-label>label{font-weight:600;color:#2c3e50}.staff-modal .ant-input,.staff-modal .ant-input-password,.staff-modal .ant-select-selector{border-radius:8px;border:2px solid #e9ecef;transition:all .3s ease;height:40px}.staff-modal .ant-input:focus,.staff-modal .ant-input-password:focus,.staff-modal .ant-select-focused .ant-select-selector{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.staff-modal .ant-btn-primary{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;height:40px;font-weight:600;box-shadow:0 4px 15px #007bff4d}.staff-modal .ant-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #007bff66}.staff-avatar-upload{display:flex;align-items:center;gap:16px}.staff-avatar-preview{border:2px solid #e9ecef;border-radius:8px;transition:all .3s ease}.staff-avatar-preview:hover{border-color:#007bff}.staff-upload-button{border-radius:8px;background:#e3f2fd;border-color:#2196f3;color:#1976d2;transition:all .3s ease}.staff-upload-button:hover{background:#bbdefb;border-color:#1976d2;transform:translateY(-1px)}.staff-form-row{margin-bottom:16px}.staff-form-item{margin-bottom:20px}.staff-form-item .ant-form-item-label{margin-bottom:8px}@media (max-width: 768px){.staff-management-page{padding:16px}.staff-header-card .ant-card-body{padding:24px}.staff-header-card .ant-typography h3{font-size:24px}.staff-stats-row .ant-col{margin-bottom:16px}.staff-table-actions{flex-direction:column;gap:16px;align-items:stretch}.staff-add-button{width:100%}.staff-table{font-size:12px}.staff-table .ant-table-thead>tr>th,.staff-table .ant-table-tbody>tr>td{padding:12px 8px}.staff-actions{flex-direction:column;gap:8px}.staff-action-button{width:100%}}.staff-table .ant-table-tbody>tr{animation:fadeInUp .5s ease forwards;opacity:0;transform:translateY(20px)}.staff-table .ant-table-tbody>tr:nth-child(1){animation-delay:.1s}.staff-table .ant-table-tbody>tr:nth-child(2){animation-delay:.2s}.staff-table .ant-table-tbody>tr:nth-child(3){animation-delay:.3s}.staff-table .ant-table-tbody>tr:nth-child(4){animation-delay:.4s}.staff-table .ant-table-tbody>tr:nth-child(5){animation-delay:.5s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.staff-table-loading{background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.staff-table-empty{padding:60px 20px;text-align:center;color:#6c757d}.staff-table-empty .ant-empty-description{color:#6c757d;font-size:16px}.staff-edit-tabs .ant-tabs-tab{border-radius:8px 8px 0 0;margin-right:8px;transition:all .3s ease}.staff-edit-tabs .ant-tabs-tab:hover{color:#007bff}.staff-edit-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:#fff}.staff-edit-tabs .ant-tabs-content-holder{padding:24px;background:#f8f9fa;border-radius:0 8px 8px}.statistical-container{padding:24px}.page-title{margin-bottom:24px;color:#1a1a1a;font-size:24px;font-weight:600}.stats-row{margin-bottom:24px}.stat-card{height:100%;border-radius:8px;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-value{font-size:24px;font-weight:600}.stat-percentage{font-size:14px;margin-left:8px;opacity:.7}.activities-card{border-radius:8px;box-shadow:0 2px 8px #0000000d}.activities-table{margin-top:16px}.status-tag{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;font-size:14px}.status-tag.approved{background-color:#f6ffed;border:1px solid #b7eb8f;color:#52c41a}.status-tag.pending{background-color:#fff7e6;border:1px solid #ffd591;color:#faad14}.status-tag.rejected{background-color:#fff1f0;border:1px solid #ffa39e;color:#f5222d}.status-text{margin-left:6px}@media screen and (max-width: 768px){.statistical-container{padding:16px}.page-title{font-size:20px;margin-bottom:16px}.stat-card{margin-bottom:16px}}.stat-card{animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}