.sneaker-page{align-items:flex-start;background-color:#000;color:#fff;font-family:Poppins,sans-serif;height:calc(100vh - 3rem);justify-content:space-between}.form-container-sneaker,.sneaker-page{box-sizing:border-box;display:flex;padding:2rem}.form-container-sneaker{align-items:center;background-color:#111;border-radius:10px;box-shadow:0 0 4px #fff6,0 0 8px #fff3;flex-direction:column;height:100%;overflow-y:auto;width:30%}.form-container-sneaker h2{color:#fffc;margin-bottom:1rem;text-shadow:0 0 6px #fff9,0 0 12px #fff6}.sku-form{width:100%}.sneaker-form{height:calc(100% - 4rem);justify-content:space-around;width:100%}.size-group{display:flex;gap:.5rem}.add-sneaker-button,.size-group input,.size-group select{width:100%}div .multi-add-button{align-items:center;border:none;display:flex;font-size:3rem;justify-content:center;padding:0}div .multi-add-button:hover{background-color:initial;box-shadow:none;color:#00a8ff;filter:drop-shadow(0 0 6px rgba(0,168,255,.8)) drop-shadow(0 0 12px rgba(0,168,255,.6))}.multi-add-button svg{font-size:2.4rem}.sneaker-list{background-color:#111;border-radius:10px;box-shadow:0 0 4px #fff6,0 0 8px #fff3;box-sizing:border-box;height:100%;overflow-y:auto;padding:2rem;width:calc(70% - 2rem)}.sneaker-list table{border-collapse:collapse;color:#fff;text-align:left;width:100%}.sneaker-list td,.sneaker-list th{border-bottom:1px solid #fff3;padding:1rem}.sneaker-list th{color:#fffc;font-size:1.1rem;text-shadow:0 0 6px #fff9}.sneaker-list td{font-size:1rem}.sneaker-list tr:hover{background-color:#ffffff1a;cursor:default}.form-container h2,.sneaker-list h2{color:#fffc;font-size:1.5rem;margin-bottom:1rem;text-align:center;text-shadow:0 0 6px #fff9,0 0 12px #fff6}.form-group-horizontal{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-group-horizontal label{color:#fffc;font-size:1rem}.input-container{align-items:center;display:flex;gap:.5rem}.input-container input{background-color:#000;border:1px solid #fff6;border-radius:5px;color:#fff;flex:1 1;font-size:1rem;outline:none;padding:.5rem}.input-container input:focus{border-color:#fffc;box-shadow:0 0 4px #fff6,0 0 8px #fff3}.icon-container{background:none;border:none;margin:0;outline:none;padding:0}.modal-overlay{inset:0}.modal-content{background:#111;border-radius:12px;margin:5% auto;padding:20px}.modal-content h2{margin-bottom:16px}.sneaker-form{gap:16px}input,select{background-color:#000;border:1px solid #fff6;border-radius:5px;color:#fff;font-size:1rem;outline:none;padding:.5rem}input:focus,select:focus{border-color:#fffc;box-shadow:0 0 4px #fff6,0 0 8px #fff3}.cancel-button,.submit-button{background-color:initial;border:1px solid #fff6;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .3s ease,box-shadow .3s ease}.cancel-button:hover{color:#fff}.form-group .sizes-container{background-color:#000;border:1px solid #fff6;border-radius:5px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;max-height:200px;overflow-y:auto;padding:8px}.size-input{align-items:center;display:flex;flex-direction:column;width:80px}.size-input label{color:#fffc;font-size:.9rem;margin-bottom:4px}.size-input input{background-color:#111;border:1px solid #fff6;border-radius:4px;color:#fff;font-size:.9rem;padding:4px;text-align:center;width:100%}.size-input input:focus{border-color:#fffc;box-shadow:0 0 4px #fff6,0 0 8px #fff3}@media screen and (max-width:1200px){.sneaker-page{flex-direction:column;height:auto;padding:1rem}.form-container-sneaker{margin-bottom:1.2rem;width:100%}.sneaker-list{max-height:90vh;width:100%}}@media screen and (max-width:750px){.sneaker-list td,.sneaker-list th{font-size:.8rem;padding:.5rem}.form-group-horizontal{gap:0}.sneaker-form .form-group{margin-bottom:0}}@media screen and (max-width:450px){.sneaker-list td,.sneaker-list th{font-size:.6rem;padding:.3rem}}.stock-page{background-color:#000;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:Poppins,sans-serif;height:calc(100vh - 3rem);overflow:hidden;padding:2rem;position:relative}.stock-list{box-shadow:0 0 4px #fff6,0 0 8px #fff3;flex:1 1;margin-bottom:1rem;overflow-y:auto;padding:2rem}.stock-info-container,.stock-list{background-color:#111;border-radius:10px}.stock-info-container{border:1px solid #fff3;box-shadow:0 0 8px #ffffff4d;display:flex;gap:2rem;padding:1.5rem}.stock-info-plate{background-color:#000;border:1px solid #ffffff1a;border-radius:8px;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:100px;padding:1.5rem;text-align:center}.stock-info-label{color:#ffffffb3;font-size:1rem;margin-bottom:.5rem}.stock-info-value{color:#00a8ff;font-size:1.8rem;font-weight:700;text-shadow:0 0 8px #00a8ff99}.stock-table{border-collapse:collapse;color:#fff;text-align:left;width:100%}.stock-table td,.stock-table th{border-bottom:1px solid #fff3;padding:1rem}.stock-table th{color:#fffc;font-size:1.1rem;text-shadow:0 0 6px #fff9}.stock-table tr:hover{background-color:#ffffff1a}@media screen and (max-width:1200px){.stock-page{padding:1rem}}@media screen and (max-width:750px){.stock-table td,.stock-table th{font-size:.8rem;padding:.5rem}}@media screen and (max-width:480px){.stock-table td,.stock-table th{font-size:.6rem;padding:.3rem}.stock-list{padding:1rem}}@media screen and (max-width:465px){.stock-info-container{padding:.5rem}.stock-info-container .stock-info-item{font-size:.8rem}.stock-info-value{font-size:1rem}}.sales-page{align-items:flex-start;background-color:#000;box-sizing:border-box;color:#fff;font-family:Poppins,sans-serif;height:calc(100vh - 3rem);padding:2rem}.sales-form,.sales-page{display:flex;justify-content:space-between}.sales-form{flex-direction:column;height:calc(100% - 4rem)}.sales-list{background-color:#111;border-radius:10px;box-shadow:0 0 4px #fff6,0 0 8px #fff3;box-sizing:border-box;height:100%;max-height:calc(100vh - 6rem);overflow-y:auto;padding:2rem;width:65%}.sales-list table{border-collapse:collapse;color:#fff;text-align:left;width:100%}.sales-list td,.sales-list th{border-bottom:1px solid #fff3;padding:1rem}.sales-list th{color:#fffc;font-size:1.1rem;text-shadow:0 0 6px #fff9}.sales-list td{font-size:1rem}.sales-list tr:hover{background-color:#ffffff1a;cursor:default}.form-container h2,.sales-list h2{color:#fffc;font-size:1.5rem;margin-bottom:1rem;text-align:center;text-shadow:0 0 6px #fff9,0 0 12px #fff6}@media screen and (max-width:1200px){.sales-page{flex-direction:column;height:auto;padding:1rem}.sales-page .form-container{margin-bottom:2rem;width:100%}.sales-list{width:100%}}@media screen and (max-width:750px){.sales-list td,.sales-list th{font-size:.8rem;padding:.5rem}}@media screen and (max-width:550px){.sales-list td,.sales-list th{font-size:.6rem;padding:.3rem}}.profit-dashboard{background-color:#000;color:#fff;display:flex;flex-direction:column;font-family:Poppins,sans-serif;min-height:100vh}.button-container{display:flex;gap:1rem;margin:1rem 0;padding-left:2rem}.filter-button{background-color:initial;border:1px solid #fff6;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .3s ease,box-shadow .3s ease}.filter-button.active,.filter-button:hover{background-color:#00a8ff;box-shadow:0 0 6px #00a8ffcc,0 0 12px #00a8ff99;color:#fff}.chart-section{flex-direction:column}.chart-container,.chart-section{align-items:center;display:flex;justify-content:center;padding:2rem;width:100%}.chart-container{background-color:#111;border-radius:10px;box-shadow:0 0 4px #fff6,0 0 8px #fff3;margin-bottom:1rem;max-width:none}.chart-description{color:#fffc;font-size:1.1rem;margin-top:1rem;text-align:center;width:100%}.costs-page{align-items:flex-start;background-color:#000;color:#fff;display:flex;font-family:Poppins,sans-serif;height:calc(100vh - 3rem);justify-content:space-between}.costs-page,.form-container{box-sizing:border-box;padding:2rem}.form-container{background-color:#111;border-radius:10px;box-shadow:0 0 4px #fff6,0 0 8px #fff3;height:50%;width:30%}.costs-form{display:flex;flex-direction:column;height:calc(100% - 4rem);justify-content:space-between}.form-group label{margin-bottom:.5rem}.form-group input{background-color:#000;border:1px solid #fff6;border-radius:5px;color:#fff;font-size:1rem;outline:none;padding:.5rem}.form-group input:focus{border-color:#fffc}.costs-list,.form-group input:focus{box-shadow:0 0 4px #fff6,0 0 8px #fff3}.costs-list{background-color:#111;border-radius:10px;box-sizing:border-box;height:100%;max-height:calc(100vh - 6rem);overflow-y:auto;padding:2rem;width:65%}.costs-list table{border-collapse:collapse;color:#fff;text-align:left;width:100%}.costs-list td,.costs-list th{border-bottom:1px solid #fff3;padding:1rem}.costs-list th{color:#fffc;font-size:1.1rem;text-shadow:0 0 6px #fff9}.costs-list td{font-size:1rem}.costs-list tr:hover{background-color:#ffffff1a;cursor:default}.costs-list h2,.form-container h2{color:#fffc;font-size:1.5rem;margin-bottom:1rem;text-align:center;text-shadow:0 0 6px #fff9,0 0 12px #fff6}@media screen and (max-width:1200px){.costs-page{flex-direction:column;height:auto;padding:1rem}.form-container{margin-bottom:1rem}.costs-list,.form-container{height:auto;width:100%}}@media screen and (max-width:750px){.costs-list td,.costs-list th{font-size:.8rem;padding:.5rem}}.payout-page{background-color:#000;color:#fff;font-family:Poppins,sans-serif;min-height:calc(100vh - 3rem);padding:3.5rem}.payout-container,.payout-page{display:flex;flex-direction:column}.payout-container{background-color:#111;border-radius:10px;box-shadow:0 0 8px #fff6;height:80vh;margin:0 auto;max-width:1200px;padding:2rem;width:90%}.payout-container>h1{color:#ffffffe6;text-shadow:0 0 5px #ffffff80}.scrollable-table{border:1px solid #fff3;border-radius:5px;flex-grow:1;margin-bottom:1rem;overflow-y:auto}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #fff3;padding:1rem;text-align:left}th{background-color:#000c;color:#ffffffe6;text-shadow:0 0 5px #ffffff80}tr{cursor:pointer;transition:background-color .15s ease,box-shadow .3s ease}tr:hover{background-color:#ffffff1a}.scrollable-table tr.selected{background-color:#00a8ff4d;box-shadow:inset 3px 0 0 #00a8ffcc;transition:background-color .1s ease,box-shadow .3s ease}.scrollable-table tr.deselected{background-color:#ffffff1a;box-shadow:inset 0 0 0 #0000;transition:background-color .1s ease,box-shadow .3s ease}button{border:none;border-radius:5px;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease,box-shadow .3s ease}button:hover{box-shadow:0 0 12px #00a8ffcc,0 0 20px #00a8ff99}.submit-button{background-color:initial;border:1px solid #fff6;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .3s ease,box-shadow .3s ease}.submit-button:hover{background-color:#00a8ff;box-shadow:0 0 6px #00a8ffcc,0 0 12px #00a8ff99;color:#fff}.submit-button.cancel-button{margin-left:1rem}.submit-button.cancel-button:hover{background-color:#ff453a;box-shadow:0 0 6px #ff453acc,0 0 12px #ff453a99}.calculate-button{border-radius:5px;cursor:pointer;font-size:1rem;padding:.5rem 1rem;width:12rem}.popup-overlay{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.popup{animation:fadeIn .3s ease-in-out;background-color:#111;border-radius:10px;box-shadow:0 0 15px #ffffff80;color:#fff;max-width:1000px;padding:2rem;width:95%}.popup h2{color:#fffc;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.popup-content{border:1px solid #fff3;border-radius:5px;max-height:300px;overflow-y:auto}.popup-content,.popup-item{margin-bottom:1rem}.close-button{background-color:#00a8ff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;margin:0 auto;padding:.5rem 1rem;transition:background-color .3s ease}.close-button:hover{background-color:#00a8ffcc}.payout-summary{display:flex;flex-direction:column;gap:.5rem}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media screen and (max-width:1100px){.popup-overlay{height:90vh;top:3.5rem}.payout-page{padding:1rem}.payout-container{height:90vh;margin:0;padding:1rem;width:100%}.scrollable-table td,.scrollable-table th{font-size:.8rem;padding:.5rem}.popup{padding:1rem}.popup table td,.popup table th,.popup-content td,.popup-content th{font-size:1rem;padding:.8rem}}@media screen and (max-width:750px){.scrollable-table td,.scrollable-table th{font-size:.6rem;padding:.3rem 0 .3rem .3rem}}@media screen and (max-width:650px){.popup{padding:.2rem}.popup table td,.popup table th,.popup-content td,.popup-content th{font-size:.8rem;padding:.5rem 0 .5rem .5rem}}.management-page{align-items:flex-start;background-color:#000;color:#fff;display:flex;font-family:Poppins,sans-serif;gap:1rem;height:calc(100vh - 3rem);justify-content:space-between;overflow:hidden}.management-page,.sneaker-section{box-sizing:border-box;padding:2rem}.sneaker-section{background-color:#111;border-radius:10px;box-shadow:0 0 4px #fff6,0 0 8px #fff3;max-height:100%;overflow-y:auto;width:65%}.sneaker-section h2{color:#fffc;font-size:1.5rem;margin-bottom:1rem;text-shadow:0 0 6px #fff9,0 0 12px #fff6}.cost-section{background-color:#111;border-radius:10px;box-shadow:0 0 4px #fff6,0 0 8px #fff3;box-sizing:border-box;max-height:100%;overflow-y:auto;padding:2rem;width:33%}.cost-section h2{color:#fffc;font-size:1.5rem;margin-bottom:1rem;text-shadow:0 0 6px #fff9,0 0 12px #fff6}.management-table{border-collapse:collapse;color:#fff;text-align:left;width:100%}.management-table td,.management-table th{border-bottom:1px solid #fff3;padding:1rem}.management-table th{color:#fffc;font-size:1.1rem;text-shadow:0 0 6px #fff9}.management-table td{font-size:1rem}.management-table tr:hover{background-color:#ffffff1a}.edit-button{align-items:center;background-color:initial;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;margin:0;padding:0;transition:all .3s ease}.edit-button:hover{box-shadow:none;color:#00a8ff}.modal-overlay{align-items:center;background-color:#00000080;display:none;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.modal-overlay.show{display:flex}.modal-content{background-color:#111;border-radius:10px;box-shadow:0 0 6px #fff6,0 0 12px #fff3;box-sizing:border-box;color:#fff;max-height:80vh;max-width:600px;opacity:0;overflow-y:auto;padding:2rem;transform:scale(.9);transition:opacity .3s ease-in-out,transform .3s ease-in-out;width:90%}.modal-content.animate{opacity:1;transform:scale(1)}.modal-content h2{color:#fffc;font-size:1.5rem;margin-bottom:1rem;text-align:center;text-shadow:0 0 6px #fff9,0 0 12px #fff6}.sneaker-form{gap:1rem}.form-group,.sneaker-form{display:flex;flex-direction:column}.form-group{margin-bottom:.5rem}.form-group label{color:#fffc;font-size:1rem;margin-bottom:.3rem}.form-group input,.form-group select{background-color:#000;border:1px solid #fff6;border-radius:5px;color:#fff;font-size:1rem;outline:none;padding:.5rem}.form-group input:focus,.form-group select:focus{border-color:#fffc;box-shadow:0 0 4px #fff6,0 0 8px #fff3}.modal-buttons,.sneaker-form>div:last-child{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.form-actions{display:flex;justify-content:space-between!important}.action-div{display:flex;gap:.5rem}.cancel-button,.save-button,.submit-button{background-color:initial;border:1px solid #fff6;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin:0;padding:.5rem 1rem;transition:all .3s ease}.save-button:hover,.submit-button:hover{background-color:#00a8ff;box-shadow:0 0 6px #00a8ffcc,0 0 12px #00a8ff99}.cancel-button:hover{background-color:#ff453a;box-shadow:0 0 6px #ff453acc,0 0 12px #ff453a99}.delete-button{background-color:initial;color:#fff;font-size:2rem;margin:0;padding:0;transition:all .3s ease}.delete-button:hover{box-shadow:none;color:#ff453a;text-shadow:0 0 6px #ff453acc,0 0 12px #ff453a99}.delete-modal{display:flex;flex-direction:column;gap:1rem;max-width:30rem}.delete-modal h2{margin:0}@media screen and (max-width:1300px){.management-page{flex-direction:column;height:auto;padding:1rem}.cost-section,.sneaker-section{height:90vh;width:100%}}@media screen and (max-width:950px){.management-table td,.management-table th{font-size:1rem;padding:.7rem}}@media screen and (max-width:850px){.management-table td,.management-table th{font-size:.8rem;padding:.5rem}.cost-section,.sneaker-section{padding:1rem}.edit-button{font-size:1.2rem}}@media screen and (max-width:650px){.management-table td,.management-table th{font-size:.6rem;padding:.4rem .4rem .4rem 0}.cost-section,.sneaker-section{padding:.5rem}.edit-button{font-size:1rem}}*{box-sizing:border-box;margin:0;padding:0}.App,body{color:#fff;font-family:Poppins,sans-serif;min-height:100vh;overflow-x:hidden}.App,.header,body{background-color:#000}.header{align-items:center;border-bottom:1px solid #fff6;box-shadow:0 0 4px #fff6,0 0 8px #fff3;display:flex;height:3rem;justify-content:space-between;padding:1rem;position:fixed;top:0;width:100%;z-index:1000}.content{font-size:1.1rem;line-height:1.6;margin-top:3rem}.icon-container{align-items:center;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;transition:transform .3s ease}.icon-container:hover{transform:scale(1.1)}.glowing-icon{color:#fff;transition:color .3s ease,filter .3s ease}.icon-container:hover .glowing-icon{color:#00a8ff;filter:drop-shadow(0 0 6px rgba(0,168,255,.8)) drop-shadow(0 0 12px rgba(0,168,255,.6))}.side-menu{background-color:#000;border-right:1px solid #fff6;box-shadow:0 0 4px #fff6,0 0 8px #fff3;display:flex;flex-direction:column;height:calc(100% - 3rem);left:-400px;padding:2rem 1rem;position:fixed;top:3rem;transition:transform .4s ease;width:300px;z-index:999}.side-menu.open{transform:translateX(400px)}.menu-links{display:flex;flex-direction:column;gap:2rem}.menu-link{color:#fff;font-size:1.2rem;text-decoration:none;transition:color .3s ease,text-shadow .3s ease,-webkit-text-decoration .3s ease;transition:color .3s ease,text-shadow .3s ease,text-decoration .3s ease;transition:color .3s ease,text-shadow .3s ease,text-decoration .3s ease,-webkit-text-decoration .3s ease}.menu-link:hover{color:#00a8ff;cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:#00a8ff;text-decoration-color:#00a8ff;text-decoration-thickness:2px;text-shadow:0 0 6px #00a8ffcc,0 0 12px #00a8ff99}.logout-button{background-color:initial;border:1px solid #fff6;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .3s ease,box-shadow .3s ease}.logout-button:hover{background:#00a8ff;box-shadow:0 0 6px #00a8ffcc,0 0 12px #00a8ff99}.account-block{align-items:center;background-color:#000;border:1px solid #fff6;border-top:none;box-shadow:0 0 4px #fff6,0 0 8px #fff3;display:flex;flex-direction:column;gap:1rem;height:auto;justify-content:center;padding:2rem 1rem;position:fixed;right:-400px;top:3rem;transition:transform .4s ease;width:300px;z-index:999}.account-block.open{transform:translateX(-400px)}.login-form{display:flex;flex-direction:column;gap:1rem;max-width:260px;width:100%}.login-form h3{color:#fff;font-size:1.5rem;margin-bottom:1rem;text-align:center}.login-form input{background-color:#111;border:1px solid #fff6;border-radius:4px;color:#fff;font-size:1rem;outline:none;padding:.75rem 1rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.login-form input:focus{border-color:#00a8ff;box-shadow:0 0 6px #00a8ffcc,0 0 12px #00a8ff99}.login-form button{background-color:initial;border:1px solid #fff6;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .3s ease,box-shadow .3s ease}.login-form button:hover{background-color:#0094eb;box-shadow:0 0 6px #00a8ffcc,0 0 12px #00a8ff99}.error-message{color:#ff4d4d;font-size:.9rem;text-align:center}
/*# sourceMappingURL=main.77c8597e.css.map*/