.menubar{min-height:100vh;background-color:var(--white);box-shadow:3px 0 10px #0000001a;overflow:hidden}.menubar-header{display:flex;align-items:center;gap:12px;background-color:var(--bluePrimary);padding:5px 0 5px 32px}.menubar-header img{height:54px}.menubar-header h3{color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right,#00b7ff,#7b00ff);font-size:26px}.menubar-options{display:flex;flex-direction:column;gap:10px;margin-top:18px}.menubar-navlink{display:flex;align-items:center;gap:8px;padding-left:30px;font-size:18px;text-decoration:none;color:var(--bluePrimary);border-block:1px solid var(--bluePrimary)}.menubar-navlink.active{background-color:var(--purpleSecondary)}.menubar-navlink img{height:28px}.app{display:grid;grid-template-columns:20vw 1fr;gap:22px}:root{--bluePrimary: #26028a;--purpleSecondary: #baa4f9;--greyBackground: #eeeeee;--white: white}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;background-color:var(--greyBackground)}button:hover{cursor:pointer}#api-error-div{color:red;font-size:14px;display:flex;flex-direction:row;padding:0}#api-error-div img{height:16px;margin-inline:4px}.landing-container{display:flex;justify-content:center;align-items:center;padding-inline:10vw;height:100vh;width:100vw}.landing-container a{text-decoration:none;color:var(--bluePrimary)}.landing-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:0}.landing-div{padding:20px 16px 0;background:url(/assets/layered-waves-haikei-DWMBbTCD.png);background-repeat:no-repeat;background-position:center;background-size:cover;text-align:center;color:var(--white)}.landing-div h1{margin-top:32px;letter-spacing:1px}.landing-div p{font-size:16px;line-height:20px;text-wrap:pretty;padding:20px 40px 0}.landing-span{width:fit-content;font-size:14px}.landing-span:hover{color:var(--purpleSecondary);cursor:pointer}.login-page{background-color:var(--white);color:var(--bluePrimary)}.login-page h2{text-align:center;letter-spacing:1px}.login-page div{display:flex;flex-direction:column;padding-inline:6rem}.login-page label{font-size:14;font-weight:500}.login-input{background-color:var(--purpleSecondary);color:var(--bluePrimary);font-size:16px;padding:8px;margin:4px 0 16px;border:1px solid var(--white);border-radius:6px;box-shadow:1px 1px 5px #0003}.login-input:focus{outline:none;border:1px solid var(--bluePrimary)}.login-submit{font-size:16px;padding:8px;background-color:var(--bluePrimary);color:var(--white);border:none;border-radius:6px;cursor:pointer;margin-block:8px}.login-submit:focus{transform:scale(.99)}.login-page p{border-top:1px solid var(--purpleSecondary);padding-top:14px}.login-page p span{font-style:italic}.signup-page{background-color:var(--white);color:var(--bluePrimary)}.signup-page h2{text-align:center;letter-spacing:1px}.signup-page>div{display:flex;flex-direction:column;padding-inline:6rem}.signup-input{background-color:var(--purpleSecondary);color:var(--bluePrimary);margin-bottom:12px;font-size:16px;padding:8px;border:1px solid var(--white);border-radius:6px;box-shadow:1px 1px 5px #0003}.signup-input:focus{outline:none;border:1px solid var(--bluePrimary)}.signup-input::placeholder{color:var(--white);opacity:.6}#signup-image-uploader{display:flex;align-items:center;gap:10px;margin-block:12px}#signup-image-uploader label{text-wrap:nowrap}#signup-image-uploader input[type=file]::-webkit-file-upload-button{color:var(--bluePrimary);background-color:var(--purpleSecondary);padding:8px;border:1px solid var(--white);border-radius:6px;box-shadow:1px 1px 5px #0003;cursor:pointer}.signup-submit{font-size:16px;padding:8px;background-color:var(--bluePrimary);color:var(--white);border:none;border-radius:6px;cursor:pointer;margin-top:8px}.signup-submit:focus{transform:scale(.99)}.signup-page p{border-top:1px solid var(--purpleSecondary);padding-top:14px}.signup-page p span{font-style:italic}@media screen and (max-width: 768px){.landing-wrapper{grid-template-columns:1fr}.landing-container{padding:0}}.main-header{display:flex;justify-content:space-between;padding:8px 0 16px;border-bottom:2px solid var(--bluePrimary)}.main-header h2{margin:0;color:#6c6c6c;font-weight:500;letter-spacing:1px}.main-header h2>span{color:var(--bluePrimary);font-weight:700}.main-header button{background-color:var(--bluePrimary);color:var(--white);padding:8px 16px;border-radius:6px;border:none;font-size:14px;letter-spacing:1px;box-shadow:2px 2px 8px #0003}.main-header button:focus{transform:scale(.99)}.dashboard{padding-top:14px;padding-right:32px}.dashboard h3{font-size:26px;color:#2d2d2d}.inventory-stats{padding-bottom:16px;border-bottom:2px solid var(--bluePrimary)}.inventory-stats-container{display:flex;gap:10px}.inventory-stat{flex:1;display:flex;align-items:center;gap:24px;padding:16px 32px;box-shadow:4px 4px 4px #0006;transition:all .4s}.inventory-stat:hover{transform:translateY(-4px);box-shadow:6px 10px 4px #0000004d}.inventory-stat img{height:34px}.inventory-stat div{display:flex;flex-direction:column;justify-content:center;gap:2px}.inventory-stat div>p{margin:4px 0 0;color:var(--greyBackground);font-size:14px}.inventory-stat div>span{color:var(--white);font-size:18px;font-weight:700}.inventory-items-table{border-collapse:collapse;width:100%}.inventory-items-table thead>tr{background-color:var(--bluePrimary);color:var(--white)}.inventory-items-table th,.inventory-items-table td{padding:14px;text-align:center}.inventory-items-table tbody>tr{background-color:var(--white);border-bottom:1px solid var(--bluePrimary)}.inventory-items-table tbody>tr:hover{background-color:var(--purpleSecondary);cursor:pointer}.inventory-items-table tbody>tr:focus-within{background-color:#cebdff}.paginator-container{margin-top:30px}.paginator-container ul{display:flex;justify-content:center;gap:10px;list-style:none}.paginator-container a{background-color:var(--purpleSecondary);color:var(--bluePrimary);padding:10px 20px;font-size:14px;text-align:center;border:1px solid var(--bluePrimary);border-radius:6px}.paginator-container a:hover{cursor:pointer}.paginator-container a:focus{background-color:var(--white)}.add-product-container{padding-top:14px;padding-right:32px}.add-product{padding:22px 32px 0 0}.add-product>fieldset{margin:0;border:2px solid var(--bluePrimary);display:flex;flex-direction:column}.add-product>fieldset>legend{font-size:26px;color:var(--bluePrimary);font-weight:700}.add-product>fieldset label{color:var(--bluePrimary);margin-top:18px;text-wrap:nowrap}#product-image-uploader>input{margin-left:20px;color:var(--purpleSecondary)}#product-image-uploader input[type=file]::-webkit-file-upload-button{color:var(--bluePrimary);background-color:var(--purpleSecondary);padding:8px;border:1px solid var(--white);border-radius:6px;box-shadow:1px 1px 5px #0003;cursor:pointer}.product-image{height:250px;object-fit:contain}.add-product-input-container{display:flex;flex-direction:column;width:45%}.add-product-input-container input,.add-product-input-container textarea{background-color:var(--purpleSecondary);color:var(--bluePrimary);font-size:16px;padding:8px;margin-top:6px;border:1px solid var(--white);border-radius:6px;box-shadow:1px 1px 5px #0003}.add-product-input-container input:focus,.add-product-input-container textarea:focus{outline:none;border:1px solid var(--bluePrimary)}.add-product-input-container textarea{margin-bottom:22px}.add-product>fieldset>button{width:45%;font-size:16px;padding:8px;background-color:var(--bluePrimary);color:var(--white);border:none;border-radius:6px;margin-top:8px}.add-product>fieldset>button:focus{transform:scale(.99)}.profile{padding-top:14px;padding-right:32px}.profile h3{font-size:26px;color:#2d2d2d}.profile-container{background-color:var(--white);display:grid;grid-template-columns:40% 1fr;margin-top:20px;gap:20px;padding:14px 20px;border-radius:6px}.profile-container img{width:100%;height:300px;background-color:var(--purpleSecondary);object-fit:contain;border-radius:6px}.profile-details{display:flex;flex-direction:column;gap:20px}.profile-details>p{font-size:20px;margin:0;padding:10px;background-color:var(--purpleSecondary);border-radius:6px;border-bottom:2px solid var(--bluePrimary);border-right:2px solid var(--bluePrimary)}.profile-details>p>span{color:var(--bluePrimary);font-weight:700}.profile-details>div:last-child{display:flex;justify-content:space-around}.profile-details>div:last-child>button{align-self:end;width:40%;font-size:16px;padding:8px;background-color:var(--bluePrimary);color:var(--white);border:none;border-radius:6px;margin-top:8px}.profile-details>div:last-child>button:focus{transform:scale(.99)}.edit-profile{padding:22px 32px 0 0}.edit-profile>button{font-size:16px;padding:6px 10px;background-color:var(--bluePrimary);color:var(--white);border:none;border-radius:6px;margin-bottom:14px}.edit-profile>button:focus{transform:scale(.99)}.edit-profile>fieldset{margin:0;border:2px solid var(--bluePrimary);display:flex;flex-direction:column}.edit-profile>fieldset>legend{font-size:22px;color:var(--bluePrimary);font-weight:700}.edit-profile>fieldset label{color:var(--bluePrimary);margin-top:18px;text-wrap:nowrap}.edit-profile-input-container{display:flex;flex-direction:column;width:45%}.edit-profile-input-container input{background-color:var(--purpleSecondary);color:var(--bluePrimary);font-size:16px;padding:8px;margin-top:6px;border:1px solid var(--white);border-radius:6px;box-shadow:1px 1px 5px #0003}.edit-profile-input-container input:focus{outline:none;border:1px solid var(--bluePrimary)}.edit-profile-input-container input:last-child{margin-bottom:22px}.edit-profile>fieldset>button{width:45%;font-size:16px;padding:8px;background-color:var(--bluePrimary);color:var(--white);border:none;border-radius:6px;margin-top:8px}.edit-profile>fieldset>button:focus{transform:scale(.99)}.report{padding-top:14px;padding-right:32px}.report-container{display:grid;grid-template-columns:4fr 5fr;background-color:var(--white);margin-top:20px;border-radius:6px}.report-div{display:flex;flex-direction:column;padding:10px 20px;border-right:2px solid var(--purpleSecondary)}.report-input{background-color:var(--purpleSecondary);color:var(--bluePrimary);font-size:16px;padding:8px;margin-top:6px;border:1px solid var(--white);border-radius:6px;box-shadow:1px 1px 5px #0003}.report-input:focus{outline:none;border:1px solid var(--bluePrimary)}.report-input::placeholder{color:#eee;font-size:16px}.report-div>button{width:50%;font-size:16px;padding:6px 10px;background-color:var(--bluePrimary);color:var(--white);border:none;border-radius:6px;margin-top:14px}.report-div>button:focus{transform:scale(.99)}.report-myself-div{padding:10px 20px}.report-myself-div h3{font-size:26px;color:var(--bluePrimary);margin:0}.report-myself-div p{font-size:16px;color:var(--purpleSecondary)}.my-links{display:flex;flex-direction:column;align-items:start;gap:20px;margin-top:30px}.my-links div{display:flex;gap:10px;align-items:center}.my-links a{font-size:16px;text-decoration:none;color:var(--bluePrimary)}.my-links a:hover{color:var(--purpleSecondary)}.my-links img{height:20px}.product{padding-top:14px;padding-right:32px}.product>button{font-size:16px;padding:6px 10px;background-color:var(--bluePrimary);color:var(--white);border:none;border-radius:6px;margin-block:20px}.product>button:focus{transform:scale(.99)}.product-details-container{display:grid;grid-template-columns:45% 1fr;gap:0;border-radius:6px;background-color:var(--white)}.product-details-image{display:flex;padding:12px}.product-details-image>img{width:100%;object-fit:contain}.product-details{border-left:2px solid var(--purpleSecondary);padding:18px 14px 14px}.product-details>h4{font-size:32px;color:var(--bluePrimary);text-wrap:wrap;margin:0}.product-details-category{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--purpleSecondary)}.product-details-category>p{font-size:18px;color:var(--purpleSecondary)}.product-details-category>span{min-width:100px;color:var(--white);padding:8px 10px;text-align:center;border-radius:6px}.product-subdetails{display:flex;flex-direction:column;justify-content:start;gap:16px;margin-top:22px}.product-subdetails>p{color:var(--white);font-size:20px;background-color:var(--purpleSecondary);padding:10px;border-radius:6px;margin:0}.product-subdetails>p>span{color:var(--bluePrimary);font-weight:700;font-size:18px}.product-subdetails>p:last-child{min-height:100px}.product-subdetails>p:last-child>span{display:block;margin-bottom:6px}.product-button-div{display:flex;gap:30px;margin-top:16px}.product-button-div>button{flex:1;font-size:16px;padding-block:8px;background-color:var(--bluePrimary);color:var(--white);border:none;border-radius:6px;text-align:center}.product-button-div>button:focus{transform:scale(.99)}.edit-product{padding:22px 32px 0 0}.edit-product>button{font-size:16px;padding:6px 10px;background-color:var(--bluePrimary);color:var(--white);border:none;border-radius:6px;margin-bottom:14px}.edit-product>button:focus{transform:scale(.99)}.edit-product>fieldset{margin:0;border:2px solid var(--bluePrimary);display:flex;flex-direction:column}.edit-product>fieldset>legend{font-size:22px;color:var(--bluePrimary);font-weight:700}.edit-product>fieldset label{color:var(--bluePrimary);margin-top:18px;text-wrap:nowrap}.edit-product>fieldset>button{width:45%;font-size:16px;padding:8px;background-color:var(--bluePrimary);color:var(--white);border:none;border-radius:6px;cursor:pointer;margin-top:8px}.edit-product>fieldset>button:focus{transform:scale(.99)}.delete-product{position:absolute;top:34vh;left:40vw;padding:40px 60px;background-color:var(--white);border:1px solid var(--bluePrimary);border-radius:6px;z-index:5;box-shadow:0 0 0 200vh #0006}.delete-product>p{font-size:18px;margin-bottom:20px}.purchase{padding-top:14px;padding-right:32px}.purchase-container{background-color:#0ff;margin-top:20px}.purchase-table{border-collapse:collapse;width:100%}.purchase-table thead>tr{background-color:var(--bluePrimary);color:var(--white)}.purchase-table th,.purchase-table td{padding:14px;text-align:center}.purchase-table tbody>tr{background-color:var(--white);border-bottom:1px solid var(--bluePrimary)}.sale{padding-top:14px;padding-right:32px}