@import"https://fonts.googleapis.com/css2?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";*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,Arial Narrow,Arial,sans-serif}:root{--color-primary:#f37125;--color-secondary:#0e2e39;--color-dark-100:#100f0f;--color-dark-75:hsla(0,3%,6%,.75);--color-dark-50:hsla(0,3%,6%,.5);--color-dark-25:hsla(0,3%,6%,.25);--color-dark-15:hsla(0,3%,6%,.15);--color-dark-10:hsla(0,3%,6%,.1);--color-dark-5:hsla(0,3%,6%,.05);--color-error-base:#d32f2f;--color-warning-base:#ed6c02;--color-info-base:#0288d1;--color-success-base:#2e7d32}body,html{background-color:hsla(0,0%,83%,.16);width:100vw;margin:0;padding:0;overscroll-behavior-y:contain}.custom-loading-indicator{width:100vw;height:100vh;background:#fff;position:fixed;z-index:9999;top:0;left:0}.logo{position:fixed;top:50%;left:50%;width:50px;transform:translate(-50%,-50%)}.logo img{width:100%}@keyframes loading{0%{left:-50%}to{left:100%}}.loading-wrapper{position:fixed;top:50%;left:50%;margin:146px 0 0;width:45%;max-width:600px;height:10px;border-radius:16px;background:#eff2f7;transform:translateX(-50%);overflow:hidden}.loading-bar{position:absolute;left:0;top:0;height:100%;width:45%;border-radius:16px;background:#f37125;animation-name:loading;animation-duration:4s;animation-iteration-count:infinite}.copy-right{position:fixed;bottom:36px;width:100%;left:0;text-align:center}.h-safe-area-inset-top{height:env(safe-area-inset-top)}button.rounded{border-radius:1000px}form input{padding:12px 0}form .error-message{width:100%;min-height:20px;margin:.25rem 0;color:#d32f2f;text-align:start;font-size:.875rem}.text-uppercase{text-transform:uppercase}.text-black{color:#100f0f}button.btn-rounded{border-radius:200px}.main-layout{width:100vw;min-height:calc(100vh - 56px - 56px - env(safe-area-inset-top, 0) - env(safe-area-inset-bottom, 0))}.main-layout .main-layout-children{margin-top:calc(56px + env(safe-area-inset-top, 0));margin-bottom:calc(56px + env(safe-area-inset-bottom, 0));overflow-y:auto;height:calc(100vh - (56px + env(safe-area-inset-top, 0)) - (56px + env(safe-area-inset-bottom, 0)))}@media(min-width:600px){.main-layout .main-layout-children{margin-top:64px}}.main-layout .MuiBottomNavigation-root>button>svg{width:24px}.main-layout .MuiBottomNavigation-root>button .MuiBottomNavigationAction-label.Mui-selected{font-size:.8rem}.content-layout-children{margin-top:calc(env(safe-area-inset-top, 0) + 56px);min-height:calc(100vh - env(safe-area-inset-top, 0) - 56px);overflow-y:auto}@media(min-width:600px){.content-layout-children{margin-top:calc(env(safe-area-inset-top, 0) + 64px)}}#login-page{width:100vw;height:100vh;display:flex;flex-direction:column;position:relative}#login-page .banner{height:65%;display:flex;align-items:center;justify-content:center;background-color:#0e2e39}#login-page .banner .logo-banner{width:80px;border-radius:28px}#login-page .form{width:80%;position:absolute;top:55%;left:50%;transform:translateX(-50%)}#login-page .footer{padding-bottom:20px;flex-grow:1;display:flex;align-items:flex-end;justify-content:center}.task{background-color:hsla(0,3%,6%,.05)}.task .billing-info,.task .data-info,.task .lading-document,.task .other-document,.task .ref-info,.task .require-container{margin-bottom:20px}.task .billing-info .title,.task .data-info .title,.task .lading-document .title,.task .other-document .title,.task .ref-info .title,.task .require-container .title{margin-bottom:16px;color:hsla(0,3%,6%,.5);font-size:1.25rem;font-weight:500}.task .billing-info .MuiTypography-root,.task .ref-info .MuiTypography-root{margin-bottom:8px}.task .data-info .datetime{color:#f37125}.task .data-info .detail .info{margin-bottom:8px;display:flex;gap:12px}.task .data-info .detail .info.good span{color:#0288d1}.task .data-info .detail .info.good span.sub:first-letter{color:#100f0f}.task .data-info .detail .info.good,.task .data-info .detail .info.vehicle{align-items:center}.task .data-info .contact{margin-top:20px}.task .data-info .contact button{display:block;margin:12px auto 0}.task .data-info .contact .call-person{width:-moz-fit-content;width:fit-content;display:block;padding:8px 16px;margin:12px auto 0;border-radius:200px;border:1px solid #0288d1;text-decoration:none;color:#0288d1}.task .require-container{height:60px;padding:0 4px;display:flex;align-items:center;justify-content:space-between;border-radius:4px;background:#fff}.task .require-container:active,.task .require-container:focus{background-color:hsla(0,3%,6%,.25)}.task .require-container span{padding:8px 16px;background-color:hsla(0,3%,6%,.05);border-radius:200px}.document-page img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center}#income-page{height:calc(100vh - 56px);display:flex;flex-direction:column;background-color:hsla(0,3%,6%,.05)}@media(min-width:600px){#income-page{height:calc(100vh - 64px)}}#income-page .head{padding:16px;margin-bottom:20px;text-align:center;background:#567588}#income-page .head .date-picker{display:none}#income-page .head .salary,#income-page .head .time-range{margin-bottom:8px;color:#fff}#income-page .head .salary{color:#f37125;font-weight:500}#income-page .tab-content{padding:0 16px;flex-grow:1;display:flex;flex-direction:column}#income-page .tab-content .MuiTabs-root .MuiButtonBase-root{text-transform:unset}#income-page .tab-content .MuiTabs-root .MuiButtonBase-root.Mui-selected{color:#1c92e6}#income-page .tab-content .MuiTabs-root .MuiTabs-indicator{background-color:#1c92e6}#income-page .tab-content .tab-items{height:100px;flex-grow:1;overflow-y:auto}#income-page .tab-content .tab-items .income-card .income-money{color:#2e7d32;float:right}#income-page .tab-content .tab-items .income-card button{text-transform:unset!important}#error-page{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#f37125;text-align:center}#error-page .redirect{margin-top:20px;padding:8px 24px;display:flex;align-items:center;gap:8px;background-color:#fff;text-decoration:none;border-radius:200px}#sidebar{width:0;padding-top:env(safe-area-inset-top,0);position:fixed;top:0;left:0;z-index:1200;height:100vh}#sidebar .menu{width:0;transition:all .2s ease;background-color:#fff;overflow:hidden}#sidebar .menu .head,#sidebar .menu .menu-list{display:none}#sidebar .menu .head img.avatar{width:50px;height:50px;display:none;position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;object-fit:cover;object-position:center}#sidebar.open{width:100vw;display:flex}#sidebar.open .menu{width:320px}#sidebar.open .menu .head{width:100%;height:200px;padding:16px;display:flex;align-items:flex-end;background:linear-gradient(180deg,#0e2e39 50%,#fff 0);border-bottom:1px solid hsla(0,3%,6%,.05);position:relative}#sidebar.open .menu .head img.avatar{display:block}#sidebar.open .menu .head h2{font-weight:500}#sidebar.open .menu .menu-list{display:block}#sidebar.open .menu .menu-list li{gap:16px}#sidebar.open .menu .menu-list li .MuiListItemIcon-root{min-width:24px!important}#sidebar.open .menu .menu-list li .MuiListItemIcon-root>svg{width:24px;height:24px}#sidebar.open .menu .menu-list li .MuiListItemText-root>span{font-weight:700;color:rgba(0,0,0,.6)}#sidebar .layer{flex-grow:1;background-color:hsla(0,3%,6%,.1)}.task-card .datetime{float:right;color:#f37125}.task-card .detail .info{margin-bottom:8px;display:flex;gap:12px}.task-card .detail .info.good span{color:#0288d1}.task-card .detail .info.good span.sub:first-letter{color:#100f0f}.task-card .detail .info.good,.task-card .detail .info.vehicle{align-items:center}.task-card button{text-transform:unset}.document-image{width:"100%";padding:16px;margin-bottom:16px;display:flex;align-items:center;gap:8px;background-color:#fff;border-radius:4px}.document-image svg{width:36px;height:36px}.document-image .info{flex-grow:1}.preview-document-list .gallery{height:100%;padding:8px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-auto-rows:max-content;grid-gap:8px;overflow-y:auto}.preview-document-list .gallery .pdf-thumbnail{width:100%;aspect-ratio:1/1;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid hsla(0,3%,6%,.5)}.preview-document-list .gallery .pdf-thumbnail img{width:65%}.preview-document-list .gallery>img{width:100%;aspect-ratio:1;object-fit:cover;object-position:center}.preview-images-carousel .current-item{display:block;padding:4px 8px;position:absolute;left:50%;top:10%;transform:translateX(-50%);border-radius:200px;color:#fff;background-color:hsla(0,3%,6%,.75);z-index:2000}.preview-images-carousel .images-carousel{width:100%;height:calc(100vh - 56px);display:flex;align-items:center;justify-content:center}@media(min-width:600px){.preview-images-carousel .images-carousel{height:calc(100vh - 64px)}}.preview-images-carousel .images-carousel>div:first-child{height:100%!important}.preview-images-carousel .images-carousel>div:first-child div div div{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.preview-images-carousel .images-carousel img{max-width:100%;max-height:100%;object-fit:cover}.lds-roller{position:relative;margin:0 auto;width:80px;height:80px}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#f37125;margin:-4px 0 0 -4px}.lds-roller div:first-child{animation-delay:-36ms}.lds-roller div:first-child:after{top:63px;left:63px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:68px;left:56px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{top:71px;left:48px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{top:72px;left:40px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:71px;left:32px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{top:68px;left:24px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{top:63px;left:17px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{top:56px;left:12px}@keyframes lds-roller{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.numpad{width:100%;position:absolute;bottom:0;grid-template-columns:repeat(3,1fr);background-color:#fff;display:none}.numpad.show{display:grid}.numpad .item{height:56px;display:flex;align-items:center;justify-content:center;font-size:1.125rem;transition:all 50ms ease;border:1px solid hsla(0,3%,6%,.05)}.numpad .item:active,.numpad .item:focus{background-color:#f37125;color:#fff}