body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{margin:0;overflow-x:hidden;text-align:center}:root{margin:0;padding:0;width:100vw}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-page{align-items:center;background:#c8c6c6;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;min-height:100vh}.login-page h1{color:#fff;font-size:2.5rem;margin-bottom:30px;text-shadow:0 2px 4px #0003}.login-page input{background-color:#ffffffe6;border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;font-size:16px;margin-bottom:20px;padding:12px 15px;transition:all .3s ease;width:300px}.login-page input:focus{box-shadow:0 4px 10px #0003;outline:none;transform:translateY(-2px)}.login-page button{background-color:#4caf50;border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:12px 15px;transition:all .3s ease;width:300px}.login-page button:hover{background-color:#45a049;box-shadow:0 6px 8px #0003;transform:translateY(-2px)}.login-page button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(1px)}.error-message{background-color:#ff44441a;border-radius:5px;color:#f44;margin-bottom:15px;padding:10px;text-align:center}#root{max-width:100vw;overflow:hidden;width:100vw}.dashboard-container{background-color:#fff;display:flex;min-height:100vh;overflow:hidden;width:98vw}.sidebar{background-color:#fff;padding:1rem;width:250px}.logo{height:70px;margin-bottom:2rem}.nav-menu{flex-direction:column}.nav-item,.nav-menu{display:flex;gap:.5rem}.nav-item{align-items:center;border-radius:8px;color:#4b5563;font-size:.875rem;padding:.75rem 1rem;text-decoration:none}.nav-item.active,.nav-item:hover{background-color:#f3f4f6}.nav-item.active{border:1px solid #166534}.main-content{flex:1 1}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:0}.page-title{font-size:45px;font-weight:600}.user-section{align-items:center;display:flex;gap:1rem}.power-btn{background-color:#f3f4f6;border:none;border-radius:50%;cursor:pointer;padding:.5rem}.user-info{align-items:center;display:flex;gap:.5rem}.avatar{background-color:#e5e7eb;border-radius:50%;height:32px;width:32px}.dashboard-cards{grid-gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.dashboard-cards,.dashboard-cards-1{display:grid;gap:1.5rem;margin-bottom:2rem}.dashboard-cards-1{grid-gap:1.5rem;grid-template-columns:repeat(auto-fit)}.card{padding:1.5rem}.card,.cardd{background-color:#fff;border:1px solid #166534;border-radius:8px;box-shadow:0 1px 3px #0000001a}.cardd{display:flex;flex-direction:column;justify-content:center}.card-title,.cardd{align-content:center}.card-title{color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.card-content{align-content:center;gap:.5rem}.card-content,.card-value{align-items:center;display:flex}.card-value{font-size:40px;font-weight:600;justify-content:center;margin:10px}.percentage-badge{align-items:center;background-color:#dcfce7;border-radius:9999px;color:#166534;display:flex;font-size:.75rem;padding:.25rem .75rem}.orders-section{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.orders-header{margin-bottom:1.5rem}.orders-title{font-size:1.25rem;font-weight:600}.filters{gap:1rem}.select-filter{border:1px solid #e5e7eb;border-radius:6px;min-width:120px;padding:.5rem}.orders-table td,.orders-table th{border-bottom:1px solid #e5e7eb;padding:.75rem 1rem}.orders-table th{color:#4b5563;font-weight:500}.dashbtn{display:flex;flex-direction:row}.skeleton-row .skeleton-box{width:100px}.skeleton-box1,.skeleton-row .skeleton-box{animation:shimmer 1.5s linear infinite;background:linear-gradient(90deg,#e0e0e0 25%,#f5f5f5 50%,#e0e0e0 75%);background-size:200% 100%;border-radius:4px;height:16px}.skeleton-box1{width:60px}.no-data{color:gray}.loading-placeholder,.no-data{font-weight:700;text-align:center}.user-section{position:relative}.profileDiv{background-color:#c2c2c2;border-radius:5px;opacity:0;padding:10px;position:absolute;right:0;top:120%;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:150px}.user-info:hover .profileDiv{opacity:1;visibility:visible}.profileDiv ul{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;li{color:#000;cursor:pointer;font-family:Zodiak-Regular;font-size:18px;margin:5px;transition:background-color .3s ease,color .3s ease;a{color:#000;text-decoration:none}&:hover{background-color:#7e7c7c4d;color:#fff}}}.product-list,.product-list2{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1200px;padding:20px}.product-card{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:15px;text-align:center;width:200px}.product-image{height:150px;margin-bottom:10px;object-fit:contain;width:100%}.product-card h3{color:#333;font-size:16px;margin:10px 0}.product-card p{color:#666;font-size:14px;margin:5px 0}.variant-buttons{display:flex;gap:8px;justify-content:center;margin-top:10px}.variant-buttons button{background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:5px 10px;transition:all .3s}.variant-buttons button.active{background-color:#007b5e;color:#fff}.variant-buttons button:hover{border-color:#007b5e}.add-cart-button,.buy-button{background-color:#007b5e;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:8px 0}.add-cart-button:hover,.buy-button:hover{background-color:#005a43}.error-message{color:red;font-size:12px;margin-bottom:5px}.add-product-form{font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:20px}.input-group{margin-bottom:20px}.input-group label{display:block;font-weight:700;margin-bottom:5px}.input-group input,.input-group textarea{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:8px;width:100%}.variant-section{background-color:#f9f9f9;border:1px solid #eaeaea;border-radius:8px;margin:20px 0;padding:20px}h3{color:#444;font-size:18px;font-weight:700;margin-bottom:15px}.add-variant-button,.submit-button{background-color:teal;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin-top:10px;padding:10px 20px}.add-variant-button:hover,.addbtn,.submit-button:hover{background-color:#066}.addbtn{border-radius:10px;color:#fff;font-size:20px;margin:auto 0 auto auto;outline:none;padding:5px 20px}.loading-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:16px}.loading-card{animation:fadeIn .3s ease-in-out;background:#f8f8f8;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;gap:8px;padding:16px;.skeleton-button,.skeleton-image,.skeleton-text{animation:shimmer 1.5s infinite;background:#e0e0e0;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%);background-size:200% 100%;border-radius:4px}.skeleton-image{border-radius:8px;height:150px}.skeleton-text{height:16px;width:80%}.skeleton-button{height:40px;width:100px}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.order-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.order-popup-container{animation:popup-enter .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 15px 30px #0003;max-height:90%;max-width:900px;overflow-y:auto;padding:25px;position:relative;width:90%}@keyframes popup-enter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.popup-close-btn{background:none;border:none;border-radius:50%;color:#888;cursor:pointer;padding:5px;position:absolute;right:15px;top:15px;transition:color .3s ease}.popup-close-btn:hover{background-color:#f0f0f0;color:#333}.popup-header{border-bottom:1px solid #eee;margin-bottom:25px;padding-bottom:15px}.header-content{align-items:center;display:flex;gap:15px}.header-icon{color:#007bff}.popup-header h2{color:#333;margin:0}.order-id{color:#666;font-size:.9em}.order-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:25px}.info-section{background-color:#f9f9f9;border-radius:8px;padding:20px}.info-section h3{align-items:center;border-bottom:2px solid #007bff;color:#333;display:flex;gap:10px;margin-bottom:15px;padding-bottom:10px}.section-icon{color:#007bff}.info-detail{background-color:#66666615;border-radius:10px;display:flex;flex-direction:column;margin-bottom:10px;padding:10px}.info-detail span{color:#0f0f0f;font-family:Times New Roman,Times,serif;font-size:16px;margin-bottom:5px}.info-detail strong{color:#666;font-size:18px;margin-bottom:5px}.full-address{display:flex;flex-direction:column;font-family:Lucida Sans;font-style:normal;line-height:120%;margin:0}.summary-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.summary-grid .info-detail{align-items:center;display:flex;gap:8px}.summary-grid .info-detail svg{color:#666}.status-badge{border-radius:20px;font-size:20px;font-weight:700;padding:5px 10px;text-align:center;text-transform:uppercase;h6{color:#333;margin:10px}}.status-badge.created{background-color:#e7f1ff;color:#0056b3}.status-badge.pending{background-color:#fff3cd;color:#856404}.status-badge.completed,.status-badge.forwarded{background-color:#d4edda;color:#155724}.order-items-section h3{align-items:center;border-bottom:2px solid #007bff;color:#333;display:flex;gap:10px;margin-bottom:15px;padding-bottom:10px}.order-items-table{border-collapse:collapse;width:100%}.order-items-table td,.order-items-table th{border:1px solid #ddd;padding:12px;text-align:left}.order-items-table th{background-color:#f2f2f2;font-weight:700}.order-items-table tfoot td{background-color:#f9f9f9;font-weight:700}.total-label{padding-right:15px;text-align:right}.total-value{color:#007bff;font-weight:700}.order-popup-container::-webkit-scrollbar{width:8px}.order-popup-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.order-popup-container::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.order-popup-container::-webkit-scrollbar-thumb:hover{background:#555}Orders Container
.orders-container{transition:all .3s ease}.orders-container.blurred{filter:blur(8px);opacity:.7;pointer-events:none;-webkit-user-select:none;user-select:none}.orders-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:0 15px}.orders-title{color:#333;font-size:24px;margin:0}.filters{display:flex;gap:10px}.select-filter{border:1px solid #ddd;border-radius:4px;padding:8px}.table-container{overflow-x:auto;width:100%}.orders-table{border-collapse:collapse;width:100%}.orders-table td,.orders-table th{border:1px solid #ddd;padding:12px;text-align:left}.orders-table th{font-weight:700}.loading-cell{color:#666;padding:20px;text-align:center}.view-details-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px;transition:background-color .3s ease}.view-details-btn:hover{background-color:#0056b3}.forward-order-btn{background-color:green;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px;transition:background-color .3s ease}.forward-order-btn.disabled{background-color:#ccc;cursor:not-allowed}.logistics-div{display:flex}.logistics-container{align-items:flex-start;display:flex;gap:20px}.pickup-location{opacity:1;transform:translateX(0);transition:all .5s ease}.animate-pickup{animation:slideIn .5s ease}@keyframes flip{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}to{transform:rotateY(0)}}.flip-animation{animation:flip .5s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}.greenbg{background-color:#2ace697a}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}to{transform:translateX(0)}}.shake-animation{animation:shake .5s ease-in-out}.name-dropdown-container{background-color:#f4f4f4;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:10px;max-width:300px;padding:15px;transition:all .5s ease}.slide-in{animation:slideIn .5s ease-in-out}@keyframes slideIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.scale-up{animation:scaleUp .5s ease-in-out}@keyframes scaleUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.bounce-in{animation:bounceIn .6s ease-in-out}@keyframes bounceIn{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.dropdown-title{color:#333;margin-bottom:15px;text-align:center}.name-select{-webkit-appearance:none;appearance:none;background-color:#fff;border:2px solid #007bff;border-radius:6px;cursor:pointer;padding:10px;width:100%}.selected-name{color:#166534;font-weight:700;margin-top:15px;text-align:center}
/*# sourceMappingURL=main.d5fe80b0.css.map*/