@charset "UTF-8";html,body{height:100%;box-sizing:border-box}body{position:relative;z-index:-1;margin:auto;background-color:#f9f9f9;color:#2f2e41;overflow-x:hidden;width:100%;letter-spacing:.1em;font-family:Inter,sans-serif}main{position:relative;z-index:-5}a,button{transition:all .4s}.wrapper{height:100%;margin:auto;position:relative}.login,.customer-list{margin:auto;width:100%;position:relative}.login__container,.customer-list__container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(36px,4.5vw,80px);height:100%;position:relative}.login__container__logo,.customer-list__container__logo{max-width:1440px;width:100%;margin-bottom:clamp(40px,3.5vw,90px)}.login__container__logo img,.customer-list__container__logo img{max-height:100px}.login__container__form,.customer-list__container__form{max-width:1440px;margin:0 auto auto;width:100%;display:flex;justify-content:space-between}.login__container__form__left,.customer-list__container__form__left{width:50%;position:relative}.login__container__form__left h1,.customer-list__container__form__left h1{line-height:1.25;position:relative;font-size:clamp(36px,4.5vw,80px);text-shadow:3px 3px 0 #f9f9f9}@media (max-height: 680px){.login__container__form__left h1,.customer-list__container__form__left h1{font-size:clamp(36px,3.5vw,60px)}}.login__container__form__left h1 span,.customer-list__container__form__left h1 span{color:#f98b8b}.login__container__form__left img,.customer-list__container__form__left img{position:absolute;z-index:-5;width:clamp(140px,25vw,480px);-o-object-fit:contain;object-fit:contain;transform:translate(40%,-55%);margin:0}@media (max-height: 680px){.login__container__form__left img,.customer-list__container__form__left img{transform:translate(60%,-70%)}}.login__container__form__right,.customer-list__container__form__right{width:45%}.login__container__form__right h2,.customer-list__container__form__right h2{text-align:center;font-size:clamp(20px,3vw,40px);margin-bottom:clamp(20px,3.5vw,46px)}@media (max-height: 680px){.login__container__form__right h2,.customer-list__container__form__right h2{font-size:clamp(20px,2.5vw,36px);margin-bottom:clamp(20px,3vw,30px)}}.login__container__form__right__item,.customer-list__container__form__right__item{width:80%;margin:0 auto}.login__container__form__right__item label,.customer-list__container__form__right__item label{font-size:clamp(14px,1.25vw,18px);margin-bottom:10px;margin-left:10px}.login__container__form__right__item input,.customer-list__container__form__right__item input{width:100%;margin-bottom:clamp(14px,4vw,30px);font-size:clamp(14px,1.25vw,18px);border:1px solid #a8a7af;border-radius:5px;letter-spacing:.05em;padding:10px}.login__container__form__right__item button,.customer-list__container__form__right__item button{transition:all .4s;display:block;width:50%;margin:clamp(14px,4vw,30px) auto 0;padding:10px 0;font-size:clamp(14px,1.25vw,18px);text-align:center;font-weight:700;background-color:#f98b8b;border-radius:5px;color:#f9f9f9}.login__container__form__right__item button:hover,.customer-list__container__form__right__item button:hover{background-color:#d66363}@media (max-height: 680px){.login__container__form__right__item button,.customer-list__container__form__right__item button{margin:clamp(14px,3vw,20px) auto 0}}.bg{position:fixed;margin:auto;z-index:-50}.bg.left-bg{left:0;top:0;background-image:url(/build/assets/login_left_bg-9e92a148.svg);width:100vw;height:100vh;background-size:cover}.bg.right-bg{top:0;right:0;width:clamp(200px,100vw,480px);height:clamp(120px,72vw,270px);background-image:url(/build/assets/login_right_bg-d1af12b0.svg)}.opening_animation{display:block}.mask{position:fixed;width:100%;height:100%;z-index:1000;display:flex;background-color:#fdd9d9;justify-content:center;align-items:center}.mask.-none{animation:fadeout 1s both}.mask img{position:absolute;transform:scale(1.4);margin-right:1.5%;animation:logoUp .8s;animation-delay:1.5s}.mask img.-visible{position:relative}.title{position:relative;display:flex;align-items:center;line-height:1;overflow:hidden;font-weight:700;text-shadow:4px 4px 0 #f9f9f9;font-size:clamp(36px,3.2vw,60px)}.title span{display:block;transform:translateY(105%);transition:transform cubic-bezier(.215,.61,.355,1) 1s}@keyframes fadeout{0%{opacity:1}95%{opacity:0}to{opacity:0;z-index:-1000}}@keyframes logoUp{0%,to{top:0;transform:scale(1.4)}30%{top:-1rem;transform:scale(1.36,1.44)}60%{transform:scale(1.4)}90%{top:0;transform:scale(1.55,1.3)}}.title.-visible span{transform:translate(0)}.title span:nth-child(2){transition-delay:.06s}.title span:nth-child(3){transition-delay:.12s}.title span:nth-child(4){transition-delay:.18s}.title span:nth-child(5){transition-delay:.24s}.title span:nth-child(6){transition-delay:.3s}.title span:nth-child(7){transition-delay:.36s}.title span:nth-child(8){transition-delay:.42s}.title span:nth-child(9){transition-delay:.48s}.title span:nth-child(10){transition-delay:.54s}.header{display:flex;justify-content:space-between}.header__logo img{max-height:100px}.header__user button{display:inline-flex;align-items:center}.header__user button .user-name{font-size:clamp(14px,1.4vw,20px)}.list-wrapper{width:100%;padding:clamp(24px,2.5vw,40px) clamp(36px,4.5vw,80px);background-color:#f9f9f9;position:relative;z-index:-100}.customer-list{margin:auto}.customer-list__container{max-width:1440px;width:100%;margin:auto;padding:clamp(24px,2.5vw,40px) clamp(36px,3.5vw,60px)}.customer-list__container__head{width:100%;display:flex;justify-content:space-between;align-items:flex-start}.customer-list__container__head h2{font-size:clamp(20px,2.5vw,32px);font-weight:700;margin-bottom:clamp(10px,1.2vw,16px)}.customer-list__container__head h2 span{color:#f98b8b}.customer-list__container__head__left-group{align-self:end}.customer-list__container__head__left-group img{vertical-align:baseline;max-height:120px;margin-right:10px}.customer-list__container__head__left-group button{transition:all .4s;display:inline-block;background-color:#f98b8b;font-size:clamp(10px,1vw,14px);padding:.7rem;color:#f9f9f9;font-weight:700;word-break:keep-all;border-radius:50px;line-height:1;margin-bottom:3%}.customer-list__container__head__left-group button:hover{background-color:#f65b5b}.customer-list__container__bg{position:fixed;z-index:-5;height:100vh}.customer-list__container__bg.left-bg{width:100vw;height:100vh;top:0;left:0;background-image:url(/build/assets/index_bg-8967d9ca.svg);background-repeat:no-repeat;background-size:cover}.customer-list__container__bg.right-bg{width:clamp(200px,70vw,480px);height:clamp(120px,40vw,230px);top:0;right:0;background-image:url(/build/assets/index_right_bg-c183b508.svg);background-repeat:no-repeat;background-size:contain}.customer-list__container__table-bg{width:100%;padding:clamp(14px,1.2vw,20px);background-color:#f9f9f9;border-radius:10px;box-shadow:inset 0 0 7px #00000040}.customer-list__container__table-bg__customerTable{background-color:#f9f9f9;border-radius:10px;height:clamp(300px,54vh,600px);overflow-y:auto}.customer-list__search form{display:flex;align-items:center;justify-content:space-between}.customer-list__search form input{width:60%;padding:.6rem;border-radius:5px;line-height:1}.customer-list__search form button{transition:all .4s;display:inline-block;width:30%;background-color:#f98b8b;font-size:clamp(10px,1vw,14px);padding:.7rem;color:#f9f9f9;font-weight:700;word-break:keep-all;border-radius:5px;line-height:1}.customer-list__search form button:hover{background-color:#f65b5b}.customer-list__message{position:relative;align-self:flex-end}.customer-list__message img{width:auto;max-height:70px;margin:0;vertical-align:baseline;position:absolute;left:-35px;bottom:0px}.customer-list__message .alert{background-color:#eed5d5;position:relative;margin:0 0 4rem 40px;padding:15px;background:#EED5D5;border-radius:30px}.customer-list__message .alert:before{content:"";position:absolute;left:-38px;width:13px;height:12px;bottom:0;background:#EED5D5;border-radius:50%}.customer-list__message .alert:after{content:"";position:absolute;left:-24px;width:20px;height:18px;bottom:3px;background:#EED5D5;border-radius:50%}.customer-list__message .alert p{margin:0;padding:0}.customer-list__message .alert p .active{color:#f98b8b;border-bottom:1px dashed #2f2e41;font-weight:700;font-size:1.3rem;text-shadow:1px 1px #f9f9f9}.customer-list__message .alert p .annotation{font-size:.7rem}table{width:100%;font-size:clamp(12px,1vw,18px)}table thead tr{background-color:#f9f9f9}table thead tr th{background-color:#a8a7af;position:sticky;top:0}table thead tr th h3{line-height:1;padding:1rem;color:#f9f9f9;text-align:center}table tbody tr{transition:all .3s}table tbody tr:hover{background-color:#a8a7af66}table tbody td{border-bottom:1px solid #a8a7af}table tbody td:nth-child(4){max-width:10%}table tbody td p{padding:.5rem .7rem;text-align:center;font-size:clamp(10px,1vw,14px)}table tbody td button,table tbody td a{margin:0 auto;line-height:1;font-size:clamp(10px,1vw,14px);background-color:#f0a860;border-radius:3px;padding:.4rem;color:#f9f9f9;font-weight:700;box-shadow:1px 2px #00000026;word-break:keep-all;display:block;width:-moz-fit-content;width:fit-content}table tbody td button:hover,table tbody td a:hover{background-color:#ec8f31}table tbody td:last-child{background-color:#f9f9f9}table tbody td:last-child p{margin:0 1rem;font-weight:700}.gray{background-color:#b7b7b7}.gray:hover{background-color:#aaa}.warning{background-color:#f2b577}.warning:hover{background-color:#f0a860}.danger{background-color:#faa3a3}.danger:hover{background-color:#f98b8b}.paginationWrap{display:flex;justify-content:center;margin-top:38px;margin-bottom:40px}.paginationWrap ul.pagination{display:inline-block;padding:0;margin:0}.paginationWrap ul.pagination li{display:inline;margin-right:4px}.paginationWrap ul.pagination li a{color:#2f3859;padding:8px 14px;text-decoration:none}.paginationWrap ul.pagination li a.active{background-color:#4b90f6;color:#fff;border-radius:40px;width:38px;height:38px}.paginationWrap ul.pagination li a:hover:not(.active){background-color:#e1e7f0;border-radius:40px}.pagination_nav{width:100%;margin-top:clamp(20px,2.5vw,36px)}.pagination{display:flex;justify-content:space-between}.pagination li{flex:0 1 calc((100% - 3rem) / 12)}.pagination li.active span{color:#f9f9f9;background-color:#f98b8b}.pagination li.active span:hover{background-color:#f98b8b}.pagination li span,.pagination li a{box-shadow:2px 2px 4px #00000026;display:flex;align-items:center;justify-content:center;background-color:#f9f9f9;text-align:center;font-weight:700;font-size:clamp(12px,1.6vw,20px);border-radius:50%;width:50px;height:50px;line-height:1;margin:0 auto}.pagination li span:hover,.pagination li a:hover{background-color:#efefef}.pagination li:first-child,.pagination li:last-child{flex:0 1 auto}.pagination li:first-child a,.pagination li:first-child span,.pagination li:last-child a,.pagination li:last-child span{background-color:#2f2e41;color:#f9f9f9}.pagination li:first-child a svg,.pagination li:first-child span svg,.pagination li:last-child a svg,.pagination li:last-child span svg{max-height:25px}.pagination li:first-child a:hover,.pagination li:first-child span:hover,.pagination li:last-child a:hover,.pagination li:last-child span:hover{background-color:#262635}.pagination li:first-child{margin-right:auto}.pagination li:last-child{margin-left:auto}