@import "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.home-page{background:#fff;min-height:100dvh}.home-page .home-shell{min-height:100dvh}.home-page .home-bg{background-image:url(/assets/main_bg-Chi64mWK.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;min-height:100dvh;position:relative}.home-page .home-bg:after{content:"";pointer-events:none;background:linear-gradient(90deg,#001f3a29,#001f3a05);position:absolute;inset:0}.home-page .home-header{z-index:1;padding:30px 50px;display:flex;position:relative}.home-page .home-logo{width:250px}@media screen and (width>=1200px){.home-page .home-header{padding:40px 64px}.home-page .home-logo{width:280px}}@media screen and (width>=993px){.home-page{height:100dvh;overflow:hidden}.home-page .home-shell,.home-page .home-form-col,.home-page .home-visual-col{height:100dvh;min-height:100dvh}.home-page .home-form-col{overflow-y:auto}.home-page .home-visual-col{overflow:hidden}.home-page .home-bg{background-position:50%;height:100%;min-height:100%}}.board{flex-direction:column;justify-content:center;align-items:center;gap:3rem;width:100%;height:100vh;margin:0 auto;display:flex}.board .back_button{color:#666;background:0 0;border:0;outline:none;font-size:24px}.board .back_button:hover{color:#575151}.not-found-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;font-family:Arial,sans-serif;display:flex}.not-found-image{width:300px;margin-top:20px}.login-form{z-index:2;color:#333;background-color:#fff;height:100%;min-height:100dvh;position:relative;overflow-y:auto}.login-form .lang-box{background-color:#f0f0f0;justify-content:center;width:100%;margin-bottom:clamp(24px,5vw,50px);padding:7px 0;display:flex}.login-form .form-main{min-height:calc(100dvh - 90px)}.login-form .logo_left{text-align:center}.login-form .logo_left img{width:200px}.login-form .login-title{text-align:center;margin-bottom:clamp(24px,5vw,50px);font-size:clamp(1.5rem,4vw,2rem);font-weight:600}.login-form .please-login{margin-bottom:20px;font-size:clamp(15px,3vw,18px);font-weight:300}.login-form .submit-button{border-radius:0;width:100%;min-height:40px;margin-top:20px;margin-bottom:15px}.login-form .go-register{text-align:center;margin-top:20px;display:block}@media screen and (width<=992px){.login-form .lang-box{justify-content:flex-end;padding:10px 16px}.login-form .logo_left{text-align:center}.login-form .logo_left img{width:150px}.login-form .login-title{font-size:1.5rem}}@media screen and (width>=993px){.login-form{border-right:1px solid #e5e7eb}.login-form .lang-box{justify-content:flex-end;min-height:52px;padding:8px 28px}.login-form .form-main{padding:24px 0 56px}.login-form .form-main>.ant-col{max-width:430px}.login-form .logo_left img{width:180px}}@media screen and (width<=576px){.login-form .lang-box{margin-bottom:24px}.login-form .logo_left img{width:128px}.login-form .please-login{text-align:center}.login-form .go-register{margin-top:14px}}.lang{cursor:pointer;text-transform:uppercase;background-color:#f0f5ff;border-radius:10px;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;margin-right:10px;display:flex}@media screen and (width<=768px){.lang{border-radius:8px;flex-basis:36px;width:36px;height:36px;margin-right:8px;font-size:12px}}.dashborad{background:#f5f7fb;min-height:100vh}.dashborad .ant-layout{min-height:100vh}.dashborad .site-layout{min-width:0}.dashborad .menu-side{padding:20px 0;box-shadow:2px 0 16px #0f172a14}.dashborad .menu-side .logo{text-align:center;margin-bottom:30px}.dashborad .menu-side .logo .img1{width:38px}.dashborad .menu-side .logo .img2{width:150px}.dashborad .site-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:80px;display:flex;padding:0 20px!important}.dashborad .site-header .site-user-menu{align-items:center;display:flex}.dashborad .main-box{width:min(100% - 32px,1480px);min-height:calc(100vh - 120px);margin:20px auto;padding:0;overflow-x:hidden}.dashborad .trigger{font-size:20px}.dashborad .mobile-menu-button{flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;display:none}.dashborad .header{height:120px;padding:25px}@media screen and (width<=768px){.dashborad .menu-side,.dashborad .desktop-trigger{display:none}.dashborad .mobile-menu-button{display:inline-flex}.dashborad .site-header{gap:8px;height:64px;padding:0 12px!important}.dashborad .site-user-menu{flex:1;justify-content:flex-end;min-width:0}.dashborad .main-box{width:auto;min-height:calc(100vh - 88px);margin:12px}}@media screen and (width>=1200px){.dashborad .site-header{padding:0 32px!important}.dashborad .main-box{width:min(100% - 64px,1480px);min-height:calc(100vh - 136px);margin:28px auto}}.mobile-menu-drawer .ant-drawer-body{background:#001529;padding:20px 0}.mobile-menu-drawer .logo{text-align:center;margin-bottom:24px}.mobile-menu-drawer .logo .img2{width:150px}.user-menu{cursor:pointer;background-color:#f0f5ff;border:1px solid #dbe7ff;border-radius:8px;justify-content:space-between;align-items:center;width:clamp(180px,28vw,300px);min-height:56px;padding:15px;display:flex}.user-menu .user-box{justify-content:center;align-items:center;display:flex}.user-menu .user-box .user-image{justify-content:center;align-items:center;height:100%;margin-right:15px;display:flex}.user-menu .user-box .user-image .user-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.user-menu .user-box p{vertical-align:middle;margin:0;line-height:1.5}.user-menu .user-box p.user-fulname{text-overflow:ellipsis;white-space:nowrap;max-width:190px;font-weight:600;overflow:hidden}.user-menu .user-box p.username{font-size:12px;font-weight:300}@media screen and (width<=768px){.user-menu{border-radius:10px;width:min(100%,220px);min-height:48px;padding:8px 10px}.user-menu .user-box{min-width:0}.user-menu .user-box .user-image{margin-right:8px}.user-menu .user-box .user-image .user-avatar{width:32px;height:32px}.user-menu .user-box p.user-fulname{max-width:120px;font-size:13px}.user-menu .user-box p.username{display:none}}@media screen and (width>=1200px){.user-menu{width:320px}.user-menu .user-box p.user-fulname{max-width:210px}}.main-pagination{justify-content:end;margin:10px 0 15px;padding-bottom:2px;display:flex;overflow-x:auto}@media screen and (width<=768px){.main-pagination{justify-content:center}}@media screen and (width>=768px){.application-form{padding:40px 0}.application-form .form-header{padding:8px 20px}.application-form .p-1{padding:0 15px 14px}}@media screen and (width>=1024px){.application-form{border:1px solid #e5e7eb;border-radius:8px;padding:36px 32px 44px}.application-form>.ant-col{max-width:1180px}.application-form .form-header{border-radius:6px;margin-top:32px;margin-bottom:20px}.application-form .submit-button{max-width:320px;margin-left:auto;display:block}}.applicant-small-photo{object-fit:cover;height:80px}.select-controller{width:100%;display:block}.select-controller .ant-select-selector{border-radius:0;border-color:#8b8a8a!important}.select-controller .ant-space-item{margin-bottom:16px}.file-uploader .input-box{flex-wrap:wrap;margin:15px 0;display:flex}.file-uploader .input-box .text-box{text-overflow:ellipsis;white-space:nowrap;background-color:#fff;border:1px solid #d9d9d9;border-left:none;align-items:center;min-height:35px;padding:0 10px;display:flex;overflow:hidden}.file-uploader .uploader-label{text-align:center;color:#fff;cursor:pointer;background-color:#4096ff;border:none;justify-content:center;align-items:center;width:100%;height:35px;display:flex}.file-uploader input{visibility:hidden;pointer-events:none;display:none}@media screen and (width<=768px){.file-uploader .input-box .uploader-label,.file-uploader .input-box .text-box{flex:100%;max-width:100%}.file-uploader .input-box .text-box{border-top:none;border-left:1px solid #d9d9d9}.file-uploader .text-box{font-size:12px;overflow:hidden}}.ant-popover-content{width:80%}.ant-popover-content img{width:100%}@media screen and (width>=1024px){.applications{border:1px solid #e5e7eb;border-radius:8px;padding:28px 32px 32px}.applications h2{margin-bottom:20px}.applications .ant-flex{align-items:center;margin-bottom:8px}.applications .ant-table-wrapper{border:1px solid #edf0f5;border-radius:8px;overflow:hidden}}@media screen and (width<=768px){.applications{min-height:calc(100vh - 88px);padding:12px}}@media screen and (width<=576px){.login-form .open{margin-top:10px}}.application-form{z-index:2;color:#333;background-color:#fff;min-height:calc(100vh - 160px);padding:24px 12px;position:relative}@media screen and (width>=768px){.application-form{padding:40px 0}.application-form .form-header{padding:8px 20px}.application-form .p-1{padding:0 15px 14px}}@media screen and (width>=1024px){.application-form{border:1px solid #e5e7eb;border-radius:8px;padding:36px 32px 44px}.application-form>.ant-col{max-width:960px}.application-form .form-header{border-radius:6px;margin-top:32px;margin-bottom:20px}.application-form .submit-button{max-width:320px;margin-left:auto;display:block}}.privilege-page{background:#fff;min-height:calc(100vh - 120px);padding:16px}.privilege-page h2{margin-bottom:12px;font-size:clamp(20px,5vw,28px)}.privilege-page .text{text-align:center;margin-top:16px}@media screen and (width>=1024px){.privilege-page{border:1px solid #e5e7eb;border-radius:8px;padding:28px 32px 32px}.privilege-page h2{margin-bottom:20px}}@media screen and (width<=768px){.privilege-page{min-height:calc(100vh - 88px);padding:12px}}.result-text{background:#fff;padding:16px 0;line-height:1.7}@media screen and (width>=1024px){.applications{border:1px solid #e5e7eb;border-radius:8px;padding:28px 32px 32px}.applications h2{margin-bottom:20px}.result-text{max-width:960px;padding:8px 0 0;font-size:16px}}@media screen and (width<=768px){.applications{min-height:calc(100vh - 88px);padding:12px}}.application-form{z-index:2;color:#333;background-color:#fff;padding:24px 12px;position:relative}.application-form .app-input{width:100%;box-shadow:none;border-radius:0;border:0!important;border-bottom:2px solid #8b8a8a!important}.application-form .form-header{background-color:#f0f0f0;margin-top:25px;margin-bottom:15px;padding:8px 12px;font-size:16px;font-weight:500}.application-form .p-1{padding:0 0 14px}.application-form .ant-space{position:relative}.application-form .submit-button{border-radius:0;width:100%;min-height:40px;margin-top:20px}@media screen and (width>=768px){.application-form{padding:40px 0}.application-form .form-header{padding:8px 20px}.application-form .p-1{padding:0 15px 14px}}@media screen and (width>=1024px){.application-form{border:1px solid #e5e7eb;border-radius:8px;padding:36px 32px 44px}.application-form>.ant-col{max-width:1180px}.application-form .form-header{border-radius:6px;margin-top:32px;margin-bottom:20px}.application-form .submit-button{max-width:320px;margin-left:auto;display:block}}.ant-table-row{cursor:pointer}.applications{background:#fff;min-height:calc(100vh - 120px);padding:16px}.applications h2{margin-bottom:12px;font-size:clamp(20px,5vw,28px)}.applications .ant-flex{flex-wrap:wrap;align-items:flex-start;gap:12px}.applications .list{overflow-x:auto}@media screen and (width>=1024px){.applications{border:1px solid #e5e7eb;border-radius:8px;padding:28px 32px 32px}.applications h2{margin-bottom:20px}.applications .ant-flex{align-items:center;margin-bottom:8px}.applications .ant-table-wrapper{border:1px solid #edf0f5;border-radius:8px;overflow:hidden}}@media screen and (width<=768px){.applications{min-height:calc(100vh - 88px);padding:12px}}.application-show{background-color:#fff;padding:24px 12px}.application-show .info-header{background-color:#f0f0f0;margin-top:25px;margin-bottom:15px;padding:5px 20px;font-size:18px;font-weight:500}.application-show .applicant-info{margin-bottom:17px;font-size:16px;font-weight:500}.application-show .applicant-info .info-name{color:#9da8b1;font-weight:400}.application-show .applicant-image{border:1px dashed #333;border-radius:10px;width:200px;height:250px;overflow:hidden}.application-show .applicant-image img{object-fit:cover;width:100%;height:100%}.application-show .info-buttons{margin-top:20px}.application-show button{max-width:100%;white-space:wrap;width:100%;margin:5px;height:inherit!important}@media screen and (width>=1024px){.application-show{border:1px solid #e5e7eb;border-radius:8px;padding:36px 32px 44px}.application-show>.ant-row>.ant-col{max-width:1180px}.application-show .info-header{border-radius:6px;padding:8px 20px}.application-show button{width:auto;min-width:180px}}@media screen and (width<=768px){.application-show{padding:16px 12px}.application-show .info-header{padding:8px 12px;font-size:16px}.application-show .applicant-info{word-break:break-word;font-size:14px}.application-show .applicant-image{width:min(200px,100%);margin:0 auto 16px}}.login-form .login-input{box-shadow:none;border-radius:0;border:0!important;border-bottom:2px solid #8b8a8a!important}.login-form .close{opacity:0;height:0;transition:all .5s;overflow:hidden}.login-form .open{opacity:1;height:initial;margin-top:15px;transition:all .5s}@media screen and (width<=576px){.login-form .open{margin-top:10px}}.licence-page{background:#fff;justify-content:center;align-items:flex-start;min-height:calc(100vh - 120px);padding:24px 16px;display:flex}@media screen and (width>=1024px){.licence-page{border:1px solid #e5e7eb;border-radius:8px;padding:32px}}@media screen and (width<=768px){.licence-page{min-height:calc(100vh - 88px);padding:16px 12px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fb;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{color:#1f2937;background:#f5f7fb;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}#root{min-height:100vh}img{max-width:100%}.input-error-message{color:red;font-size:12px}.ant-select{width:100%!important}.text-center{text-align:center}.ant-table-wrapper{width:100%;overflow-x:auto}.ant-table-cell{white-space:nowrap}.ant-btn{box-shadow:none}
