:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;position:relative}h1,h2,h3,h4,p{margin:0;padding:0}.container{width:100vw;padding:20px 20px 20px 300px;height:100vh;overflow-x:hidden}.sideNav{position:fixed;top:20px;bottom:20px;left:20px;width:300px;background-color:#000;border-radius:.5rem;color:#fff;padding:20px;display:flex;flex-direction:column;align-items:center}.sideNav img{width:100%;max-width:120px}.sideNavActions{width:100%;flex:1;overflow-y:auto;margin-top:50px}.sideNavBtn p{border-radius:.5rem;text-align:left;padding:10px;font-size:14px;width:100%;cursor:pointer;transition:background-color .2s ease-in-out;z-index:1000;color:#fff}.sideNavBtn.active p{background-color:#f9ebed;color:#000}.outlet{width:100%;height:100%;padding:0 20px;margin-left:20px;display:flex;flex-direction:column;min-height:calc(100vh - 40px)}.fieldsName{margin-top:15px;margin-bottom:5px;font-size:14px}textarea{resize:none}input,textarea,select{padding:0 15px;height:40px;border-radius:.25rem;border:1px solid rgb(225,225,225);width:100%;color:#8b8b8b;background-color:#fafafa;outline:none}textarea,select[multiple]{height:auto}.button{background-color:#000;padding:10px 20px;border-radius:2rem;color:#fff;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;font-size:14px;outline:none;border:none;text-transform:capitalize;margin-top:10px;margin-left:auto;display:flex;justify-content:flex-end}.button:hover{border-bottom-right-radius:.5rem}.selected{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.selected img{width:80px;aspect-ratio:1/1;object-fit:cover;border-radius:4px}form{width:100%}.addBox{border:1px dashed #9b9a9a;padding:20px;border-radius:.5rem;text-align:center;font-size:25px;color:#9b9a9a;cursor:pointer;width:80px;aspect-ratio:1/1}.flex-between{display:flex;justify-content:space-between;align-items:center;gap:10px}.newSize{font-size:13px;text-decoration:underline;cursor:pointer;margin-top:15px}.sizeForm input,textarea,select{padding:8px}.modal{background-color:#000c;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000000000;display:flex;justify-content:center;align-items:center;padding:30px}.window{width:100%;border-radius:.5rem;background-color:#fff;box-shadow:0 25px 50px -12px #00000040}.window_content{padding:40px;max-height:max(calc(100vh - 100px),500px);overflow-y:scroll;overflow-x:hidden}@media all and (max-width:768px){.window{padding:20px}}.size{border-radius:2rem;padding:5px 25px}.addBox.selectSize{padding:5px 25px;border-radius:2rem;font-size:18px;width:unset;aspect-ratio:auto}.selected .size{border:1px solid black;font-size:14px;display:flex;justify-content:center;align-items:center;cursor:pointer}.spinner{display:flex;justify-content:center;align-items:center;height:100%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn{position:absolute;right:-20px;top:-20px}.btn div{aspect-ratio:1/1;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:alls 1s ease;cursor:pointer;background-color:#000;color:#fff;width:40px;font-size:20px;border:1px solid white}.btn.sm{right:-10px;top:-10px}.btn.sm div{width:25px;font-size:14px}.btn div span{margin-top:5px}.btn div:before{content:"";position:absolute;left:0;top:0;display:block;width:100%;opacity:0;transform:scale(.2);aspect-ratio:1/1;border-radius:50%;transition:all .2s ease-in-out;background-color:#fff}.btn div:hover:before{transform:scale(1);opacity:1}.btn div:hover{color:#000}.tableContainer{width:100%;overflow:auto;flex:1}thead{position:sticky;top:0;z-index:10}table{min-width:800px;width:100%;border-collapse:collapse;font-size:15px}th,td{padding:5px 12px;height:50px;text-align:left;border-bottom:1px solid rgb(233,233,233)}th:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}th:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}th{background-color:#fff7f9;border:none;font-weight:700}td img{width:60px;aspect-ratio:1/1;object-fit:contain;border-radius:10px}.boolean_true{background-color:#e7f6e5;color:green;padding:5px 10px;border-radius:10px;display:inline-block;font-size:13px}.boolean_false{background-color:#f0f1fc;color:#0040ff;padding:5px 10px;border-radius:10px;display:inline-block;font-size:13px}.imageNameDisplay{display:flex;align-items:center;gap:10px}.tableActions{display:flex;align-items:center;gap:3px}.tableActions div{border-radius:5px;background-color:#fafafa;padding:7px;display:flex;justify-content:center;align-items:center;cursor:pointer}.tableActions .delete{background-color:#fcf0f0;color:#e40505}.tableActions .delete span{display:flex;justify-content:center;align-items:center}.header{margin-bottom:10px}.greeting{font-weight:700;font-size:24px}.date{color:#b7b7b7;font-size:13px}.actions{display:flex;justify-content:flex-end;margin-bottom:10px}.pagination{margin-top:10px}.pagination button{border:none;outline:none;padding:8px;background-color:#fff7f9;display:flex;justify-content:center;align-items:center;font-size:14px}.pagination .buttons{display:flex;gap:5px}.pagination{display:flex;gap:5px;justify-content:space-between}.pagination p{font-size:13px;color:#b7b7b7;margin-top:3px;margin-right:10px}.pagination select{max-width:100px;height:30px;padding:0;border:none;border-radius:0;background-color:#fff}.error-message{display:flex;justify-content:center;align-items:center;height:100%;flex-direction:column}.error-message h1{font-size:44px;color:#f6d9dd;margin-bottom:10px}.error-message h3{font-weight:500;margin-top:0;margin-bottom:10px}.cartItem{padding:10px 0;display:flex;gap:25px;align-items:start}.cartItem img{border-radius:.5rem;width:70px;aspect-ratio:1/1;object-fit:contain;background-color:#efefef;cursor:pointer}.cartItem div:nth-child(2){flex:1}.cartItem .itemName{font-size:13px;font-weight:500;text-transform:capitalize}.cartItem .itemPrice{font-size:13px;margin-top:5px}.cartItem .itemSize{font-size:12px;font-weight:600;margin-top:5px;background-color:#000;color:#fff;border-radius:.25rem;display:inline-block;padding:4px}.cartItem .itemQty{position:absolute;right:0;top:0;transform:translate(50%,-50%);padding:10px;border-radius:50%;background-color:#e7e7e7}.cartItem .itemQty span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#000}.modalImg img{object-fit:cover;width:100%;aspect-ratio:1/1}.recipient_info{font-size:14px;color:#9a9a9a}.parentCategory{border-bottom:1px solid rgb(231,231,231);padding:20px 0}.parentCategory .flex{display:flex;align-items:center;justify-content:space-between}.chevronDown{display:flex;align-items:center;gap:10px}.chevronDown div{display:flex;align-items:center;justify-content:center;background-color:#000;color:#fff;padding:3px;border-radius:.25rem;cursor:pointer}.subCategories{padding-left:32px;margin-top:20px}.subCategory{padding:8px 0}.checkbox{font-size:14px;margin-top:10px}.checkbox input{width:18px;height:18px;accent-color:black}.authContainer{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#000}.auth{width:100%;max-width:500px;background-color:#fff;padding:50px;border-radius:1rem}.auth p{text-decoration:underline;text-align:center;font-size:14px;cursor:pointer}.button:disabled{cursor:not-allowed}.authCheck{background-color:#000;color:#fff;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}