*{margin:0;padding:0;box-sizing:border-box}ul,ol{list-style:none}button{cursor:pointer;border:0;background-color:transparent;font-size:inherit;font-weight:inherit}a{text-decoration:none;color:inherit}button,input,select,textarea{font-family:inherit}:root{--color-primary-white: #fff;--color-primary-back: #171717;--color-light-gray: #f7f7f7;--color-medium-gray: hwb(0 90% 10%);--color-dark-gray: #2d2d2d;--color-primary-green: #53d476;--color-secondary-green: #e7f9eb;--color-tertiary-green: #009026;--color-primary-blue: #3477f3;--color-secondary-blue: #e9eeff;--color-primary-red: #d45353;--color-secondary-red: #f9e7e7;--color-tertiary-red: #900000;--color-primary-yellow: #d4be53;--color-secondary-yellow: #f9f8e7;--color-tertiary-yellow: #908400;--color-background-gray: #eff3f8;--spacing-x-small: .25rem;--spacing-small: .5rem;--spacing-medium: 1rem;--spacing-large: 2rem;--spacing-x-large: 3rem;--font-size-small: .5rem;--font-size-base: 1rem;--font-size-medium: 1.2rem;--font-size-large: 1.5rem;--font-size-x-large: 2rem;--border-radius-small: .25rem;--border-radius-medium: .5rem}@font-face{font-family:Inter;src:url(/assets/fonts/Inter/Inter-VariableFont_opsz_wght.ttf) format("truetype-variations");font-weight:100 900;font-stretch:75% 125%}@font-face{font-family:Inter;src:url(/assets/fonts/Inter/Inter-Italic-VariableFont_opsz_wght.ttf) format("truetype-variations");font-weight:100 900;font-stretch:75% 125%;font-style:italic}.add-modal{display:none;width:100%;height:100%;position:fixed;overflow-y:auto;top:0;left:0;flex-direction:column;align-items:center;justify-content:center;background-color:#00000080}.form{min-width:340px;margin:var(--spacing-medium);padding:var(--spacing-large);border-radius:var(--border-radius-medium);display:flex;flex-direction:column;gap:var(--spacing-small);background-color:var(--color-light-gray)}.form__title{font-weight:400}.form__group{display:flex;flex-direction:column;gap:var(--spacing-x-small)}.form__group input,.form__group select{padding:var(--spacing-x-small)}.form__error-field{border:2px solid var(--color-primary-red);border-radius:var(--border-radius-small)}.form__input-error{display:none;color:var(--color-primary-red)}.form__input-error--show{display:block}.form__category{display:none;border:0}.form__fieldset{padding:var(--spacing-medium)}.form__category--show{display:block}.form__category-title{font-size:1.1rem;padding-top:var(--spacing-medium)}.form__error-message{display:none;color:var(--color-primary-red);text-align:center}.form__error-message--show{display:block}.form__buttons{padding:var(--spacing-small) var(--spacing-medium);border-radius:var(--border-radius-medium)}.form__submit-button{color:var(--color-primary-white);background-color:var(--color-primary-blue);transition:opacity .25s}.form__submit-button:hover{opacity:.8}.form__cancel-button{border:1px solid var(--color-dark-gray);transition:background-color .25s}.form__cancel-button:hover{background-color:var(--color-medium-gray)}.delete-modal{display:none;width:100%;height:100%;position:fixed;justify-content:center;align-items:center;background-color:#00000080}.delete-modal__container{padding:var(--spacing-large);border-radius:var(--border-radius-medium);background-color:var(--color-light-gray);display:flex;flex-direction:column;gap:var(--spacing-small)}.delete-modal__button-container{display:flex;justify-content:center;gap:var(--spacing-medium)}.delete-modal__confirm,.delete-modal__cancel{padding:var(--spacing-small) var(--spacing-medium);border-radius:var(--border-radius-medium)}.delete-modal__confirm{background-color:var(--color-primary-red);color:var(--color-primary-white);transition:opacity .25s}.delete-modal__confirm:hover{opacity:.9}.delete-modal__cancel{border:1px solid var(--color-dark-gray);transition:background-color .25s}.delete-modal__cancel:hover{background-color:var(--color-medium-gray)}.error-modal{position:fixed;top:-100px;width:100%;display:flex;justify-content:center;align-items:center;transition:top .25s}.error-modal--active{top:0}.error-modal__container{padding:var(--spacing-large) var(--spacing-large) var(--spacing-medium) var(--spacing-large);border-radius:0 0 var(--border-radius-medium) var(--border-radius-medium);background-color:var(--color-primary-white);box-shadow:0 0 6px var(--color-dark-gray)}.error-modal__message{font-size:var(--font-size-medium);font-weight:600;color:var(--color-primary-red)}.details-modal__heading{font-weight:600}html,body{width:100%;height:100%}body{display:flex;flex-direction:column;font-family:Inter,sans-serif}.site-header{position:sticky;top:0;left:0;width:100%;padding:var(--spacing-medium) var(--spacing-medium);display:grid;grid-template-columns:200px auto auto;border-bottom:2px solid var(--color-background-gray);background-color:#fff}.site-header__logo-container{width:200px;justify-self:start}.site-header__logo{height:48px}.site-header__page-title-container{align-self:center;justify-self:center}.site-header__notificaitons_profile-container{justify-self:end;align-self:center;display:flex;justify-content:center;align-items:center;gap:var(--spacing-small)}.site-header__notification-button{padding:var(--spacing-x-small);border-radius:var(--border-radius-medium);display:flex;justify-content:center;align-items:center;transition:background-color .25s}.site-header__notification-button:hover{background-color:var(--color-medium-gray)}.site-header__notification-image{height:24px}.site-header__profile-button{padding:var(--spacing-small);border-radius:var(--border-radius-medium);display:flex;align-items:center;gap:var(--spacing-x-small);transition:background-color .25s}.site-header__profile-button:hover{background-color:var(--color-medium-gray)}.site-header__profile-image{height:40px;border-radius:50%}.site-header__profile-title{font-weight:500}.site-main{width:100%;height:100%;flex-grow:1;display:flex;overflow:auto}.sidebar{position:sticky;top:0;padding:var(--spacing-medium);font-size:var(--font-size-base);font-weight:500;display:flex;flex-direction:column;justify-content:space-between}.sidebar__nav{flex-grow:1;display:flex;flex-direction:column}.sidebar__list{padding-top:var(--spacing-small);display:flex;flex-direction:column;gap:var(--spacing-small)}.sidebar__list-button{width:100%;display:flex;align-items:center;gap:var(--spacing-small);padding:var(--spacing-small) var(--spacing-medium);border-radius:var(--border-radius-medium);transition:.25s}.sidebar__list-button:hover{background-color:var(--color-medium-gray)}.sidebar__list-button--active{color:var(--color-primary-white);background-color:var(--color-primary-blue)}.sidebar__list-button--active:hover{background-color:var(--color-primary-blue);opacity:.8}@media screen and (max-width: 1000px){.sidebar{padding:var(--spacing-medium) var(--spacing-small)}.sidebar__list-text{display:none}}@media screen and (max-width: 600px){.sidebar{padding:var(--spacing-medium) var(--spacing-x-small)}.sidebar__list-button{padding:var(--spacing-small) var(--spacing-small)}}.inventory{width:100%;overflow-x:auto;padding:var(--spacing-medium);background-color:var(--color-background-gray)}.inventory__container{width:100%;min-width:min-content;background-color:var(--color-primary-white);padding:var(--spacing-medium);border-radius:var(--border-radius-small)}.inventory__header-container{width:100%;border-bottom:2px solid var(--color-background-gray);display:flex;justify-content:space-between;align-items:center}.inventory__header-title{padding:var(--spacing-medium) 0;font-weight:400}.inventory__add-new-product-button{padding:var(--spacing-small) var(--spacing-medium);border-radius:var(--border-radius-medium);color:var(--color-primary-white);background-color:var(--color-primary-blue)}@media screen and (max-width: 1200px){.inventory__add-new-product-text{display:none}}@media screen and (max-width: 600px){.inventory{padding:var(--spacing-x-small)}}.inventory__add-new-product-button:hover{opacity:.8}.product-table{width:100%;border-collapse:collapse;margin:var(--spacing-medium) 0;border-radius:var(--border-radius-small);overflow:hidden}.product-table thead tr{background-color:#e8edf3;text-align:left;color:var(--color-dark-gray)}.product-table thead tr th{font-weight:400}.product-table th,.product-table td{padding:var(--spacing-small) var(--spacing-medium)}.product-table td{border-right:1px solid var(--color-medium-gray)}.product-table td:first-child{border-left:1px solid var(--color-medium-gray)}.product-table__details-header,.product-table__edit-header{text-align:center}.product-table tr{border-bottom:1px solid var(--color-background-gray)}.product-table tr:nth-of-type(2n){background-color:#f8fafc}.product-table tbody tr:last-of-type{border-bottom:2px solid #e8edf3}.product-table__details-cell{text-align:center}.product-table__details-button{position:relative}.product-table__edit-container{display:flex;gap:var(--spacing-small);justify-content:center;align-items:center}.product-table__edit-buttons{padding:var(--spacing-x-small);border-radius:var(--border-radius-small)}.product-table__edit-buttons:hover{background-color:var(--color-medium-gray)}@media screen and (max-width: 1000px){.product-table th,.product-table td{padding:var(--spacing-small) var(--spacing-x-small)}}@media screen and (max-width: 780px){.product-table thead tr th{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0px}}.link{text-decoration:underline}.hide{display:none}.show-flex{display:flex}