@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Plus Jakarta Sans,sans-serif}img{max-width:100%}:root{--primary-light: #fff;--primary-dark: #232323;--dark-theme-background: #2a3447;--primary-accent: #5582ffe8;--secondary-accent: #d194a5;--font-dark: #3e3e3e;--font-lighter: rgb(119, 119, 119);--border-light: #d0cdcd;--border-medium: #979696;--border-dark: #666;--borderRadius-small: 5px;--borderRadius-large: 10px;--spacing-bottom: 80px;--theme-transition: .5s;--shimmer-base: #ececec;--shimmer-highlight: #f5f5f5}h1{font-weight:600;font-size:1.5rem}h2{font-size:1rem;font-weight:600}h3{font-size:1.5rem;font-weight:400}.page-positioning{max-width:1300px;padding-inline:2rem;align-self:center}select{-webkit-appearance:initial;-moz-appearance:initial;appearance:initial;font-family:inherit;font-size:inherit;height:2.8rem;border-radius:var(--borderRadius-small);padding:0 4px 0 12px;min-width:5ch;max-width:min-content;border:none;background-color:transparent;cursor:pointer;outline:1px solid #dee2e7;background-image:url(../arrow-down.svg);background-repeat:no-repeat;background-position:calc(100% - 8px)}input[type=password],input[type=text]{height:2.8rem;border-radius:var(--borderRadius-small);padding-left:6px;min-width:0;width:16rem;outline:1px solid #dee2e7;border:none}select:hover,input[type=password]:hover,input[type=text]:hover{outline:1px solid #808285}select:focus,input[type=password]:focus,input[type=text]:focus{outline:2px solid #5c86fe}input[type=file]{width:20ch;align-self:center}input::file-selector-button{cursor:pointer;padding-block:.6rem;padding-inline:1rem;border-radius:8px;border:none;background-color:var(--primary-accent);color:#fff}.flex-grow{flex:1}.icon-small{width:20px;height:20px}.icon-smaller{width:25px;height:25px}.icon{width:32px;height:32px}.icon-larger{width:40px;height:40px}.primaryColor{color:var(--primary-accent)}.bolder{font-weight:500}.bold{font-weight:600}button[data-v-1ad7c830]{padding-block:.6rem;padding-inline:1rem;border-radius:8px;border:none;cursor:pointer}button[data-v-1ad7c830]:hover{filter:brightness(97%)}.primary[data-v-1ad7c830]{background-color:var(--primary-accent);color:#fff}.secondary[data-v-1ad7c830]{background-color:#fff;color:var(--primary-accent);border:1px solid var(--primary-accent)}.cancel[data-v-1ad7c830]{background-color:#fff;color:#fa896b;border:1px solid #fa896b}.style-container[data-v-6228ffa3]{width:40px;height:40px;border-radius:7px;display:flex;align-items:center;justify-content:center}.icon-wrapper-larger[data-v-6228ffa3]{width:48px;height:48px}.wrapper[data-v-46b96a4c]{background-color:var(--primary-light);box-shadow:#919eab4d 0 0 2px,#919eab1f 0 12px 24px -4px;border-radius:4px;padding:2rem;display:flex;flex-direction:column;gap:2rem}.user-container[data-v-46b96a4c]{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.user-info[data-v-46b96a4c]{display:flex;flex-direction:column;font-size:14px;gap:.2rem}hr[data-v-46b96a4c]{border:none;height:1px;background-color:#e5eaef}.user-picture[data-v-46b96a4c]{display:unset;width:95px}.user-mail[data-v-46b96a4c]{display:flex;flex-direction:row;gap:.3rem;align-items:center}.icon-smaller[data-v-46b96a4c]{color:var(--primary-accent)}.dropdown-nav[data-v-46b96a4c]{list-style:none;display:flex;flex-direction:column;gap:2rem;align-items:flex-start}.dropdown-item[data-v-46b96a4c]{display:flex;flex-direction:row;gap:1rem}.icon-smaller[data-v-46b96a4c]{color:#64c7ff}.icon-wrapper-larger[data-v-46b96a4c]{background-color:color-mix(in srgb,#64c7ff 15%,#ffffff5b)}.link-text[data-v-46b96a4c]{display:flex;flex-direction:column;font-size:14px;justify-content:space-around}a[data-v-46b96a4c]{text-decoration:none;color:#000}.dropdown-link[data-v-46b96a4c]{display:flex;flex-direction:row;gap:1rem;align-items:center;justify-content:flex-start;color:#5b6791b2}@media (max-width: 500px){.user-picture[data-v-46b96a4c]{display:none}.user-container[data-v-46b96a4c]{justify-content:flex-start}}.dropdown-menu[data-v-9876a2d4]{position:absolute;width:350px;top:100%;right:-10px;cursor:not-allowed;pointer-events:none;opacity:0;transition-property:top,right,opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.show[data-v-9876a2d4]{top:calc(100% + 10px);right:0;pointer-events:auto;cursor:pointer;padding:2rem;opacity:1;transition-property:top,right,opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.page-positioning[data-v-9876a2d4]{margin:0 auto}.header-wrapper[data-v-9876a2d4]{box-shadow:#919eab4d 0 0 2px,#919eab1f 0 12px 24px -4px;position:relative;z-index:2}.header-content[data-v-9876a2d4]{display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-block:1.5rem}.header-info[data-v-9876a2d4],.header-user[data-v-9876a2d4]{position:relative;display:flex;flex-direction:row;align-items:center;gap:1.5rem}.header-info[data-v-9876a2d4]{flex-wrap:wrap}.header-logo[data-v-9876a2d4]{display:flex;gap:.5rem;font-weight:600;font-size:24px}.logo[data-v-9876a2d4]{color:#49beff}.header-icons[data-v-9876a2d4]{display:flex;gap:1.5rem;align-items:center}.dark[data-v-9876a2d4]{color:#f2f1e6;cursor:pointer}.light[data-v-9876a2d4]{color:#f5bb00;cursor:pointer}.user-avatar[data-v-9876a2d4]{height:24px;width:24px;cursor:pointer}.light[data-v-9876a2d4]:hover,.dark[data-v-9876a2d4]:hover,.user-avatar[data-v-9876a2d4]:hover{opacity:.9}.header-nav[data-v-9876a2d4]{display:flex;gap:.8rem}.nav-link[data-v-9876a2d4]{font-size:.95rem;text-decoration:none;color:#000000de}.active-link[data-v-9876a2d4]{font-weight:600;color:var(--primary-accent);text-decoration:underline}@media (max-width: 500px){.header-info[data-v-9876a2d4],.header-user[data-v-9876a2d4]{gap:1rem}.header-logo[data-v-9876a2d4]{span[data-v-9876a2d4] {display: none;}}.show[data-v-9876a2d4]{max-width:85svw}}.container[data-v-4a9d3cbc]{display:flex;flex-direction:column;min-height:100svh}.center[data-v-4a9d3cbc]{display:flex;align-items:center;justify-content:center;background-color:#f0f2fd;background:radial-gradient(rgb(210,241,223),rgb(211,215,250),rgb(186,216,244)) 0% 0%/400% 400%;flex:1}.login-wrapper[data-v-4a9d3cbc]{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem;box-shadow:#919eab4d 0 0 2px,#919eab1f 0 12px 24px -4px;border-radius:7px;width:100%;max-width:480px;background-color:#fff;margin:2rem}.header[data-v-4a9d3cbc]{display:flex;gap:.5rem;font-weight:600;font-size:24px}.login-buttons[data-v-4a9d3cbc]{display:flex;flex-flow:row wrap;align-items:center;justify-content:center;gap:1rem}.login-buttons[data-v-4a9d3cbc] .secondary[data-v-4a9d3cbc]{display:flex;gap:.5rem;align-items:center;justify-content:center}.separator[data-v-4a9d3cbc]{position:relative;text-align:center;width:100%}.separator[data-v-4a9d3cbc]:before{content:"";position:absolute;left:0;width:100px;top:50%;height:1px;background:#e5eaef}.separator[data-v-4a9d3cbc]:after{content:"";position:absolute;right:0;width:100px;top:50%;height:1px;background:#e5eaef}.logo[data-v-4a9d3cbc]{color:#49beff;height:2rem;width:2rem}.login-info[data-v-4a9d3cbc]{display:flex;flex-direction:column;align-items:center;gap:.5rem;h1[data-v-4a9d3cbc] {margin: 2rem 0 0 0;} span[data-v-4a9d3cbc] {color: rgb(139,139,139);}}.login-form[data-v-4a9d3cbc]{display:flex;flex-direction:column;gap:1.5rem;width:100%;font-size:.9rem}.login-form[data-v-4a9d3cbc] .login-error[data-v-4a9d3cbc]{text-align:end;color:#fa896b}.login-label[data-v-4a9d3cbc]{font-weight:600}input[type=text][data-v-4a9d3cbc],input[type=password][data-v-4a9d3cbc]{width:100%;padding-inline:10px}input[type=checkbox][data-v-4a9d3cbc]{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:flex;align-content:center;justify-content:center;height:19px;width:19px;border:.1rem solid #dee2e7;border-radius:3px}input[type=checkbox][data-v-4a9d3cbc]:before{content:"";width:1rem;height:1rem;clip-path:polygon(20% 0%,0% 20%,30% 50%,0% 80%,20% 100%,50% 70%,80% 100%,100% 80%,70% 50%,100% 20%,80% 0%,50% 30%);transform:scale(0);background-color:var(--primary-accent)}input[type=checkbox][data-v-4a9d3cbc]:checked:before{transform:scale(1)}.name-group[data-v-4a9d3cbc],.password-group[data-v-4a9d3cbc]{display:flex;flex-direction:column;gap:.7rem}.style-wrapper[data-v-4a9d3cbc]{display:flex;flex-flow:row wrap;gap:.8rem;align-items:center;justify-content:space-between}.check[data-v-4a9d3cbc]{display:flex;gap:.8rem;label[data-v-4a9d3cbc] {font-weight: normal;}}.alert-message[data-v-4a9d3cbc]{background-color:#fc8361f7;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-inline:1.5rem;padding-block:.8rem}.message[data-v-4a9d3cbc]{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.closeBtn[data-v-4a9d3cbc]{cursor:pointer;flex-shrink:0}@media (max-width: 553px){.secondary[data-v-4a9d3cbc]{width:100%}.separator[data-v-4a9d3cbc]:before,.separator[data-v-4a9d3cbc]:after{width:20%}.message[data-v-4a9d3cbc]{span[data-v-4a9d3cbc] {order: 1;} button[data-v-4a9d3cbc] {order: 2;}}}.light-theme{min-height:-webkit-fill-available;min-height:100vh;background-color:var(--primary-light);color:var(--font-dark);display:flex;flex-direction:column;transition:var(--theme-transition);thead {background-color: var(--primary-light); transition: var(--theme-transition);} a {color: black; transition: var(--theme-transition);} input,select {transition: var(--theme-transition);}}.light-theme .header-content{background-color:var(--primary-light);transition:var(--theme-transition)}.dark-theme{--shimmer-base: #3a4556;--shimmer-highlight: #4a5568;min-height:-webkit-fill-available;min-height:100vh;background-color:var(--dark-theme-background);color:var(--primary-light);display:flex;flex-direction:column;transition:var(--theme-transition);a {color: white !important; transition: var(--theme-transition);} input[type="password"],input[type="text"],select {background-color: var(--dark-theme-background); color: var(--primary-light); transition: var(--theme-transition);} .color {opacity: .85;} thead {background-color: var(--dark-theme-background) !important; transition: var(--theme-transition);} .login-input,.login-btn,.customers-filter {background-color: var(--primary-dark); color: var(--primary-light); transition: var(--theme-transition);}}.dark-theme .header-content{background-color:var(--dark-theme-background);transition:var(--theme-transition)}.dark-theme .heading-card,.dark-theme .welcome{background-color:color-mix(in srgb,#ecf2ff 60%,#253662)!important;transition:var(--theme-transition)}.dark-theme .wrapper{background-color:var(--dark-theme-background);color:var(--primary-light);box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.dark-theme .secondary{background-color:var(--dark-theme-background)}.app-main{width:100%;flex:1;margin-block:3rem}.card[data-v-9a35d301]{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;box-shadow:#919eab4d 0 0 2px,#919eab1f 0 12px 24px -4px;border-radius:8px}.main[data-v-9a35d301] strong{font-weight:600;font-size:1.5rem}.welcome .main[data-v-9a35d301] img,.heading-card .main[data-v-9a35d301] img{max-height:8rem}.heading-card .main[data-v-9a35d301] h2{font-size:20px}@media (max-width: 800px){.heading-card .main[data-v-9a35d301] img{display:none}}@media (max-width: 1000px){.welcome .main[data-v-9a35d301] img{display:none}}.big[data-v-db3e6445]{flex:1 0 55%;min-height:200px}.group[data-v-db3e6445]{display:flex;flex-wrap:wrap;gap:1rem;flex:1 0 40%}.group[data-v-db3e6445]>*[data-v-db3e6445]{flex:1;min-height:200px;min-width:200px}.big[data-v-db3e6445],.group>*[data-v-db3e6445]{background:linear-gradient(110deg,var(--shimmer-base) 8%,var(--shimmer-highlight) 18%,var(--shimmer-base) 33%);border-radius:5px;background-size:200% 100%;animation:1.5s shine-db3e6445 linear infinite;transition:var(--theme-transition)}@keyframes shine-db3e6445{to{background-position-x:-200%}}.chart-container[data-v-e8effacf]{flex:1}@container chart (max-width: 100vw){.chart-container[data-v-e8effacf]{position:relative;height:280px;width:100%;margin:0 auto}}.two-col-wrapper[data-v-d549151c]{display:flex;flex-direction:row;box-shadow:#919eab4d 0 0 2px,#919eab1f 0 12px 24px -4px;border-radius:8px;justify-content:space-around;align-items:center}.two-col-wrapper[data-v-d549151c] .card{box-shadow:initial;border-radius:initial}.heading-card[data-v-d549151c]{background-color:#ecf2ff;flex:1 0 100%}.welcome[data-v-d549151c]{background-color:#ecf2ff;flex:1 0 55%}.container[data-v-7bb76d98]{display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem}.overview[data-v-7bb76d98]{display:flex;flex-wrap:wrap;gap:1rem;flex:1 0 40%}.grow[data-v-7bb76d98]{flex:1 0 20%;h2[data-v-7bb76d98] {font-weight: normal;}}.monthly-sales[data-v-7bb76d98]{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem}.monthly-sales[data-v-7bb76d98]>*[data-v-7bb76d98]{flex:1 0 50%}.stats[data-v-7bb76d98]{display:flex;flex-direction:row;width:100%;flex-wrap:wrap;gap:1rem;img[data-v-7bb76d98] {max-width: 100px;}}.stats[data-v-7bb76d98]>.pie-chart[data-v-7bb76d98]{flex:1 1 100px}.card-footer[data-v-7bb76d98]{display:flex;align-items:center;gap:.6rem}.chart-wrapper[data-v-7bb76d98]{box-shadow:#919eab4d 0 0 2px,#919eab1f 0 12px 24px -4px;padding:1rem;border-radius:8px;flex:1 0 55%;display:flex;flex-direction:column;container:chart / inline-size}.chart-info[data-v-7bb76d98]{display:flex;flex-direction:row;justify-content:space-between}.chart-col[data-v-7bb76d98]{display:flex;flex-direction:column}.chart-name[data-v-7bb76d98]{color:#a4aabd;font-weight:600;font-size:1rem}.chart-number[data-v-7bb76d98]{font-size:1.3rem;font-weight:600;margin:0 0 20px}