*{margin:0;padding:0;font-family:Roboto,sans-serif;font-weight:450}body{box-sizing:border-box;font-family:Poppins,sans-serif;background-color:#f1f5f9;height:100vh}html{overflow-x:hidden}:root{--bg-color: #f2f2f2;--text-color: #333;--bg-primary: rgb(37 99 235);--bg-primary-hover: rgb(6, 71, 177);--bg-red: #dc3545;--bg-red-hover: #cd0c20;--bg-yellow: #ffc720;--bg-yellow-hover: #e0a904;--bg-black: #000;--bg-black-hover: #222222}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mr-0{margin-right:0!important}.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.mr-3{margin-right:1rem!important}.mr-4{margin-right:1.5rem!important}.mr-5{margin-right:3rem!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.ml-0{margin-left:0!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:1rem!important}.ml-4{margin-left:1.5rem!important}.ml-5{margin-left:3rem!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-3{margin-left:1rem!important;margin-right:1rem!important}.mx-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-5{margin-left:3rem!important;margin-right:3rem!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pr-0{padding-right:0!important}.pr-1{padding-right:.25rem!important}.pr-2{padding-right:.5rem!important}.pr-3{padding-right:1rem!important}.pr-4{padding-right:1.5rem!important}.pr-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.pl-0{padding-left:0!important}.pl-1{padding-left:.25rem!important}.pl-2{padding-left:.5rem!important}.pl-3{padding-left:1rem!important}.pl-4{padding-left:1.5rem!important}.pl-5{padding-left:3rem!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:1rem!important;padding-right:1rem!important}.px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-5{padding-left:3rem!important;padding-right:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.fw-1{font-weight:100}.fw-2{font-weight:200}.fw-3{font-weight:300}.fw-4{font-weight:400}.fw-5{font-weight:500}.fw-6{font-weight:600}.fw-7{font-weight:700}.fw-8{font-weight:800}.fw-9{font-weight:900}.card-main{padding:20px;border-radius:6px;background:linear-gradient(90deg,#01953f,#393185);box-shadow:0 0 10px #d9d9d9}.card-body{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:13.5px;font-weight:500}.card-body-left{display:flex;align-items:center;gap:13px;color:#fff}.card-body-left svg{font-size:22px;color:#fff!important}.card-body-left p{margin-bottom:0!important}.card-body-right{color:#fff}.card-percentage-footer{background-color:#f1f5f9;width:100%;border-radius:30px;height:7px}.card-percentage-footer-box{background-color:var(--bg-primary);height:7px;border-radius:30px;margin-top:20px;position:relative}.heading-group{display:flex;flex-direction:column;gap:10px;margin-top:20px}.h-1{font-size:2.5rem;font-weight:700;line-height:1.2}.h-2{font-size:2rem;font-weight:600;line-height:1.3}.h-3{font-size:1.75rem;font-weight:600;line-height:1.4}.h-4{font-size:1.5rem;font-weight:500;line-height:1.5}.h-5{font-size:1.25rem;font-weight:500;line-height:1.6}.h-6{font-size:1rem;font-weight:500;line-height:1.7}.h-14{font-size:14px;font-weight:500;line-height:1.7}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px;box-sizing:border-box}.row{display:flex;flex-wrap:wrap;margin:0 -15px}[class*=col-]{padding:0 15px;box-sizing:border-box;flex-grow:1;flex-basis:0;max-width:100%}.col-1{flex:0 0 8.33%;max-width:8.33%}.col-2{flex:0 0 16.66%;max-width:16.66%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.33%;max-width:33.33%}.col-5{flex:0 0 41.66%;max-width:41.66%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.33%;max-width:58.33%}.col-8{flex:0 0 66.66%;max-width:66.66%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.33%;max-width:83.33%}.col-11{flex:0 0 91.66%;max-width:91.66%}.col-12{flex:0 0 100%;max-width:100%}.ant-pagination{display:flex;justify-content:end;align-items:center;padding-block:5px;padding-inline:10px}.ag-row .ag-cell{line-height:1.2!important}.t-custom-header.center-header{text-align:center}.remark-underline{border:none;background:none;color:#05f;text-decoration:underline}.btn-underline{text-decoration:underline}.today-pin-count{display:inline-block;padding:8px 12px;background-color:#fff;border-radius:6px;box-shadow:0 1px 5px #00000026;font-size:13px;margin-left:10px;font-weight:600;color:#000}.payment-info-tab{display:flex;justify-content:end;column-gap:20px;row-gap:10px}.offline-text{color:#dc3545;font-weight:600}@media (max-width: 600px){.today-pin-count{margin-inline:0px;margin-block:15px}}.amt-ft-big{font-size:14px}.ag-theme-alpine .ag-row-odd{background-color:#f7f7f761}.ag-theme-alpine .ag-row-even{background-color:#fff}.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-weight:600;text-align:center;font-size:12px;line-height:normal}.status-na{background-color:#ccc;color:#333;padding:4px 8px;border-radius:4px}.status-active{background-color:#d4edda;color:#155724}.status-inactive{background-color:#f8d7da;color:#721c24}.status-pending{background-color:#fff3cd;color:#856404}.header-company-title{font-size:20px;color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:0;text-transform:capitalize}.kyc-docs-pop-up{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000f2;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.kyc-image-viewer{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.kyc-image-header{position:absolute;top:-70px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:16px;font-weight:500;z-index:10}.kyc-image-info{display:flex;flex-direction:column;align-items:flex-start}.kyc-image-title{font-size:18px;font-weight:600;margin-bottom:4px}.kyc-image-meta{font-size:14px;opacity:.8}.kyc-image-counter{font-size:14px;opacity:.9}.kyc-img-preview{max-width:100%;height:50vh;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #0000004d;transform:scale(var(--zoom-level, 1));transition:transform .2s ease;cursor:grab}.kyc-img-preview:active{cursor:grabbing}.kyc-nav-button{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;font-weight:700;color:#333;box-shadow:0 4px 12px #0000004d;transition:all .2s ease;z-index:10}.kyc-nav-button:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.kyc-nav-button:disabled{opacity:.5;cursor:not-allowed;transform:translateY(-50%) scale(1)}.kyc-nav-prev{left:-70px}.kyc-nav-next{right:-70px}.kyc-controls{position:absolute;bottom:-80px;left:50%;transform:translate(-50%);display:flex;gap:12px;background:#000000b3;padding:12px 20px;border-radius:25px;z-index:10}.kyc-control-btn{background:#ffffffe6;border:none;border-radius:20px;padding:8px 16px;cursor:pointer;font-size:14px;font-weight:500;color:#333;transition:all .2s ease;min-width:40px;display:flex;justify-content:center;align-items:center}.kyc-control-btn:hover{background:#fff;transform:translateY(-1px)}.kyc-close-btn{position:absolute;top:10px;right:10px;background:#616060e6;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;font-weight:700;color:#fff;transition:all .2s ease;z-index:999}.kyc-close-btn:hover{background:#fff;color:#000;transform:scale(1.1)}.kyc-keyboard-hint{position:absolute;bottom:-120px;left:50%;transform:translate(-50%);color:#ffffffb3;font-size:12px;text-align:center;white-space:nowrap}@media (max-width: 768px){.kyc-nav-button{width:40px;height:40px;font-size:16px}.kyc-nav-prev{left:-50px}.kyc-nav-next{right:-50px}.kyc-image-header{top:-50px;font-size:14px}.kyc-controls{bottom:-60px;padding:8px 16px;gap:8px}.kyc-control-btn{padding:6px 12px;font-size:12px}.kyc-keyboard-hint{bottom:-90px;font-size:10px}}@media (max-width: 900px){.payment-info-tab{display:grid;grid-template-columns:repeat(3,1fr)}}@media (max-width: 992px){.col-md-1{flex:0 0 8.33%;max-width:8.33%}.col-md-2{flex:0 0 16.66%;max-width:16.66%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.33%;max-width:33.33%}.col-md-5{flex:0 0 41.66%;max-width:41.66%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.33%;max-width:58.33%}.col-md-8{flex:0 0 66.66%;max-width:66.66%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.33%;max-width:83.33%}.col-md-11{flex:0 0 91.66%;max-width:91.66%}.col-md-12{flex:0 0 100%;max-width:100%}}@media (max-width: 768px){.col-sm-1{flex:0 0 8.33%;max-width:8.33%}.col-sm-2{flex:0 0 16.66%;max-width:16.66%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.33%;max-width:33.33%}.col-sm-5{flex:0 0 41.66%;max-width:41.66%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.33%;max-width:58.33%}.col-sm-8{flex:0 0 66.66%;max-width:66.66%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.33%;max-width:83.33%}.col-sm-11{flex:0 0 91.66%;max-width:91.66%}.col-sm-12{flex:0 0 100%;max-width:100%}}.w-10{width:10%!important}.w-15{width:15%!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.h-10{height:10%!important}.h-15{height:15%!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}@media (max-width: 1200px){.w-m-10{width:10%!important}.w-m-15{width:15%!important}.w-m-25{width:25%!important}.w-m-50{width:50%!important}.w-m-75{width:75%!important}.w-m-100{width:100%!important}.h-m-10{height:10%!important}.h-m-15{height:15%!important}.h-m-25{height:25%!important}.h-m-50{height:50%!important}.h-m-75{height:75%!important}.h-m-100{height:100%!important}}@media (max-width: 768px){.w-s-10{width:10%!important}.w-s-15{width:15%!important}.w-s-25{width:25%!important}.w-s-50{width:50%!important}.w-s-75{width:75%!important}.w-s-100{width:100%!important}.h-s-10{height:10%!important}.h-s-15{height:15%!important}.h-s-25{height:25%!important}.h-s-50{height:50%!important}.h-s-75{height:75%!important}.h-s-100{height:100%!important}}.i-error-text{color:red;font-size:.8rem;margin-top:4px}.d-block{display:block}.d-none{display:none}.d-flex{display:flex}.d-inline{display:inline}.d-inline-block{display:inline-block}.form-group-large,.form-group-main{width:100%}.form-group-main label,.form-group-large label,.form-group-medium label,.form-group-small label{color:#475569;font-size:13.5px;font-weight:500;margin-bottom:5px;display:inline-block}.form-group-main label span,.form-group-large label span,.form-group-medium label span,.form-group-small label span{color:red;display:inline-block;margin-right:4px}.input-text-box{border:1px solid #d9d9d9;padding:7px 11px;border-radius:6px;background-color:#fff;width:100%;box-sizing:border-box;outline:none;font-size:13px}.input-text-box:focus{border:2px solid var(--bg-primary)}.input-text-box::placeholder{color:#b0b0b0}.input-text-box-uppercase{text-transform:uppercase}.form-group-medium{width:75%}.validate-btn{padding:8.5px 12px;font-size:13px;background-color:#0b0;border:none;color:#fff;font-weight:500;cursor:pointer;border-top-right-radius:6px;border-bottom-right-radius:6px}.form-group-small{width:50%}.password-input-box{position:relative}.password-input-icon{position:absolute;top:50%;transform:translateY(-45%);right:11px;font-size:18px;cursor:pointer}.password-input-icon svg{color:#6e6e6e}.checkbox-form-group{display:flex;align-items:center;gap:20px}.checkbox-form-sub-group{display:flex;align-items:center;gap:8px}.input-checkbox{border:1px solid #d9d9d9!important;height:16px;width:16px}.radio-form-group{display:flex;align-items:center;gap:20px}.radio-form-sub-group{display:flex;align-items:center;gap:8px}.input-radio{border:1px solid #d9d9d9!important;height:16px;width:16px}.code-main-box{margin-top:20px}.code-collapse-box{text-align:end;margin-bottom:10px;font-size:20px;cursor:pointer;position:absolute;right:10px;top:10px}.code-block{padding:10px;border-radius:6px;background-color:#1e293b;color:#fff;font-size:13px;position:relative}.code-block pre{text-wrap:wrap}.copy-code-btn{position:absolute;top:10px;right:10px;font-size:13px;color:#1e293b;cursor:pointer;padding:0;height:30px;width:30px;border-radius:100%;display:flex;align-items:center;justify-content:center;border:none}.input-date-picker{padding:5px 10px;transition:border-color .3s ease}.input-date-picker:focus-within{border:2px solid var(--bg-primary)!important;box-shadow:none}.custom-date-form-group{display:flex;align-items:center;gap:20px}.custom-date-form-sub-group{width:100%}.custom-select-dropdown{transition:border-color .3s ease}.custom-select-dropdown .ant-select-selector:focus-within{border:2px solid var(--bg-primary)!important;outline:none}.custom-tag-selector .ant-select-selector{border:none!important;border-left:1px dashed #ababab!important;box-shadow:none!important;border-radius:0!important}.custom-tag-selector .ant-select-arrow{display:none!important}.input-textarea{border:1px solid #d9d9d9;padding:9px 11px;border-radius:6px;background-color:#fff;width:100%;box-sizing:border-box;outline:none;font-size:13px}.input-textarea:focus{border:2px solid var(--bg-primary)}.input-textarea::placeholder{color:#b0b0b0}.text-editor-form .ql-editor{min-height:100px!important;padding:10px!important;box-sizing:border-box!important}.text-editor-form .ql-toolbar.ql-snow{border-top-right-radius:6px;border-top-left-radius:6px;transition:all .3s ease}.text-editor-form .ql-container{border-bottom-right-radius:6px;border-bottom-left-radius:6px;transition:all .3s ease}.text-editor-form .ql-container.ql-snow:focus-within{border:1px solid var(--bg-primary)}.top-count-label{font-size:13px;font-weight:400}.fw-text-500{font-weight:500}.amt-lable-txt{color:#000;font-weight:600}.red-text-unused{color:red;cursor:pointer}.btn-group{display:flex;flex-direction:column;gap:15px;padding:20px 0}.c-button{margin-bottom:0;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.status-c-button{margin-bottom:0;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;padding:4px 6px;font-size:14px;line-height:1.42857143;border-radius:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:normal;display:flex;justify-content:center;align-items:center}.blue-btn{background-color:var(--bg-primary);color:#fff;transition:background-color .3s linear}.blue-btn:hover{background-color:var(--bg-primary-hover)}.red-btn{background-color:var(--bg-red);color:#fff;transition:background-color .3s linear}.red-btn:hover{background-color:var(--bg-red-hover)}.yellow-btn{background-color:var(--bg-yellow);color:#000;transition:background-color .3s linear}.yellow-btn:hover{background-color:var(--bg-yellow-hover)}.black-btn{background-color:var(--bg-black);color:#fff;transition:background-color .3s linear}.black-btn:hover{background-color:var(--bg-black-hover)}.c-link{color:#2563eb;text-decoration:none;transition:color .3s ease;font-size:13px}.file-input-text-box{padding:6px 11px;cursor:pointer}.form-multi-upload-image-group{position:relative;overflow:hidden;margin-bottom:14px}.form-multi-upload-image-group .file-upload-btn{position:absolute;right:0;top:0;height:100%;width:40px;border:none;border-left:1px solid #d9d9d9;display:flex;align-items:center;justify-content:center;cursor:pointer;border-top-right-radius:6px;border-bottom-right-radius:6px}.form-multi-upload-image-group .file-upload-btn.plus{background-color:transparent}.form-multi-upload-image-group .file-upload-btn.minus{background-color:red;color:#fff}.upload-image-preview-container{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.upload-image-preview-box{margin:20px 0;width:100px;height:100px;overflow:hidden;position:relative}.upload-image-preview-box img{height:100%;width:100%;object-fit:contain}.upload-image-remove-btn{position:absolute;top:5px;right:5px;background-color:red;color:#fff;border-radius:50%;cursor:pointer;height:27px;width:27px;border:none}.material-react-table-main{display:flex;flex-direction:column}.custom-react-table-top-box{display:flex;justify-content:space-between;align-items:center}.custom-table-action-btn-box{display:flex;align-items:center;gap:10px}.custom-table-action-btn-box button{height:25px;width:25px;border-radius:100%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}.custom-table-action-btn-box button.id-btn{background-color:#0eb11b;color:#fff;transition:background-color .3s linear}.custom-table-action-btn-box button.id-btn:hover{background-color:#054603}.custom-table-action-btn-box button.edit-btn{background-color:#007bff;color:#fff;transition:background-color .3s linear}.custom-table-action-btn-box button.edit-btn:hover{background-color:#004997}.custom-table-action-btn-box button.delete-btn{background-color:#fb0000;color:#fff;transition:background-color .3s linear}.custom-table-action-btn-box button.delete-btn:hover{background-color:#900000}.custom-table-img-box{max-width:100px;height:40px;margin:5px 0}.custom-table-img-box img{height:100%;width:100%;object-fit:contain}.data-table-search-box{margin-bottom:10px}.table-loading-box{display:flex;align-items:center;justify-content:center;height:50vh}.hr{width:100%;border:0;border-top:1px solid #ccc;margin-bottom:10px}.c-add-edit-form-main{background-color:#fff;padding:20px;position:relative}.input-error{border:2px solid red!important;border-radius:6px!important}.error-message{color:red;font-size:12px;margin-top:4px;margin-bottom:0;display:block}.para-show-three-lines{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.ant-dropdown-menu-vertical{margin-top:20px!important}.btn-danger{background-color:#ec536c;color:#fff}.btn-warning{background-color:#f5b225;color:#fff}.btn-info{background-color:#7a6fbe;color:#fff}.form-check{gap:30px}.prize-dhamaka-disable-sign{background-color:#f9f9f9;border-radius:50px;border:1px solid red;padding:2px 4px 2px 2px;height:18px;width:18px;margin-top:5px}.permium-salary-disable-sign{background-color:red;border-radius:50px;padding:2px;height:18px;width:18px;margin-top:5px;display:flex;justify-content:center;align-items:baseline}.disabled-slash{position:absolute;top:-1px;left:0}@media (max-width: 768px){.form-check{gap:0px}}@media (max-width: 1024px){.custom-date-form-group{flex-wrap:wrap}.form-group-medium,.form-group-small{width:100%}}.table-section-main{background-color:#fff;padding:0 5px}.table-title-header h1{font-size:16px;margin-bottom:10px!important}.table-filter-container{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.table-filter-container-A{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.table-filter-container-B{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.table-filter-btn-col{display:flex;align-items:center;gap:10px}.table-c-container,.table-responsive-wrapper{height:100%}.table-responsive-wrapper{margin-top:20px}.table-c-s-e-box{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:space-between;margin-bottom:10px}.table-c-per-page-count-box label{font-size:13px;color:#374151;font-weight:500}.table-c-search-input-box{width:100%;max-width:250px}.table-complaint-box{display:flex;justify-content:end;align-items:right}.ag-grid-custom{width:100%}.t-custom-header{background-color:#f3f4f6;color:#111827;font-weight:500;font-size:14px;text-align:center;padding-block:2px;white-space:normal!important}.ag-header-cell.align-right-headers .ag-header-cell-label{justify-content:flex-end!important;text-align:right}.ag-header-cell.align-center-headers .ag-header-cell-label{justify-content:center!important;text-align:center}.ag-header-cell.align-left-headers .ag-header-cell-label{justify-content:flex-start!important;text-align:left}.ag-cell-value{line-height:normal!important;margin-block:10px}.table-c-container .ag-paging-panel{height:45px!important;align-items:center;padding:10px;font-size:14px}.bold-pt-cell{font-weight:700!important}.table-action-cell-btn{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.table-action-cell-btn button{font-size:12px;font-weight:500}.view-more-plus-btn{margin:5px 0;display:flex;align-items:center;justify-content:center}.view-more-plus-btn button{background-color:#004a7f;padding:3px 5px;display:flex;align-items:center;justify-content:center}.c-table-responsive{width:100%;overflow-x:auto;box-sizing:border-box}.c-table{width:100%;border-collapse:collapse;background-color:#fff;overflow:hidden;border:1px solid #babfc7}.c-table th{font-size:14px;font-weight:600;padding:14px 10px;background-color:#f3f4f6;border-bottom:1px solid #babfc7}.c-table td{font-size:13px;font-weight:400;color:#3e3e3e;padding:10px;border-bottom:1px solid #eee}.c-table th,.c-table td{text-align:center;text-wrap:nowrap}.c-table thead{background-color:#f8f9fa;color:#333}.c-table tbody tr:nth-child(2n){background-color:#f9f9f9}.c-table tbody tr:hover{background-color:#ebebeb;cursor:pointer}.c-t-level-income-container{background-color:#fff;padding:10px}.c-t-level-income-t-header h3{font-weight:500;font-size:19px;text-align:start}.input-text-box:disabled{background-color:#ebebeb}.table-box-align{display:flex;align-items:center}.box-underline label{text-decoration:underline;margin-left:25px}.table-box-color-red label{margin-left:40px;color:red!important;text-decoration:underline}.table-info-bg{line-height:normal}.ant-modal{margin-top:75px}@media (max-width: 900px){.table-filter-container{grid-template-columns:repeat(3,1fr)}.table-filter-container-A{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}}@media (max-width: 600px){.table-filter-container{grid-template-columns:repeat(2,1fr)}.table-filter-container-A{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.table-filter-btn-col{grid-column:span 2}}@media (max-width: 380px){.table-filter-container{grid-template-columns:repeat(1,1fr)}.table-filter-container-A{display:grid;grid-template-columns:repeat(1,1fr);gap:15px}.table-filter-btn-col{grid-column:span 1}}.checkbox-inline{display:flex;align-items:center;margin-top:10px}.checkbox-inline label{margin-left:8px;margin-bottom:0}.input-border-radius-right{border-top-right-radius:0;border-bottom-right-radius:0}.btn-border-radius-left{border-top-left-radius:0;border-bottom-left-radius:0}.form-group-main{margin-bottom:20px}.form-upload-image-group{border:2px dashed #e1e8ed;border-radius:16px;padding:1rem;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;overflow:hidden;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.form-upload-image-group:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(102,126,234,.03) 50%,transparent 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.form-upload-image-group:hover:before{opacity:1}.form-upload-image-group:hover{border-color:#667eea;background:linear-gradient(135deg,#667eea0d,#764ba20d);transform:translateY(-2px);box-shadow:0 12px 30px #667eea26}.form-upload-image-group.drag-over{border-color:#667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a);transform:scale(1.02);box-shadow:0 15px 35px #667eea33}.form-upload-image-group.camera-active-state{border-color:#8b5cf6;background:linear-gradient(135deg,#8b5cf60d,#a855f70d);min-height:400px}.camera-preview-container{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.camera-video-preview{width:100%;max-width:500px;border-radius:12px;border:2px solid #e1e8ed;box-shadow:0 8px 25px #0000001a}.camera-controls{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.camera-capture-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #667eea4d}.camera-capture-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.camera-stop-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #6b72804d}.camera-stop-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6b728066}.upload-icon-container{border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 8px 25px #667eea4d;transition:all .3s ease;padding:12px}.form-upload-image-group:hover .upload-icon-container{transform:scale(1.05) rotate(5deg);box-shadow:0 12px 30px #667eea66}.upload-main-text{font-size:1rem;font-weight:600;color:#2c3e50;margin-bottom:.5rem;line-height:1.4}.upload-sub-text{font-size:.8rem;color:#7f8c8d;margin-bottom:1rem;line-height:1.5}.upload-button-group{display:flex;flex-direction:column;gap:12px;align-items:center}.upload-browse-btn{background:#2563eb;color:#fff;border:none;padding:.55rem 1rem;border-radius:25px;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px;min-width:120px;justify-content:center}.upload-browse-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.upload-camera-btn{background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none;padding:.55rem 1rem;border-radius:25px;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px;min-width:120px;justify-content:center;box-shadow:0 4px 15px #0596694d}.upload-camera-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #05966966}.file-input-hidden{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;top:0;left:0;display:none}.upload-image-preview-container{position:relative;padding:1rem 1rem .54rem;background:#ffffffe6;border-radius:16px;box-shadow:0 8px 25px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);width:-webkit-fill-available}.upload-image-preview-box{position:relative;display:inline-block;border-radius:12px;overflow:hidden;height:100%;width:100%;margin-block:0px}.preview-image{object-fit:cover;border-radius:12px;transition:all .3s ease;max-width:100%}.upload-image-remove-btn{position:absolute;top:5px;right:5px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 15px #e74c3c4d;z-index:10}.upload-image-remove-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #e74c3c66}.upload-loading-state{pointer-events:none;opacity:.7}.upload-loading-spinner{width:40px;height:40px;border:3px solid rgba(102,126,234,.2);border-top:3px solid #667eea;border-radius:50%;animation:uploadSpin 1s linear infinite;margin:1rem auto}@keyframes uploadSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.upload-success-state{border-color:#10b981;background:linear-gradient(135deg,#10b9810d,#0596690d)}.upload-error-state{border-color:#e74c3c;background:linear-gradient(135deg,#e74c3c0d,#c0392b0d)}.upload-error-text{color:#e74c3c;font-size:.9rem;font-weight:500;margin-top:.5rem;background:#e74c3c1a;padding:8px 12px;border-radius:8px;border:1px solid rgba(231,76,60,.2)}.package-offer-section{margin-bottom:1.5rem}.package-offer-label{color:#475569;font-size:13.5px;font-weight:500;margin-bottom:5px;display:inline-block}.package-offer-table{width:100%;border-collapse:collapse;margin-bottom:12px;font-size:14px}.package-offer-table th,.package-offer-table td{border:1px solid #ddd;padding:8px;text-align:start}.package-offer-table th{background-color:#f1f1f1;font-weight:600;font-size:13px}.package-offer-input{width:200px;padding:6px 8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.package-offer-btn{font-size:13px;padding:6px 12px;border:none;border-radius:4px;cursor:pointer}.package-offer-btn-primary{background-color:var(--bg-primary);color:#fff;text-align:center}.package-offer-btn-primary:hover{background-color:var(--bg-primary-hover)}.package-offer-btn-danger{background-color:#e74c3c;color:#fff}.package-offer-btn-danger:hover{background-color:#c0392b}.package-add-row-btn{display:flex;justify-content:end;width:100%}@media (min-width: 640px){.upload-button-group{flex-direction:row}}@media (max-width: 768px){.form-upload-image-group{padding:1.5rem;min-height:180px}.upload-main-text{font-size:1rem}.preview-image{max-height:150px}.camera-video-preview{max-width:280px}.form-upload-image-group.camera-active-state{min-height:350px}}.admin-container{display:flex;height:calc(100vh - 67px);background-color:#f1f5f9;overflow:hidden}.sidebar{width:230px;color:#fff;overflow:hidden;background-color:#fff;z-index:99;position:absolute;left:0;top:0;border-right:1px solid #eee;height:100vh}.sidebar-logo-box{height:63px;background-color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;border-bottom:1px solid #eee}.sidebar-logo-box a{text-decoration:none;display:flex;align-items:center;justify-content:center;gap:10px}.sidebar-logo-box img{width:100%;max-width:180px;height:100%;object-fit:cover}.sidebar-logo-box span{color:#fff;font-size:18px;font-weight:700;font-family:cursive}.sidebar .sidebar-ul{list-style:none;background-color:#fff;padding:0 0 0 11px;height:calc(100vh - 94px);overflow-y:auto;scrollbar-width:none;scrollbar-color:#fdba7d #fff}.sidebar .sidebar-ul::-webkit-scrollbar{width:6px}.sidebar .sidebar-ul::-webkit-scrollbar-track{background:transparent}.sidebar .sidebar-ul::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px;transition:background-color .3s}.sidebar .sidebar-ul:hover::-webkit-scrollbar-thumb{background-color:#fffc}.sidebar .sidebar-ul .sidebar-ul-li{margin:8px 2px;padding:6px 10px;border-radius:5px 0 0 5px}.sidebar .sidebar-ul .sidebar-ul-li.active{background-color:#d9ecff;border:1px solid #004a7f33}.sidebar .sidebar-ul .sidebar-ul-li.active a{color:#000}.sidebar .sidebar-ul .sidebar-ul-li.active a svg{color:#ae282e}.sidebar-li-left-box{display:flex;align-items:center;gap:6px}.sidebar-li-right-box{display:flex;align-items:center;justify-content:center}.sidebar-li-right-box svg{font-size:22px!important}.sidebar .sidebar-ul .sidebar-ul-li a{color:#626262;text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:14px}.sidebar .sidebar-ul .sidebar-ul-li a svg{font-size:24px;color:#626262}.list-icon-left{width:25px;text-align:center;margin-top:3px}.sidebar-dropdown-ul-li{list-style:none;height:100%}.sidebar-dropdown-ul-li li{padding:8px 14px;margin:8px 0 0 25px;display:inline-block}.sidebar-dropdown-ul-li li.active{background-color:#d9ecff;border:1px solid #004a7f33;border-radius:5px;box-shadow:0 1px 3px #004a7f1a}.sidebar-dropdown-ul-li li.active a{color:#000}.sidebar-dropdown-ul-li li a{color:#fff;text-decoration:none;display:flex;align-items:center;gap:7px;font-size:14px}.sidebar-sub-dropdown-ul-li li a{font-size:13px!important}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.popup-container{background-color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;max-width:28rem;width:100%;transform:scale(1);animation:popup-enter .2s ease-out}.logout-btn:hover{background-color:#dc2626}.popup-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb}.header-content{display:flex;align-items:center;gap:.75rem}.icon-container{background-color:#fef2f2;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.icon-container svg{color:#dc2626}.popup-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.close-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:color .2s ease}.close-btn:hover{color:#4b5563}.popup-content{padding:1.5rem}.popup-message{color:#4b5563;margin:0 0 1.5rem;line-height:1.5}.button-group{display:flex;gap:.75rem;justify-content:flex-end}.cancel-btn{padding:.5rem 1rem;color:#4b5563;background-color:#f3f4f6;border:none;border-radius:.5rem;cursor:pointer;font-weight:500;transition:background-color .2s ease}.cancel-btn:hover{background-color:#e5e7eb}.confirm-btn{padding:.5rem 1rem;background-color:#ef4444;color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:background-color .2s ease}.confirm-btn:hover{background-color:#dc2626}@keyframes popup-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.popup-container{animation:popup-enter .2s ease-out}@media (max-width: 480px){.popup-header,.popup-content{padding:1rem}.button-group{flex-direction:column}.cancel-btn,.confirm-btn{width:100%;justify-content:center}}.lazy-loading-main{height:100vh!important;width:100vw;display:flex;justify-content:center;align-items:center;flex-direction:column;position:fixed;top:0;bottom:0;left:0;right:0;background-color:#fff;z-index:9999999}.dot-spinner{--uib-size: 2.8rem;--uib-speed: .9s;--uib-color: #183153;position:relative;display:flex;align-items:center;justify-content:flex-start;height:var(--uib-size);width:var(--uib-size)}.dot-spinner__dot{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:flex-start;height:100%;width:100%}.dot-spinner__dot:before{content:"";height:20%;width:20%;border-radius:50%;background-color:var(--uib-color);transform:scale(0);opacity:.5;animation:pulse0112 calc(var(--uib-speed) * 1.111) ease-in-out infinite;box-shadow:0 0 20px #121f354d}.dot-spinner__dot:nth-child(2){transform:rotate(45deg)}.dot-spinner__dot:nth-child(2):before{animation-delay:calc(var(--uib-speed) * -.875)}.dot-spinner__dot:nth-child(3){transform:rotate(90deg)}.dot-spinner__dot:nth-child(3):before{animation-delay:calc(var(--uib-speed) * -.75)}.dot-spinner__dot:nth-child(4){transform:rotate(135deg)}.dot-spinner__dot:nth-child(4):before{animation-delay:calc(var(--uib-speed) * -.625)}.dot-spinner__dot:nth-child(5){transform:rotate(180deg)}.dot-spinner__dot:nth-child(5):before{animation-delay:calc(var(--uib-speed) * -.5)}.dot-spinner__dot:nth-child(6){transform:rotate(225deg)}.dot-spinner__dot:nth-child(6):before{animation-delay:calc(var(--uib-speed) * -.375)}.dot-spinner__dot:nth-child(7){transform:rotate(270deg)}.dot-spinner__dot:nth-child(7):before{animation-delay:calc(var(--uib-speed) * -.25)}.dot-spinner__dot:nth-child(8){transform:rotate(315deg)}.dot-spinner__dot:nth-child(8):before{animation-delay:calc(var(--uib-speed) * -.125)}@keyframes pulse0112{0%,to{transform:scale(0);opacity:.5}50%{transform:scale(1);opacity:1}}.face-verify-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.face-verify-main{max-width:1000px;margin:0 auto}.face-verify-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2);overflow:hidden;animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.face-verify-header{background:linear-gradient(135deg,#4f46e5,#7c3aed);padding:32px;color:#fff;position:relative;overflow:hidden}.face-verify-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='m36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;opacity:.1}.header-content{display:flex;align-items:center;gap:16px;position:relative;z-index:1}.header-icon-wrapper{background:#fff3;padding:12px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-title{font-size:28px;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.header-subtitle{margin:4px 0 0;opacity:.9;font-size:16px;font-weight:400}.face-verify-content{padding:32px}.content-grid{display:grid;grid-template-columns:1fr 400px;gap:32px;align-items:start}@media (max-width: 768px){.content-grid{grid-template-columns:1fr;gap:24px}}.video-section{background:#f8fafc;border-radius:16px;padding:24px;border:2px solid #e2e8f0}.section-title{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 16px;display:flex;align-items:center;gap:8px}.video-container{position:relative;background:#000;border-radius:12px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 10px 25px #0003}.face-verify-video{width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.face-guide{width:200px;height:240px;border:3px solid #10b981;border-radius:12px;position:relative;animation:pulse-border 2s infinite}@keyframes pulse-border{0%,to{border-color:#10b981;box-shadow:0 0 #10b98166}50%{border-color:#34d399;box-shadow:0 0 0 8px #10b9811a}}.face-guide-label{position:absolute;top:-36px;left:50%;transform:translate(-50%);background:#10b981;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.face-guide-label:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#10b981}.processing-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#3b82f61a;display:flex;align-items:center;justify-content:center;animation:scanPulse 2s infinite}@keyframes scanPulse{0%,to{background:#3b82f61a}50%{background:#3b82f633}}.processing-indicator{background:#fff;padding:16px 24px;border-radius:12px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:12px}.status-section{display:flex;flex-direction:column;gap:20px}.status-card{background:#fff;border-radius:16px;padding:24px;border:2px solid #e5e7eb;transition:all .3s ease}.status-card.status-loading{border-color:#3b82f6;background:#eff6ff}.status-card.status-processing{border-color:#3b82f6;background:#eff6ff;animation:detectingPulse 2s infinite}.status-card.status-success{border-color:#10b981;background:#ecfdf5}.status-card.status-error{border-color:#ef4444;background:#fef2f2}.status-card.status-ready{border-color:#10b981;background:#f0fdf4}.status-card.status-no-reference{border-color:#f59e0b;background:#fffbeb}@keyframes detectingPulse{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 8px #3b82f61a}}.status-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.status-icon{width:32px;height:32px;flex-shrink:0}.status-icon.processing{color:#3b82f6}.status-icon.success{color:#10b981}.status-icon.error{color:#ef4444}.status-icon.ready{color:#10b981}.status-icon.warning{color:#f59e0b}.status-message{font-size:18px;font-weight:600;color:#1f2937;margin:0}.status-description{font-size:14px;color:#6b7280;margin-top:8px;line-height:1.5}.reference-info{background:#f0fdf4;border:2px solid #bbf7d0;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px}.reference-info.no-reference{background:#fffbeb;border-color:#fde68a}.reference-icon{width:20px;height:20px;color:#059669;flex-shrink:0}.reference-icon.warning{color:#d97706}.reference-text{font-size:14px;color:#065f46;font-weight:500}.reference-text.warning{color:#92400e}.action-buttons{display:flex;flex-direction:column;gap:12px}.face-verify-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:12px;font-weight:600;font-size:16px;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;background:#3b82f6;color:#fff}.face-verify-button:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.face-verify-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.face-verify-button.reference{background:#10b981}.face-verify-button.reference:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b98166}.spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.security-notice{background:#eff6ff;border:2px solid #bfdbfe;border-radius:16px;padding:20px;margin-top:24px}.security-content{display:flex;align-items:flex-start;gap:12px}.security-icon{width:20px;height:20px;color:#2563eb;flex-shrink:0;margin-top:2px}.security-text{color:#1e40af;font-size:14px;line-height:1.5}.security-title{font-weight:600;margin-bottom:4px}.main-content{flex:1;margin:0 0 0 230px;overflow:hidden}.main-content-full{margin:0;width:100%}.content{padding:12px 12px 40px;position:relative;height:calc(100vh - 90px);overflow-y:auto;scrollbar-width:none;background-image:linear-gradient(173deg,#fff,#f5f5f5)}@media (max-width: 1024px){.main-content-open:after{content:"";display:block;position:absolute;left:0;top:-42px;width:100%;height:calc(100% + 42px);background-color:#2d3e50c9;pointer-events:auto;opacity:1;z-index:55}}.header-main{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#004a7f;border-bottom:1px solid #e0e0e0;position:relative;z-index:9999;margin-left:230px}.header-left{display:flex;align-items:center;gap:20px;justify-content:space-between}.header-input-box{position:relative}.header-input-box input{padding:10px 12px 10px 32px;background-color:#fff;border:none;outline:none;border-radius:4px;font-size:14px;width:365px}.header-input-box svg{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:#515151}.header-add-btn{display:flex;align-items:center;justify-content:center}.header-add-btn svg{color:#fff;font-size:21px;background-color:var(--bg-primary);height:23px;width:23px;border-radius:100%;padding:4px}.header-right{display:flex;align-items:center;gap:30px}.h-right-first-box,.h-right-second-box{display:flex;align-items:center}.h-right-first-box{gap:30px}.h-right-second-box{gap:25px;position:relative}.h-time-show-box{font-size:14px;color:#fff;font-weight:300}.h-r-export-btn-box a{color:#fff;font-size:12px;padding:5px 20px;border:1px solid #b9b9b9b3;text-decoration:none;border-radius:4px}.header-right svg{font-size:19px}.h-profile-box{display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}.h-profile-box img{height:100%;width:100%;border-radius:100%}.h-right-c-box{display:flex;align-items:center;justify-content:center}.profile-dropdown{position:absolute;top:100%;width:200px;right:0}.h-my-sheet-box,.h-notification-box{display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer}.h-logout{border:1px solid #e9e9e9;height:30px;width:33px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer}.h-logout-dropdown{list-style:none}.h-logout-dropdown li a{text-decoration:none;color:#000}.h-logout-dropdown li a:hover{color:#3b82f6}.header-dropdown-box{display:none;cursor:pointer}.header-dropdown-box svg{font-size:22px}.header-middle-logo-box{display:none}@media (max-width: 1024px){.h-right-second-box,.h-right-first-box,.header-add-btn{display:none}.header-dropdown-box{display:block}.header-left,.header-input-box{width:100%}.header-input-box input{width:100%;box-sizing:border-box}.header-middle-logo-box{display:flex;align-items:center;gap:7px}.header-middle-logo-box span{font-size:13px;font-weight:700}.header-middle-logo-box img{height:auto;width:auto;max-width:fit-content;object-fit:contain;max-height:35px}}@media (max-width: 1024px){.username-header-title{font-size:17px!important;width:max-content}}@media (max-width: 768px){.username-header-title{font-size:14px!important;width:max-content}}@media (max-width: 350px){.header-middle-logo-box span{font-size:12px}}.header-dropdown-menu-main{position:absolute;top:100%;background-color:#fff;left:0;right:0;width:100%;border-top:1px solid #d9d9d9bd}.header-dropdown-menu-ul{padding:0;margin:0;list-style:none}.header-dropdown-menu-ul a{color:#383838;text-decoration:none}.header-dropdown-menu-ul li{color:#383838;padding:13px 18px;border-bottom:1px solid #d9d9d9bd;font-size:14px}