@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.user{width:100%;display:flex;justify-content:center;height:100%;margin-top:5vw}.user-auth{padding:30px;background-color:#fff;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;display:flex;flex-direction:column;gap:2vw}.user-auth-text h2{font-size:2vw;font-weight:500;font-family:Roboto,sans-serif}.user-auth-text p{font-size:.7vw;font-family:Roboto,sans-serif}.user-auth-input{display:flex;flex-direction:column;gap:1vw}.user-auth-input input{width:23vw;padding:0 15px;height:3vw;border:1px solid #e2e2e2}.user-auth-input p{font-size:.9vw;font-family:Roboto,sans-serif}.user-auth-input button{border:none;outline:none;background-color:#ffc107;padding:10px;font-size:1vw}.user-auth-input button:hover{background-color:#d09d05}.or{display:flex;flex-direction:row;gap:1.2vw;justify-content:center;color:#848484}.or hr{rotate:90deg}.user-auth-google button{border:0;outline:0;background-color:#e6e8eb;width:100%;padding:10px;font-size:1vw}.user-auth-google button:hover{background-color:#c4c4c4}.user-auth-signup{font-size:.8vw;font-family:Roboto,sans-serif;display:flex;flex-direction:row;align-items:center;justify-content:center}.user-auth-signup .btn{color:#0d6efd}.users{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:10%}.user-auths{padding:30px;display:flex;flex-direction:row;align-items:center;gap:2vw}.back *{color:#000;background-color:#ffc107;padding:1vw 3vw}.back *:hover{background-color:#d09d05}.user-auths img{width:8vw}.user-auths img{transition:1s;animation:rotate 2s}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-container{width:78vw;margin:20px auto 20px 20vw;padding:20px;position:absolute;top:100px;box-sizing:border-box;font-family:Arial,sans-serif}.dashboard-metrics{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px}.metric-card{flex:1 1 20%;display:flex;flex-direction:column;justify-content:space-between;background-color:#f5f5f5;padding:20px;margin:10px;border-radius:10px;text-align:center;box-shadow:0 2px 5px #0000001a}.metric-card h2{margin:0;font-size:24px;color:#4caf50}.metric-card p{margin:10px 0 0;font-size:18px;color:#333}.recent-orders{margin-top:20px}.recent-orders table{width:100%;border-collapse:collapse;background-color:#fff}.recent-orders th,.recent-orders td{padding:10px;border:1px solid #ccc;text-align:left}.recent-orders th{background-color:#4caf50;color:#fff}.recent-orders td img{border-radius:5px;width:40px;height:40px}.side{display:grid;grid-template-columns:1fr 4fr}.sidebar{width:100%}.navbar{display:flex;justify-content:space-between;align-items:center;padding:8px 4%;background-color:#545454}.profile{border-radius:50%}.navbar .logo{width:max(7%,70px)}.nav-right{display:flex;flex-direction:row;align-items:center;gap:2vw}button{outline:none;border:none;background-color:#fff;padding:.7vw 1.5vw;border-radius:50px;cursor:pointer}button:hover{background-color:transparent;border:.2vw solid white;padding:.5vw 1.35vw;color:#fff}.info{font-size:.8vw;margin-left:-20px;color:#e3e3e3}.sidebar{width:100%;min-height:150vh;padding-top:50px;margin:0;background-color:#3d464d;color:#fff;font-size:max(.8vw,10px);display:flex;flex-direction:column}.sidebar-options{display:flex;flex-direction:column;gap:2vw;margin-top:10px}.sidebar-option{display:flex;justify-content:space-between;align-items:center;border-right:0;padding:8px 30px;border-radius:3px 0 0 3px;cursor:pointer}.option-i{display:flex;flex-direction:row;align-items:center;gap:20px}.sidebar-option:hover{background-color:#263c4d}.icon{width:20px}.left-arrow{width:12px}.dropdown *{text-decoration:none;color:#fff;padding:8px 30px 8px 31%}.dropdown *:hover{background-color:#263c4d}.dropdown{display:flex;flex-direction:column}.product-list-container{width:78vw;margin:20px auto 20px 20vw;top:100px;position:absolute;padding:0 20px;box-sizing:border-box}.product-name{color:#000}.product-list{width:100%;border-collapse:collapse;font-family:Arial,sans-serif}.product-list th,.product-list td{padding:10px;border:1px solid #ccc;text-align:left}.product-list th{background-color:#4caf50;color:#fff}.product-list img{border-radius:5px}.product-list .product-name{display:flex;align-items:center}.product-list .product-name img{margin-right:10px;background-color:#e2e2e2;border-radius:50%}.delete-icon{cursor:pointer;transition:transform .2s ease-in-out}.delete-icon:hover{transform:scale(1.1)}.dropdowns img{width:2vw}.dropdown-menu{position:absolute;width:15%;right:100px;background-color:#fff}.dropdown-menu *{padding:1vw 2vw;cursor:pointer}.dropdown-menu *:hover{background-color:#e2e2e2}.customer-list{position:absolute;margin-left:23vw;top:100px}.customer-list hr{height:1px;background:#e2e2e2;margin-right:3.5vw;border:0}.Customer-list-title{display:grid;grid-template-columns:5fr 5fr 1.5fr 3fr 1.5fr;align-items:center;gap:80px;padding:20px 3%;color:#454545;font-size:15px;font-weight:600}.customer-format{font-size:.8vw;font-weight:500}.name{display:flex;align-items:center;gap:.5vw;color:#000}.name img{background-color:#e2e2e2;border-radius:50%}.product{position:absolute;margin-left:22vw;top:100px}.input select{width:100%;padding:.7vw 2vw;outline:0;border:1px solid rgb(191,191,191)}#createProductFormImage{width:100%;overflow:auto}#createProductFormImage>img{width:3vmax;margin:0 .5vmax}.add-category{position:absolute;margin-left:23vw;top:100px;padding:4vw;display:flex;flex-direction:column;width:70%;gap:1vw;color:#4c4c4c}.text h2{font-size:2.5vw;font-family:Roboto,sans-serif;font-weight:300}.add-category-card{width:100%;display:flex;flex-direction:column;padding:2vw;box-shadow:0 1px 2px #0003,0 1.5px 5px #00000030;background-color:#fff}.bi{font-family:Roboto,sans-serif;font-size:1vw;font-weight:500;margin-bottom:1.5vw}form{display:flex;flex-direction:column;gap:2vw}.input{width:100%;display:flex;flex-direction:column}.input label{font-family:Roboto,sans-serif;font-size:1vw;font-weight:300;margin-bottom:.5vw}.input input{width:100%;padding:.7vw 2vw;outline:0;border:1px solid rgb(191,191,191)}.leftside-input{display:flex;flex-direction:row;align-items:center;border:1px solid rgb(191,191,191)}.leftside-input input{border:0}.leftside-input p{background-color:#c7c7c7;padding:.7vw 2vw;color:#000}form button{width:100%;background-color:#4caf50;border-radius:0;margin-top:2vw;height:3.5vw}form button:hover{background-color:#3d8c40;height:3.5vw;color:#000}.category-list{position:absolute;margin-left:23vw;top:100px;width:70vw}.category-list-title{display:grid;grid-template-columns:10fr 4fr 5fr 3fr;align-items:center;gap:80px;padding:20px 5%;color:#454545;font-size:1.2vw;font-weight:400}.category-list-title p{font-family:Roboto,sans-serif}.category-format{display:grid;grid-template-columns:10fr 4fr 5fr 3fr;align-items:center;gap:80px;padding:20px 2%;color:#454545;font-size:1.2vw;font-weight:400}.cat{font-size:1vw}.customer-details-container{position:absolute;top:100px;margin-left:22vw}.container{position:absolute;top:100px;margin-left:23vw;display:flex;flex-direction:column;flex-wrap:wrap;gap:20px;width:75%;justify-content:center}.order-card{border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:20px;width:100%;margin:10px;background-color:#fff}.order-card-head{display:flex;align-items:center;justify-content:space-between}.order-card h2{margin:0 0 10px}.order-card table{width:100%;margin-bottom:20px}.order-card th,.order-card td{padding:18px;text-align:left;border-bottom:1px solid #ddd}.order-card th{background-color:#f4f4f4;width:20%}.products-card{display:flex;width:100%;overflow-x:scroll;gap:1vw;scrollbar-width:none;margin-bottom:30px}.product-item{border:1px solid #ddd;background-color:#f9f9f9;display:flex;flex-direction:column;justify-content:center;border-radius:8px;max-width:20vw;align-items:center}.product-item-details{padding:3vw 0}.bank{display:flex;align-items:center;margin-top:1vw;justify-content:space-between;padding:2vw;background-color:#ddd}.product-item img{width:100%;border-top-left-radius:8px;border-top-right-radius:8px;height:auto}.address-card{border:1px solid #ddd;border-radius:8px;padding:10px;background-color:#f9f9f9}.address-card h4{margin:0}.address-card p{margin:5px 0}.co-btn{background-color:#000;color:#fff}.co-btn:hover{border:0;background-color:#00000080}.row{display:flex;width:60vw}.order-tracking{text-align:center;width:33.33%;position:relative;display:block}.hh-grayBox{background-color:#f8f8f8;margin-bottom:20px;padding:35px;margin-top:20px}.pt45{padding-top:45px}.order-tracking{text-align:center;width:20%;position:relative;display:block;cursor:pointer}.order-tracking .is-complete{display:block;position:relative;border-radius:50%;height:30px;width:30px;border:0px solid #AFAFAF;background-color:#f7be16;margin:0 auto;transition:background .25s linear;-webkit-transition:background .25s linear;z-index:2}.order-tracking .is-complete:after{display:block;position:absolute;content:"";height:14px;width:7px;top:-2px;bottom:0;left:5px;margin:auto 0;border:0px solid #AFAFAF;border-width:0px 2px 2px 0;transform:rotate(45deg);opacity:0}.order-tracking.completed .is-complete{border-color:#27aa80;border-width:0px;background-color:#27aa80}.order-tracking.completed .is-complete:after{border-color:#fff;border-width:0px 3px 3px 0;width:7px;left:11px;opacity:1}.container-track{position:absolute;margin-left:22vw;top:100px}.order-tracking p{color:#a4a4a4;font-size:16px;margin-top:8px;margin-bottom:0;line-height:20px}.order-tracking p span{font-size:14px}.order-tracking.completed p{color:#000}.row{padding:3vw 0}.order-tracking:before{content:"";display:block;height:3px;width:calc(100% - 40px);background-color:#f7be16;top:13px;position:absolute;left:calc(-50% + 20px);z-index:0}.order-tracking:first-child:before{display:none}.order-tracking.completed:before{background-color:#27aa80}.query{position:absolute;margin-left:22vw;top:100px;width:75%;border-collapse:collapse;font-family:Arial,sans-serif}table{width:100%;border-collapse:collapse}th,td{padding:12px;text-align:left;border-bottom:1px solid #ddd}th{background-color:#f2f2f2;color:#333;text-transform:uppercase;letter-spacing:.05em;font-size:14px}tr:nth-child(2n){background-color:#f9f9f9}tr:hover{background-color:#f1f1f1}td{font-size:14px;color:#555}thead{border-bottom:2px solid #ddd}.no-data{text-align:center;font-size:16px;color:#999;padding:20px}.reply-button{background-color:#4caf50;color:#fff;border:none;padding:10px 15px;text-align:center;text-decoration:none;display:inline-block;font-size:14px;border-radius:4px;cursor:pointer}.reply-button:hover{background-color:#45a049}*{font-family:Poppins,sans-serif;padding:0;margin:0;box-sizing:border-box}:root{background-color:#f8f9fa}.app-content{display:flex;flex-direction:row}a{text-decoration:none;color:#fff}