@import"https://fonts.googleapis.com/css2?family=Rubik+Moonrocks&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap";.menu{display:flex;margin:2em 0;flex-direction:column;gap:1em;--bg: var(--accent-mid)}@media screen and (min-width: 768px){.menu{margin:0 2em 0 0}}.menu__item{display:flex;align-items:center;gap:.5em;box-shadow:0 0 1px 2px var(--bg);border-radius:10px;font-weight:700;padding:1em;background:hsla(var(--accent-light-hsl),.5);transition:box-shadow .25s ease}.menu__item:hover{--bg: var(--accent)}.menu__item svg{height:2rem;width:2rem}.menu__item svg *{stroke:var(--accent)}.menu__filled *{fill:var(--accent)}.weight{font-weight:700}.weight span{font-size:80%;opacity:.8}.sales__header{font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:space-between}.sales__type{font-size:1.5rem;color:var(--accent-mid)}.sales__dropdown{font-size:1rem}.sales__grandtotal{padding:.5em 1em;background:var(--accent-light);text-align:center;font-size:1.2rem;border-radius:999vw}.sales__flex{margin-top:2em;display:flex;flex-direction:column;gap:1em}.sales__item{border:1px solid var(--accent);display:flex;flex-direction:column;padding:1em;font-size:1.25rem;justify-content:space-between;font-weight:500;background:var(--accent-light);border-radius:10px}.sales__details{margin:1em 0;overflow:hidden;max-height:0px;transition:max-height .15s ease-in-out}.sales__details--clicked{max-height:300px}.sales__total{display:flex;justify-content:space-between}.sales__value{font-weight:700;font-size:1.5rem}.particulars{display:flex}.particulars>:first-child{flex:1}.particulars__weight,.particulars__price,.particulars__total{width:7ch;text-align:center;margin:0 .5em}.divider{width:1px;background-color:var(--accent);height:30px}.logo{font-family:Rubik Moonrocks,cursive;font-size:2.5rem;color:var(--accent)}.layout{padding:1em 2em;display:flex;flex-direction:column}.home{display:flex;flex-direction:column}@media screen and (min-width: 768px){.home{flex-direction:row;align-items:start;justify-content:center;margin-top:2em}.home>:nth-of-type(2){flex:1}.home>:nth-of-type(1){gap:1.5em}}@media screen and (min-width: 768px) and (min-width: 1024px){.home>:nth-of-type(1){flex-basis:15%}}.cta{z-index:2;position:fixed;bottom:1em;right:1em;width:fit-content;font-weight:700;font-size:1.2rem;border-radius:999vw;box-shadow:inset 0 0 2px var(--accent);padding:1em 2em;background:var(--accent-light)}.cta__overlay{position:fixed;visibility:hidden;inset:0;opacity:0;transition:opacity .25s ease}.cta__overlay--open{opacity:1;z-index:3;visibility:visible;display:flex;align-items:flex-end;background:hsla(0deg,0%,14%,.5)}.cta__overlay--open .cta__modal{transition:transform .25s ease;transform:translateY(0)}@media screen and (min-width: 768px){.cta__overlay--open{justify-content:center;align-items:center}}.cta__modal{max-height:60vh;margin:.75em;background:var(--accent-light);padding:1em;border-radius:15px;width:100%;transform:translateY(100%);transition:transform .25s ease}@media screen and (min-width: 768px){.cta__modal{min-width:25%;min-height:30%}}.cta__header{font-size:1.5rem;font-weight:700}.cta__input{margin-top:1em;background:var(--accent-light);border:2px solid var(--accent);border-radius:10px;outline:none;width:100%;font-size:1.1rem;padding:1em .75em;color:var(--accent);font-weight:600}.cta__input::placeholder{font-weight:700;opacity:.8;color:var(--accent)}.cta__group{display:flex;gap:1em}.cta__footer{display:flex;justify-content:space-between}.cta__icon-button{padding:.5em;display:flex;justify-content:center;align-items:center;border-radius:10px;box-shadow:inset 0 0 2px var(--accent);background:var(--accent-mid);transition:all .25s ease}.cta__icon-button svg{height:32px;width:32px}.cta__icon-button--selected{background:greenyellow}.cta__divider{height:1px;width:100%;margin:1em 0;background:var(--accent)}.cta__submit{box-shadow:inset 0 0 2px var(--accent);padding:1em 1.5em;font-weight:700;border-radius:10px;background:var(--accent-mid)}.cta__item{display:flex;gap:1em}.cta__name,.cta__quantity,.cta__price{box-shadow:inset 0 0 2px var(--accent);border-radius:10px;padding:.5em;font-weight:500;font-size:1.245rem;background:var(--accent-mid)}.cta__name{flex:1}.cta__items{overflow-y:scroll;display:flex;max-height:30vh;flex-direction:column;gap:1em;padding-bottom:2em}.item__overlay{z-index:3;position:fixed;inset:0;background:hsla(0deg,0%,14%,.5);visibility:hidden;opacity:0;transition:all .25s ease}.item__overlay--open{opacity:1;visibility:visible}.item__overlay--open .item__modal{transform:translateY(0)}.item__input{margin-top:1em;position:relative}.item__input input{background:var(--accent-light);border:2px solid var(--accent);border-radius:10px;outline:none;width:100%;font-size:1.1rem;padding:1em .75em;color:var(--accent);font-weight:600}.item__input input::placeholder{font-weight:700;opacity:.8;color:var(--accent)}.item__input:after{position:absolute;right:1em;display:flex;justify-content:center;align-items:center;text-transform:uppercase;top:0;bottom:0;font-weight:700;content:attr(data-unit)}.item__split{display:flex;gap:1em}.item__header{font-size:1.5rem;font-weight:700}.item__modal{padding:1em;border-radius:10px;background:var(--accent-light);transform:translateY(100%);transition:all .25s ease;position:absolute;bottom:1em;left:1em;right:1em}.item__submit{margin-top:1em;margin-left:auto;font-size:1.3rem;border-radius:10px;width:fit-content;padding:.75em 1em;background:var(--accent-mid);font-weight:700;box-shadow:inset 0 0 2px var(--accent)}:root,html,body{margin:0%;color:var(--accent);height:100%;width:100%;font-family:var(--font),sans-serif}*{box-sizing:border-box}body{background-color:var(--bg)}.stocks{display:flex;flex-direction:column}.stocks__header{display:flex;justify-content:space-between;align-items:center}.stocks__title{font-size:2rem;font-weight:700}.stocks__grandtotal{font-size:1.3rem;padding:.75em 1em;font-weight:700;background:var(--accent-light);border-radius:999vw}.stocks__breakdown{margin-top:2em;display:flex;flex-direction:column;gap:1em}@media screen and (min-width: 768px){.stocks__breakdown{display:grid;grid-template-columns:repeat(auto-fill,minmax(12vw,1fr));gap:2em}}.stocks__item{background:var(--accent-light);padding:1em;display:flex;align-items:center;border-radius:10px;justify-content:space-between}.stocks__name{font-weight:600;font-size:1.2rem}.stocks__total{font-size:1.3rem}.cta{position:fixed;bottom:1em;right:1em}@media screen and (min-width: 768px){.customers{margin:0}}.customers__header{font-size:2rem;font-weight:700}.customers__list{margin-top:2em;display:flex;flex-direction:column;gap:1em}.customers__item{font-weight:500;background:var(--accent-light);padding:1em;font-size:1.3rem;border-radius:10px}:root,.light{--bg: white;--accent: #3C5CA7;--accent-light: hsl(222, 92%, 90%);--accent-mid: hsl(222, 100%, 82%);--accent-light-hsl: 222, 92%, 90%}:root{--font: "Rubik"}.calendar{display:flex;flex-direction:column-reverse}@media screen and (min-width: 768px){.calendar{flex-direction:row}}.calendar>:first-child{flex:1}@media screen and (min-width: 768px){.calendar>:first-child{margin:0 2em}}.calendar__view{border-radius:10px;padding:1em;background:var(--accent-light);margin-bottom:3em}.calendar__month{display:flex;gap:1em;margin-bottom:1em}.calendar__weeks{display:flex;justify-content:space-between}.calendar__dates{display:grid;text-align:center;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(5,1fr)}.calendar__date{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-weight:700;border-radius:10px;margin:.25em}.calendar__date--selected{background:var(--accent-mid)}@media screen and (min-width: 768px){.calendar__date{padding:.5em}}.calendar__weekday{display:flex;justify-content:center;align-items:center;font-size:1.1rem;font-weight:600}