@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";:root{font-family:Fredoka,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;--main-color: #38b6ff;--main-color-opacity-20: #38b6ff26;--background-card-skeleton: #313A46;--background-flash-card-skeleton: #454E5A}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;color:#38b6ff}#app{display:flex;flex-direction:column;width:100vw;height:100vh;overflow-x:auto}span,p{color:#f5f5f5}button{padding:1.2rem;font-weight:700;border-radius:.2rem;border:none;cursor:pointer;text-shadow:-1px -1px 0 #00000020,1px -1px 0 #00000020,-1px 1px 0 #00000020,1px 1px 0 #00000020;background-color:currentColor}.input_date{display:flex;flex-direction:column;justify-content:flex-end;width:40%;gap:.2rem}.input_date span{color:#fff;font-size:small}.input_date input{background-color:transparent;color:#fff;padding:1rem;border:1px solid whitesmoke;border-radius:.4rem}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(100%);transform:scale(1.5);cursor:pointer}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#2f2f2f;border-radius:10px}::-webkit-scrollbar-thumb{background:currentColor;border-radius:10px}::-webkit-scrollbar-thumb:active{background:#777}.container_toolbar[data-v-4105aaa8]{display:flex;width:90%;margin:auto;margin-top:2rem;justify-content:space-between;padding:1rem;border-radius:.4rem;background-color:#313a46}.group_icons[data-v-4105aaa8]{display:flex;justify-content:center;align-items:center;gap:2rem}.dropdown img[data-v-4105aaa8]{width:30px;cursor:pointer}.logo img[data-v-4105aaa8]{width:120px;cursor:pointer}.group_button[data-v-4105aaa8]{display:flex}.quit[data-v-4105aaa8]{cursor:pointer}.quit img[data-v-4105aaa8]{width:30px}@media screen and (max-width: 800px){.dropdown[data-v-4105aaa8]{display:none}}@media screen and (max-width: 560px){.dropdown[data-v-4105aaa8]{display:none}}@media screen and (max-width: 220px){.container_toolbar[data-v-4105aaa8]{justify-content:center}.logo[data-v-4105aaa8]{display:none}}@media screen and (max-width: 120px){.quit[data-v-4105aaa8]{display:none}}span[data-v-7e34f95f],p[data-v-7e34f95f]{color:var(--black-200)}.container_sidebar[data-v-7e34f95f]{display:flex;flex-direction:column;width:15rem;min-width:15rem;height:100%;overflow-y:auto;background-color:#f5f5f5;border-top-right-radius:.6rem;border-bottom-right-radius:.6rem}.info_customer[data-v-7e34f95f]{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;gap:.2rem;padding:1rem;justify-content:space-evenly;width:100%;border-bottom-left-radius:.4rem;border-bottom-right-radius:.4rem;color:#000;background:linear-gradient(-180deg,#e6edf5,#f5f5f5)}.icon[data-v-7e34f95f]{display:flex;align-items:center;justify-content:center;overflow:hidden}.icon img[data-v-7e34f95f]{object-fit:contain;width:50%;max-width:150px;clip-path:circle()}.info_customer span[data-v-7e34f95f]:nth-child(2){font-size:large;font-weight:700;margin-top:.4rem}.info_customer span[data-v-7e34f95f]:nth-child(3){font-size:small}.info_customer span[data-v-7e34f95f]:nth-child(4){display:flex;justify-content:center;align-items:center;width:80%;padding:.4rem;font-size:small;gap:.4rem;margin-top:.6rem;font-weight:bolder;border:1px solid white;border-radius:.4rem;color:#000;background-color:#fff;box-shadow:0 4px 8px #0003}.info_customer span:nth-child(4) p[data-v-7e34f95f]{border-radius:.4rem;padding:.4rem;color:#fff;background-color:#2f2f2f;border:1px solid black}.amount[data-v-7e34f95f]{display:flex;justify-content:center;align-items:center;margin-top:.4rem;width:80%;padding:.8rem;gap:.4rem;border-radius:.4rem;color:#fff;font-weight:700;background-color:#2f2f2f}.group_iten[data-v-7e34f95f]{display:flex;flex-direction:column;width:100%;height:100%}.iten[data-v-7e34f95f]{cursor:pointer;transition:all .1s ease-in-out}.iten[data-v-7e34f95f]:hover{opacity:50%}.iten .icon_title[data-v-7e34f95f]{display:flex;margin:auto;gap:.6rem;padding:1rem;color:#000}.group_button[data-v-7e34f95f]{display:flex;flex-direction:column;justify-content:flex-end;width:100%;height:100%}.group_button button[data-v-7e34f95f]{display:flex;align-items:center;gap:.6rem;padding:1.2rem;margin:.6rem;justify-self:flex-end;background-color:#fff;color:#000;border:1px solid rgba(0,0,0,.201);border-radius:.4rem;cursor:pointer}.container_sidebar.collapsed[data-v-7e34f95f]{width:5rem;min-width:5rem}.container_sidebar.collapsed .info_customer[data-v-7e34f95f]{padding:.4rem}.container_sidebar.collapsed .icon[data-v-7e34f95f]{margin-top:1rem;width:100%}.container_sidebar.collapsed .icon img[data-v-7e34f95f]{width:100%;max-width:40px}.container_sidebar.collapsed .info_customer span[data-v-7e34f95f]:nth-child(2){display:none}.container_sidebar.collapsed .info_customer span[data-v-7e34f95f]:nth-child(3){display:none}.container_sidebar.collapsed .info_customer span[data-v-7e34f95f]:nth-child(4){display:none}.container_sidebar.collapsed .amount[data-v-7e34f95f]{display:none}.container_sidebar.collapsed .group_iten .icon_title[data-v-7e34f95f]{align-items:center;justify-content:center}.container_sidebar.collapsed .group_iten .icon_title span[data-v-7e34f95f]{display:none}.container_sidebar.collapsed .group_button button[data-v-7e34f95f]{align-items:center;justify-content:center}.container_sidebar.collapsed .group_button button span[data-v-7e34f95f]{display:none}@media screen and (max-width: 800px){.container_sidebar[data-v-7e34f95f]{width:5rem;min-width:5rem}.info_customer[data-v-7e34f95f]{padding:.4rem}.icon img[data-v-7e34f95f]{width:60%;margin-top:1rem}.info_customer span[data-v-7e34f95f]:nth-child(2){display:none}.info_customer span[data-v-7e34f95f]:nth-child(3){display:none}.info_customer span[data-v-7e34f95f]:nth-child(4){display:none}.amount[data-v-7e34f95f]{display:none}.group_iten .icon_title[data-v-7e34f95f]{align-items:center;justify-content:center}.group_iten .icon_title span[data-v-7e34f95f]{display:none}.group_button button[data-v-7e34f95f]{align-items:center;justify-content:center}.group_button button span[data-v-7e34f95f]{display:none}}@media screen and (max-width: 560px){.container_sidebar[data-v-7e34f95f]{flex-direction:row;width:100vw;border-radius:0%}.container_sidebar .info_customer[data-v-7e34f95f]{display:none}.group_iten[data-v-7e34f95f]{width:100%;flex-direction:row;align-items:center;justify-content:space-between}.iten[data-v-7e34f95f]{height:fit-content}.group_button[data-v-7e34f95f]{align-items:center;justify-content:center;width:min-content}.group_button button[data-v-7e34f95f]{width:min-content}}.skeleton_info_customer[data-v-7e34f95f]{display:flex;flex-direction:column;align-items:center;width:100%;height:40%;gap:.4rem}.skeleton_info_customer .icon[data-v-7e34f95f]{background-color:#313a46a1;width:35%;height:30%;clip-path:circle();margin-top:1rem}.skeleton_info_customer .text[data-v-7e34f95f]{width:70%;height:8%;border-radius:1rem;background-color:#313a46}.skeleton_info_customer .box[data-v-7e34f95f]{width:70%;height:16%;border-radius:.4rem;background-color:#313a46}.skeleton_info_customer .icon[data-v-7e34f95f],.skeleton_info_customer .text[data-v-7e34f95f],.skeleton_info_customer .box[data-v-7e34f95f]{background:linear-gradient(90deg,#a7a7a7 25%,#979797,#a7a7a7 75%);background-size:200% 100%;animation:loadingEffect-7e34f95f 2.8s infinite linear}@keyframes loadingEffect-7e34f95f{0%{background-position:-200% 0}to{background-position:200% 0}}.container[data-v-1e3c091d]{position:relative;display:flex;flex-direction:row;width:100%;height:100%;background-color:#2d333c}.container .sidebar[data-v-1e3c091d]{height:100vh}.container .view[data-v-1e3c091d]{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%}@media screen and (max-width: 560px){.container[data-v-1e3c091d]{flex-direction:column-reverse}.container .view[data-v-1e3c091d]{height:95%}.container .sidebar[data-v-1e3c091d]{height:6vh}}