html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0;text-decoration:none;list-style:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--primary-font:"Barlow";--font-weight-semibold:600;--font-weight-medium:500;--font-weight-regular:400;--primary-text-color:#fff;--secondary-text-color:#ea7c69;--tertiary-text-color:#3b5162;--brown-text-color:#abbbc2;--font-size-xs:14px;--font-size-sm:16px;--font-size-md:20px;--font-size-lg:28px;--primary-background-color:#1f1d2b;--secondary-background-color:#ea7c69;--tertiary-background-color:#2d303e;--dark-background-color:#252836;--green-background-color:#4b965b;--gray-background-color:#c4c4c4;--primary-border-color:#1f1d2b;--secondary-border-color:#ea7c69;--tertiary-border-color:#393c49;--line-height-xs:14px;--line-height-sm:16px;--line-height-md:18px;--line-height-lg:20px;--line-height-xl:28px;--line-height-2xl:40px;--primary-border-radius:8px;--secondary-border-radius:16px}@font-face{font-family:Barlow;src:url(Barlow-SemiBold.aa4fd360.woff)format("woff");font-weight:var(--font-weight-semibold);font-style:normal;font-display:swap}@font-face{font-family:Barlow;src:url(Barlow-Medium.4a651b85.woff)format("woff");font-weight:var(--font-weight-medium);font-style:normal;font-display:swap}@font-face{font-family:Barlow;src:url(Barlow-Regular.d7c3026c.woff)format("woff");font-weight:var(--font-weight-regular);font-style:normal;font-display:swap}body{font-family:var(--primary-font);background-color:var(--dark-background-color)}input{font-family:inherit}.hidden{display:none}.btn{cursor:pointer;border-radius:var(--primary-border-radius);font-size:var(--font-size-xs);line-height:var(--line-height-lg);font-weight:var(--font-weight-semibold);padding:14px 23px}.btn-primary{border:1px solid var(--secondary-border-color);background-color:var(--primary-background-color);color:var(--secondary-text-color);&:hover{background-color:#343242}}.btn-secondary{background-color:var(--secondary-background-color);color:var(--primary-text-color);border:none;box-shadow:0 8px 24px #ea7c6966;&:hover{background-color:#f59685}}.btn-edit{color:var(--secondary-text-color);background-color:#ea7c693d;border:none;border-radius:0 0 8px 8px;justify-content:center;gap:8px;padding:16px 69px;display:flex;&:hover{background-color:#ed6d563d}}.card{cursor:pointer;background-color:var(--primary-background-color);border-radius:var(--primary-border-radius);width:221px}.card-product{border:1px solid var(--tertiary-border-color);&:hover>.card-header{visibility:visible}}.card-header{float:right;visibility:hidden;padding-top:10px;padding-right:11px}.card-image{height:130px;padding:24px 47px 16px}.card-text{text-align:center;padding:0 38px 16px 39px}.card-name{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;height:36px;display:-webkit-box;overflow:hidden}.circle{color:var(--gray-background-color)}.card-desc{justify-content:center;gap:8px;padding-top:8px;display:flex}.card-add-product{border:2px dashed var(--secondary-border-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-lg);color:var(--secondary-text-color);flex-direction:column;align-items:center;gap:40px;padding-top:111px;padding-bottom:110px;display:flex}.card-item{object-fit:cover;border-radius:50%;width:100%;height:130px}.form-wrapper{background-color:var(--primary-background-color);border-radius:16px 16px 0;padding:40px 50px 30px}.form-heading{border-bottom:1px solid var(--tertiary-border-color);width:280px;padding-bottom:26px}.form-control{padding-top:20px}.form-info{padding-top:5px}.form-group{flex-direction:column;gap:8px;padding-bottom:8px;display:flex}.form-input{padding-bottom:70px}.form-button{flex-direction:row;justify-content:space-between;gap:8px;padding-top:70px;display:flex}.btn-confirm{padding-left:50px;padding-right:50px}.form-container{justify-content:center;align-items:center;min-height:100vh;display:flex}.error-message{color:red;font-size:var(--font-size-xs);width:348px}@media (width>=768px){.btn-confirm{padding-left:67px;padding-right:67px}.form-button{gap:40px}}@media (width>=1352px){.form-button{gap:95px}}.input-form{border:1px solid var(--tertiary-border-color);background-color:var(--tertiary-background-color);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-lg);color:var(--primary-text-color);border-radius:8px;outline:none;padding:14px;&[data-field=Quantity]{width:47%}}.main-title{color:var(--primary-text-color);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);line-height:var(--line-height-xl)}.secondary-title{color:var(--primary-text-color);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);line-height:var(--line-height-2xl)}.tertiary-title{color:var(--primary-text-color);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);line-height:var(--line-height-md)}.main-desc{color:var(--brown-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);line-height:var(--line-height-lg)}.indicator{z-index:1000;max-height:calc(100vh - 40px);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.indicator-load{border:5px solid #f3f3f3;border-top:6px solid var(--secondary-border-color);border-radius:100%;width:50px;height:50px;margin:auto;animation:1s linear infinite spin}.indicator-text{color:var(--primary-text-color);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}@keyframes spin{to{transform:rotate(360deg)}}.delete-modal{background-color:var(--dark-background-color);border-radius:var(--secondary-border-radius);z-index:1000;max-height:calc(100vh - 40px);position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.delete-modal-content{padding:21px 35px 30px 31px}.delete-modal-text{text-align:center;color:var(--primary-text-color);padding-bottom:20px}.delete-modal-button{justify-content:space-between;gap:8px;display:flex}@media (width>=768px){.delete-modal-text{font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);line-height:var(--line-height-2xl);width:388px}}.sidebar{background-color:var(--primary-background-color);height:100%;padding-left:12px;position:fixed}.sidebar-header{border-radius:12px;padding-top:24px;padding-left:10px;display:inline-block}.sidebar-logo{background-color:#eb966a42;border-radius:12px;padding:11px;display:inline-block}.sidebar-body{padding-top:39px;padding-bottom:80px}.nav-list{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.nav-item{padding:13px 24px 13px 11px;position:relative}.active{background-color:var(--dark-background-color);border-radius:12px 0 0 12px;&:before{content:"";box-shadow:7.5px 7.5px 0 7.5px var(--dark-background-color);border-bottom-right-radius:var(--secondary-border-radius);width:12px;height:12px;position:absolute;top:-12px;right:0}&:after{content:"";border-top-right-radius:var(--secondary-border-radius);box-shadow:7.5px -7.5px 0 7.5px var(--dark-background-color);width:12px;height:12px;position:absolute;bottom:-12px;right:0}}.nav-link{border-radius:var(--primary-border-radius);padding:16px;display:inline-block}.active>.nav-link{background-color:var(--secondary-background-color);box-shadow:0 8px 24px #ea7c6952}.sidebar-footer{padding-bottom:24px;padding-left:12px;position:absolute;bottom:0}.sidebar-footer-link{padding:18px;display:inline-block}.sidebar svg{width:24px;height:24px}.active svg{filter:invert()hue-rotate(180deg)brightness(10)}.homepage-content{border-radius:var(--primary-border-radius);background-color:var(--primary-background-color);height:max-content;min-height:100vh;position:absolute;inset:20px 23px 21px 124px}.homepage-header{border-bottom:1px solid var(--tertiary-border-color);flex-direction:column;gap:20px;padding:20px 20px 19px;display:flex}.homepage-topbar{flex-direction:column;gap:20px;display:flex}.homepage-search{align-items:center;gap:8px;display:flex}.search-input{background-color:var(--tertiary-background-color);color:var(--brown-text-color);border:none;outline:none;flex:1}.homepage-sort{border:1px solid var(--tertiary-border-color);border-radius:var(--primary-border-radius);align-items:flex-end;gap:10px;margin-right:auto;padding:14px;display:flex}.sort-list{cursor:pointer;background-color:var(--primary-background-color);appearance:none;border:none;outline:none}.homepage-main{border-bottom:1px solid var(--tertiary-border-color);justify-items:center;row-gap:16px;padding-top:27px;padding-bottom:33px;display:grid}.card-product-list{display:contents}@media (width>=768px){.nav-list{gap:30px}.homepage-header{flex-direction:column;gap:25px;padding-top:55px;padding-left:42px;padding-right:45px}.homepage-topbar{flex-direction:row;justify-content:space-between}.homepage-search{width:250px}.homepage-sort{margin-left:auto;margin-right:0}.homepage-main{grid-template-columns:repeat(2,1fr);padding-left:42px;padding-right:45px}}@media (width>=1352px){.homepage-header{gap:38px;padding-right:78px}.homepage-search{width:342px}.homepage-main{grid-template-columns:repeat(5,1fr)}}
/*# sourceMappingURL=index.a6f078f1.css.map */