body{background:#fff;font-family:system-ui,sans-serif,Arial;color:#333;margin:0;padding:0;max-width:1920px;margin:auto;}body #loading-overlay{position:fixed;width:100%;height:100%;background:#00000075;top:0;left:0;z-index:9999;display:none;align-items:center;justify-content:center;}body .spinner{width:60px;height:60px;border:6px solid #ccc;border-top:6px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;}body #headerbg{background:url(../img/BG.jpg) no-repeat center;background-size:cover;color:#fff;text-align:center;width:100%;height:280px;box-shadow:0 4px 6px rgba(0,0,0,.5);}body #headerbg #header{font-size:23px;width:65%;margin:auto;padding-top:8%;}body #headerbg #header #hmenu{list-style:none;margin:0;padding:0;background:url(../img/BG-Text.png) no-repeat center;background-size:cover;height:45px;width:100%;position:relative;display:flex;-webkit-align-items:center;align-items:center;}body #headerbg #header #hmenu .logo{width:283px;height:155px;background:url(../img/logo.png) no-repeat center;background-size:contain;position:absolute;top:0;left:0;transform:translate(-50%,-50%);}body #headerbg #header #hmenu ul{list-style:none;margin:auto;padding:0;}body #headerbg #header #hmenu ul li{display:inline;margin-right:100px;}body #headerbg #header #hmenu ul li a{color:#fff;text-decoration:none;}body #headerbg #header #hmenu ul li a:hover{text-decoration:underline;}body .main{display:flex;margin-top:5px;}body .main .left-menu{width:15%;min-height:68vh;background-color:#dedede;padding:1%;}body .main .left-menu .sidebar-menu{font-family:Arial,sans-serif;position:relative;width:287px;padding:0;}body .main .left-menu .sidebar-menu .menu-header{display:flex;font-size:14px;justify-content:space-between;padding:4% 10%;background-color:#fff;margin-bottom:16px;}body .main .left-menu .sidebar-menu .menu-header .logout-btn{background:none;border:0;color:#ffa500;cursor:pointer;font-weight:bold;text-decoration:none;}body .main .left-menu .sidebar-menu .menu-list{list-style:none;margin:0;padding:0;}body .main .left-menu .sidebar-menu .menu-list li{align-items:center;display:flex;font-size:15px;margin-bottom:16px;padding:3% 10%;font-weight:bold;color:#8b8787;}body .main .left-menu .sidebar-menu .menu-list li a{color:#8b8787;text-decoration:none;}body .main .left-menu .sidebar-menu .menu-list li:hover,body .main .left-menu .sidebar-menu .menu-list li.active{padding:3% 10%;background-color:#fff;transition:all .7s ease;color:#333;}body .main .left-menu .sidebar-menu .menu-list li:hover .dot,body .main .left-menu .sidebar-menu .menu-list li.active .dot{color:#ffa500;}body .main .left-menu .sidebar-menu .menu-list li:hover a,body .main .left-menu .sidebar-menu .menu-list li.active a{color:#333;text-decoration:none;}body .main .left-menu .sidebar-menu .menu-list .dot{color:#000;font-size:18px;margin-right:8px;}body .confirmIf-popup-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999;justify-content:center;align-items:center;}body .confirmIf-popup-overlay .confirmIf-popup{background:#fff;border-radius:28px;width:800px;height:600px;max-width:95vw;box-shadow:0 0 24px rgba(0,0,0,.22);padding:0 0 18px 0;text-align:center;}body .confirmIf-popup-overlay .confirmIf-popup .confirmIf-popup-header{background:#fff;color:#222;padding:28px 32px 20px 32px;border-radius:28px 28px 0 0;font-weight:bold;font-size:22px;text-align:left;border:0;box-shadow:none;letter-spacing:.5px;}body .confirmIf-popup-overlay .confirmIf-popup .confirmIf-popup-body{padding:0 32px 0 32px;text-align:left;}body .confirmIf-popup-overlay .confirmIf-popup .confirmIf-popup-body .form-group{display:flex;align-items:center;margin-bottom:18px;}body .confirmIf-popup-overlay .confirmIf-popup .confirmIf-popup-body label{min-width:120px;margin-bottom:0;font-weight:bold;font-size:16px;color:#222;text-align:left;margin-right:12px;margin-left:2px;flex-shrink:0;}body .confirmIf-popup-overlay .confirmIf-popup .confirmIf-popup-body input[type='text']{flex:1;width:auto;padding:12px 14px;border:1px solid #ccc;border-radius:12px;background:#f2f2f2;font-size:17px;color:#222;font-weight:bold;margin-bottom:0;letter-spacing:1px;}body .confirmIf-popup-overlay .confirmIf-popup .confirmIf-popup-body .confirm-btn{width:55%;padding:20px 0;background:#ffa500;color:#fff;border:0;border-radius:5px;cursor:pointer;font-weight:bold;font-size:21px;margin:22px 0 10px 134px;text-align:center;box-shadow:none;transition:background .2s;letter-spacing:.5px;}body .confirmIf-popup-overlay .confirmIf-popup .confirmIf-popup-body .confirm-btn:hover{background:#f77301;}body .confirmIf-popup-overlay .confirmIf-popup .confirmIf-popup-body .info-note{margin-top:10px;font-size:20px;color:#d80000;text-align:left;line-height:1.5;font-weight:bold;}body .confirmIf-popup-overlay .confirmIf-popup .confirmIf-popup-body .info-note .note-title{color:#d80000;margin-bottom:2px;}body .confirmIf-popup-overlay .confirmIf-popup .confirmIf-popup-body .info-note ul{margin:0;padding-left:18px;}body .confirmIf-popup-overlay .confirmIf-popup .confirmIf-popup-body .info-note ul li{margin-bottom:2px;color:#d80000;list-style:disc inside;}body .confirmIf-popup-overlay .close-btn{position:absolute;left:50%;bottom:12%;transform:translateX(-50%);width:56px;height:56px;background:#bdbdbd;color:#fff;border-radius:50%;font-size:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:background .2s;z-index:1000;border:0;user-select:none;}body .confirmIf-popup-overlay .close-btn:hover{background:#757575;}body .opt-confirmIf-popup-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;justify-content:center;align-items:center;flex-direction:column;}body .opt-confirmIf-popup-overlay .opt-confirmIf-popup{background:#fff;border-radius:28px;width:800px;height:600px;max-width:95vw;box-shadow:0 0 24px rgba(0,0,0,.22);padding:0 0 18px 0;text-align:center;position:relative;}body .opt-confirmIf-popup-overlay .opt-confirmIf-popup .opt-confirmIf-popup-body{padding:220px 32px 0 32px;text-align:center;}body .opt-confirmIf-popup-overlay .opt-confirmIf-popup .opt-confirmIf-desc{font-size:22px;color:#222;margin-bottom:32px;line-height:1.4;font-weight:500;}body .opt-confirmIf-popup-overlay .opt-confirmIf-popup .opt-confirmIf-row{display:flex;align-items:center;justify-content:center;margin-bottom:130px;gap:12px;}body .opt-confirmIf-popup-overlay .opt-confirmIf-popup .opt-confirmIf-input{flex:1;padding:12px 14px;border:1px solid #ccc;border-radius:12px;background:#f2f2f2;font-size:22px;color:#222;font-weight:bold;letter-spacing:1px;text-align:center;min-width:0;}body .opt-confirmIf-popup-overlay .opt-confirmIf-popup .opt-confirmIf-timer{min-width:100px;padding:12px 0;background:#fff;color:#ffa500;border:2px solid #ffa500;border-radius:8px;font-size:22px;font-weight:bold;text-align:center;box-sizing:border-box;}body .opt-confirmIf-popup-overlay .opt-confirmIf-popup .opt-confirmIf-btn{width:50%;padding:15px 0;background:#ffa500;color:#fff;border:0;border-radius:12px;cursor:pointer;font-weight:bold;font-size:23px;margin:0 0 10px 0;text-align:center;box-shadow:none;transition:background .2s;letter-spacing:.5px;}body .opt-confirmIf-popup-overlay .opt-confirmIf-popup .opt-confirmIf-btn:hover{background:#f77301;}body .opt-confirmIf-popup-overlay .close-btn{position:absolute;left:50%;bottom:12%;transform:translateX(-50%);width:56px;height:56px;background:#bdbdbd;color:#fff;border-radius:50%;font-size:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:background .2s;z-index:1000;border:0;user-select:none;}body .opt-confirmIf-popup-overlay .close-btn:hover{background:#757575;}body .alert-confirmIf-popup-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;justify-content:center;align-items:center;flex-direction:column;}body .alert-confirmIf-popup-overlay .alert-confirmIf-popup{background:#fff;border-radius:28px;width:800px;height:600px;max-width:95vw;box-shadow:0 0 24px rgba(0,0,0,.22);padding:0 0 18px 0;text-align:center;position:relative;}body .alert-confirmIf-popup-overlay .alert-confirmIf-popup .alert-confirmIf-popup-body{padding:280px 32px 0 32px;text-align:center;}body .alert-confirmIf-popup-overlay .alert-confirmIf-popup .alert-confirmIf-desc{font-size:22px;color:#222;margin-bottom:160px;line-height:1.5;font-weight:500;}body .alert-confirmIf-popup-overlay .alert-confirmIf-popup .alert-confirmIf-row{display:flex;align-items:center;justify-content:center;gap:18px;}body .alert-confirmIf-popup-overlay .alert-confirmIf-popup .alert-confirmIf-cancel{flex:1;padding:15px 0;background:#757575;color:#fff;border:0;border-radius:6px;cursor:pointer;font-weight:bold;font-size:22px;text-align:center;transition:background .2s;}body .alert-confirmIf-popup-overlay .alert-confirmIf-popup .alert-confirmIf-cancel:hover{background:#444;}body .alert-confirmIf-popup-overlay .alert-confirmIf-popup .alert-confirmIf-confirm{flex:1;padding:15px 0;background:#ffa500;color:#fff;border:0;border-radius:6px;cursor:pointer;font-weight:bold;font-size:22px;text-align:center;transition:background .2s;}body .alert-confirmIf-popup-overlay .alert-confirmIf-popup .alert-confirmIf-confirm:hover{background:#f77301;}body .alert-confirmIf-popup-overlay .close-btn{position:absolute;left:50%;bottom:12%;transform:translateX(-50%);width:56px;height:56px;background:#bdbdbd;color:#fff;border-radius:50%;font-size:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:background .2s;z-index:1000;border:0;user-select:none;}body .alert-confirmIf-popup-overlay .close-btn:hover{background:#757575;}body .popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:none;justify-content:center;align-items:center;flex-direction:column;z-index:999;}body .popup-overlay .popup{background:#fff;border-radius:28px;width:470px;max-width:calc(100vw - 32px);box-shadow:0 10px 30px rgba(0,0,0,.28);padding:0;text-align:center;position:relative;}body .popup-overlay .popup .popup-header{background:#f90;color:#fff;padding:10px;font-weight:bold;font-size:22px;border-radius:28px 28px 0 0;position:relative;}body .popup-overlay .popup .popup-body{padding:15px;text-align:left;}body .popup-overlay .popup .popup-body label{display:block;margin-top:10px;font-size:14px;}body .popup-overlay .popup .popup-body input{width:100%;padding:10px 5px;margin-top:5px;border:1px solid #ccc;border-radius:4px;}body .popup-overlay .popup .phone-update-body{padding:24px 30px 26px;text-align:center;}body .popup-overlay .popup .phone-update-body .phone-update-title{font-size:15px;color:#222;margin-bottom:16px;line-height:1.4;font-weight:bold;}body .popup-overlay .popup .phone-update-body .phone-update-input{width:100%;height:31px;padding:0 10px;border:1px solid #c7c7c7;border-radius:2px;background:#e9e9e9;font-size:14px;color:#222;box-sizing:border-box;margin-bottom:24px;}body .popup-overlay .popup .phone-update-body .phone-update-input::placeholder{color:#777;}body .popup-overlay .popup .phone-update-body .phone-update-row{text-align:center;}body .popup-overlay .popup .phone-update-body .phone-update-confirm{width:200px;height:40px;background:#ffa500;color:#fff;border:0;border-radius:4px;cursor:pointer;font-weight:bold;font-size:16px;text-align:center;transition:background .2s;text-transform:uppercase;}body .popup-overlay .popup .phone-update-body .phone-update-confirm:hover{background:#f77301;}body .popup-overlay .close-btn{position:absolute;left:50%;bottom:30%;transform:translateX(-50%);width:42px;height:42px;background:transparent;color:#cbc9c9;border-radius:50%;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:none;transition:color .2s,border-color .2s;z-index:1000;border:3px solid #cbc9c9;user-select:none;}body .popup-overlay .close-btn:hover{color:#5d5d5d;border-color:#5d5d5d;}body .otp-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:none;justify-content:center;align-items:center;flex-direction:column;z-index:999;}body .otp-popup-overlay .otp-popup{background:#fff;border-radius:28px;width:470px;max-width:calc(100vw - 32px);box-shadow:0 10px 30px rgba(0,0,0,.28);padding:28px 26px 30px;text-align:center;position:relative;}body .otp-popup-overlay .otp-popup .otp-popup-header{font-size:15px;color:#222;font-weight:500;padding:0;text-align:center;line-height:1.4;margin-bottom:18px;}body .otp-popup-overlay .otp-popup .otp-popup-body{padding:0;text-align:center;}body .otp-popup-overlay .otp-popup .otp-popup-body .otp-code-boxes{display:flex;justify-content:center;gap:10px;margin-bottom:12px;}body .otp-popup-overlay .otp-popup .otp-popup-body .otp-code-boxes .otp-digit{width:30px;height:30px;padding:0;border:1px solid #c8c8c8;border-radius:3px;background:#ececec;color:#222;font-size:16px;font-weight:bold;text-align:center;line-height:30px;box-sizing:border-box;}body .otp-popup-overlay .otp-popup .otp-popup-body .otp-code-boxes .otp-digit:focus{outline:0;border-color:#f9a825;box-shadow:0 0 0 1px rgba(249,168,37,.15);}body .otp-popup-overlay .otp-popup .otp-popup-body .otp-timer{width:100px;height:30px;margin:0 auto 10px;border:2px solid #ffa500;border-radius:2px;color:#ffa500;font-size:15px;font-weight:bold;line-height:26px;box-sizing:border-box;}body .otp-popup-overlay .otp-popup .otp-popup-body .otp-resend-btn{display:inline-block;margin-bottom:12px;padding:0;border:0;background:none;color:#ffa500;cursor:pointer;font-size:14px;font-weight:bold;text-decoration:underline;text-transform:none;}body .otp-popup-overlay .otp-popup .otp-popup-body .otp-resend-btn:hover{color:#f77301;}body .otp-popup-overlay .otp-popup .otp-popup-body .otp-popup-buttons{display:block;margin-top:0;}body .otp-popup-overlay .otp-popup .otp-popup-body .otp-popup-buttons .confirm-btn{width:160px;height:40px;background:#ffa500;color:#fff;border:0;border-radius:4px;cursor:pointer;font-weight:bold;font-size:16px;text-align:center;transition:background .2s;text-transform:uppercase;}body .otp-popup-overlay .otp-popup .otp-popup-body .otp-popup-buttons .confirm-btn:hover{background:#f77301;}body .otp-popup-overlay .close-btn{position:absolute;left:50%;bottom:30%;transform:translateX(-50%);width:42px;height:42px;background:transparent;color:#cbc9c9;border-radius:50%;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:none;transition:color .2s,border-color .2s;z-index:1000;border:3px solid #cbc9c9;user-select:none;}body .otp-popup-overlay .close-btn:hover{color:#5d5d5d;border-color:#5d5d5d;}@media only screen and (max-width:1920px){body #headerbg{height:14.58333333vw;}body #headerbg #header{font-size:1.19791667vw;}body #headerbg #header #hmenu{height:2.34375vw;}body #headerbg #header #hmenu .logo{width:14.73958333vw;height:8.07291667vw;}body #headerbg #header #hmenu ul li{margin-right:5.20833333vw;}body .main{margin-top:.26041667vw;}body .main .left-menu .sidebar-menu{width:14.94791667vw;}body .main .left-menu .sidebar-menu .menu-header{font-size:.72916667vw;margin-bottom:.83333333vw;}body .main .left-menu .sidebar-menu .menu-list li{font-size:.78125vw;margin-bottom:.83333333vw;}body .main .left-menu .sidebar-menu .menu-list .dot{font-size:.9375vw;margin-right:.41666667vw;}}@keyframes spin{to{transform:rotate(360deg);}}body .swal-modal{width:400px;max-width:calc(100vw - 48px);border-radius:12px;padding:24px 22px 16px;box-shadow:0 14px 34px rgba(0,0,0,.22);}body .swal-icon{margin:-8px auto 6px;transform:scale(.78);}body .swal-icon:first-child{margin-top:-8px;}body .swal-title{display:block;padding:0;margin:0 0 14px;color:#333;font-size:17px;font-weight:400;line-height:1.45;text-align:center;}body .swal-title:first-child{margin-top:0;}body .swal-title:not(:first-child){padding-bottom:0;}body .swal-title:not(:last-child){margin-bottom:8px;}body .swal-text{display:block;max-width:100%;padding:0;margin:0 0 14px;color:#333;font-size:17px;line-height:1.45;text-align:center;}body .swal-footer{margin:0;padding:0;text-align:center;}body .swal-button-container{margin:0 4px;}body .swal-button--confirm,body .swal-button--cancel{height:32px;padding:0 24px;border-radius:3px;border:0;box-shadow:none;font-size:11px;font-weight:700;line-height:32px;}body .swal-button--confirm{min-width:126px;background-color:#f9a825;color:#fff;text-transform:uppercase;}body .swal-button--confirm:not([disabled]):hover,body .swal-button--confirm:active{background-color:#e09006;}body .swal-button--confirm:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(249,168,37,.32);}body .swal-button--cancel{min-width:126px;background-color:#efefef;color:#555;}body .swal-button--cancel:not([disabled]):hover{background-color:#e8e8e8;}body .swal-button--cancel:active{background-color:#d7d7d7;}body .swal-button--cancel:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(116,136,150,.29);}@media screen and (max-width:768px){.popup,.otp-popup,.confirmIf-popup,.opt-confirmIf-popup,.alert-confirmIf-popup{width:90%!important;margin:0 15px;}.confirmIf-popup-header{font-size:18px!important;padding:20px 20px 15px 20px!important;}.confirmIf-popup-body{padding:0 20px!important;}.form-group{flex-direction:column;margin-bottom:15px!important;}.form-group label{min-width:100%!important;margin-bottom:8px;}.form-group input[type='text']{width:100%!important;}.confirm-btn{width:100%!important;margin:20px 0!important;}.info-note{font-size:14px!important;}.opt-confirmIf-popup-body{padding:140px 20px 0 20px!important;}.opt-confirmIf-desc{font-size:16px!important;}.opt-confirmIf-row{flex-direction:column;gap:10px!important;}.opt-confirmIf-timer{min-width:100%!important;}.opt-confirmIf-btn{width:100%!important;}.alert-confirmIf-popup-body{padding:140px 20px 0 20px!important;}.alert-confirmIf-desc{font-size:16px!important;margin-bottom:100px!important;}.alert-confirmIf-row{flex-direction:column;gap:10px!important;}.alert-confirmIf-cancel,.alert-confirmIf-confirm{width:100%!important;}.otp-popup-header{font-size:16px!important;padding:40px 20px 0 20px!important;}.otp-popup_body{padding:0 20px!important;}.otp-popup-buttons{flex-direction:column;gap:10px!important;}.cancel-btn,.confirm-btn{width:100%!important;}.confirmIf-close-btn{bottom:5%!important;}}@media screen and (max-width:480px){.popup,.otp-popup,.confirmIf-popup,.opt-confirmIf-popup,.alert-confirmIf-popup{width:95%!important;margin:0 10px;}.confirmIf-popup-header{font-size:16px!important;padding:15px 15px 10px 15px!important;}.confirmIf-popup-body{padding:0 15px!important;}.opt-confirmIf-popup-body,.alert-confirmIf-popup-body{padding:100px 15px 0 15px!important;}.opt-confirmIf-desc,.alert-confirmIf-desc,.otp-popup-header{font-size:14px!important;}.opt-confirmIf-input,.otp-input{font-size:15px!important;}.opt-confirmIf-timer{font-size:14px!important;padding:10px 0!important;}.confirmIf-close-btn{width:48px!important;height:48px!important;font-size:32px!important;}}