body{margin:0;font-family:Literata,serif;background-color:#f6f6f6;height:100vh}@media (max-width:800px){body{font-size:14px;background-color:#fff}}.admin-nav{display:flex;justify-content:space-between;align-items:center;background-color:#fff;color:#fff;padding:10px 20px;box-shadow:0 4px 8px #0000001a}.admin-logo h1{font-size:20px;font-weight:700;font-family:Literata,serif;margin:0;color:#040404}.admin-nav-links{display:flex;gap:20px;list-style:none;margin:0;padding:0}.admin-nav-links li{position:relative}.admin-nav-links a{text-decoration:none;color:#000;font-size:16px;font-family:Literata,serif;transition:color .3s ease}.admin-nav-links a:hover{color:orange}.admin-logout button{background-color:#5a5a5a!important;color:#fff;border:none;padding:8px 15px;border-radius:5px;font-size:12px;font-weight:700;font-family:Literata,serif;cursor:pointer;transition:background-color .3s ease}.admin-logout button:hover{background-color:#333}@media (max-width: 800px){.admin-nav{flex-direction:column;align-items:flex-start;padding:15px}.admin-logo h1{font-size:18px;margin-bottom:10px}.admin-nav-links{gap:15px;font-size:14px;flex-wrap:wrap}.admin-logout button{margin-top:10px;font-size:12px;padding:6px 12px}}@media (max-width: 500px){.admin-nav{align-items:center;text-align:center}.admin-logo h1{font-size:16px}.admin-nav-links{flex-direction:column;width:100%;align-items:center;gap:10px;margin-top:10px}.admin-nav-links a{font-size:14px}.admin-logout button{width:100%;font-size:13px;padding:10px;margin-top:10px}}.admin{display:flex}@media (max-width:800px){.admin{flex-direction:column;width:100%}}.sidebar{display:flex;flex-direction:column;padding-top:30px;gap:20px;width:100%;max-width:250px;height:100vh;font-family:Literata,serif;background:#fff;box-shadow:0 2px 4px #0000001a}.sidebar-item{display:flex;align-items:center;justify-content:start;margin:0 20px;padding:10px 15px;border-radius:6px;background:#f6f6f6;gap:15px;cursor:pointer;transition:background .3s ease,transform .2s ease}.sidebar-item p{font-size:14px;font-weight:400;font-family:Literata,serif;color:#444;margin:0}.sidebar-item:hover{background:#e0e0e0;transform:translate(5px)}.sidebar-item.active{background:#6079ff}.sidebar-item.active p{color:#fff}.sidebar-item img{height:24px;width:24px}@media (max-width: 1024px){.sidebar{max-width:200px;gap:15px}.sidebar-item{padding:8px 12px;margin:0 15px}.sidebar-item p{font-size:13px}}@media (max-width: 800px){.sidebar{padding:10px 0;flex-direction:row;width:100%;max-width:none;height:auto;justify-content:center;border-top:1px solid #ddd}.sidebar-item{margin:0;flex-direction:column;padding:8px;background:transparent}.sidebar-item:hover{transform:none}.sidebar-item p{font-size:12px}.sidebar-item img{height:20px;width:20px}}@media (max-width: 500px){.sidebar-item p{display:none}.sidebar{justify-content:space-around}.sidebar-item img{height:22px;width:22px}}.add-product{box-sizing:border-box;width:100%;max-width:800px;padding:30px 50px;margin:20px 30px;border-radius:6px;background:#fff;font-family:Literata,serif}.addproduct-itemfield input,.add-product-selector{box-sizing:border-box;width:100%;height:40px;border:none;border-bottom:1px solid #ccc;background:none;font-size:14px;color:#333;padding:0;outline:none;transition:border-color .3s ease}.popup-box{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;font-family:Literata,serif}.popup-content{background:#fff;padding:20px;border-radius:10px;text-align:center;box-shadow:0 4px 10px #0003}.popup-content h3{color:#333;font-size:14px;margin-bottom:10px}.popup-content p{color:#666;font-size:14px;margin-bottom:20px}.popup-content button{padding:10px 20px;background-color:#5a5a5a!important;color:#fff;border:none;border-radius:5px;cursor:pointer}.popup-content button:hover{background-color:#555}.addproduct-itemfield input:focus,.add-product-selector:focus{border-bottom:1px solid #000}.addproduct-itemfield input::placeholder{color:#aaa;font-size:12px}.addproduct-itemfield{width:100%;margin-bottom:20px;font-size:14px;color:#444}.addproduct-itemfield p{margin:0 0 8px;font-size:14px;font-weight:600;color:#333}.addproduct-btn{margin-top:20px;width:160px;height:30px;border-radius:6px;background:#5a5a5a;border:none;cursor:pointer;color:#fff;font-size:12px;font-weight:400}@media (max-width: 800px){.add-product{width:auto;padding:20px;margin:15px}.addproduct-price{flex-direction:column;gap:20px}.add-product-selector{width:100%;height:40px;font-size:13px}.addproduct-btn{width:100%;height:40px;font-size:14px}.addproduct-thumnail-img{height:100px;width:100px}}@media (max-width: 480px){.add-product{padding:15px;margin:10px}.popup-content{width:90%;padding:15px}.popup-content h3,.popup-content p{font-size:12px}.popup-content button{width:100%;padding:12px;font-size:13px}}@media (max-width: 800px){.list-product{box-sizing:border-box;width:95%;height:auto;padding:10px 20px;margin:20px auto}.list-product h1{font-size:13px;margin-top:20px}.listproduct-allproducts{grid-template-columns:repeat(2,1fr);gap:20px}.listproduct-format-main{padding:12px 0;color:#454545;font-size:12px}.listproduct-product-icon{height:60px}.listproduct-details p{font-size:12px}.update-btn,.listproduct-remove-btn{font-size:11px;padding:8px 12px}}@media (max-width: 500px){.list-product{padding:10px;margin:10px auto}.listproduct-allproducts{grid-template-columns:1fr;gap:15px}.listproduct-image{height:160px}.listproduct-details p{font-size:11px}.listproduct-actions{flex-direction:column;gap:8px;margin-top:15px}.update-btn,.listproduct-remove-btn{width:100%;font-size:11px;padding:8px 10px}.floating-message{font-size:12px;padding:10px 15px;max-width:95%}.confirmation-popup{width:90%;padding:1.5rem}.confirmation-popup p{font-size:12px}}.orders-container{font-family:Literata,serif;color:#333;margin:0 auto;max-width:1000px}h1{font-size:2rem;color:#000;text-align:center;margin:20px 0}.orders-table{width:100%;border-collapse:collapse;margin-top:20px}.orders-table th,.orders-table td{padding:15px;text-align:center;font-size:1rem}.orders-table th{background-color:#f5f5f5;color:#333;font-weight:700}.orders-table td{border-bottom:1px solid #ddd}.view-details-btn{padding:10px 20px;color:#fff;background-color:#5a5a5a;text-transform:uppercase;text-decoration:none;font-size:12px;border-radius:5px}.view-details-btn:hover{background-color:#333}@media (max-width: 768px){h1{font-size:1.5rem}.orders-table th,.orders-table td{padding:10px;font-size:.9rem}.view-details-btn{padding:8px 15px;font-size:11px}}@media (max-width: 600px){.orders-table thead{display:none}.orders-table,.orders-table tbody,.orders-table tr,.orders-table td{display:block;width:100%}.orders-table tr{margin-bottom:15px;border:1px solid #ddd;border-radius:8px;padding:10px;background:#fafafa}.orders-table td{text-align:left;padding:8px 10px;font-size:.9rem;border:none;position:relative}.orders-table td:before{content:attr(data-label);font-weight:700;display:block;margin-bottom:4px;color:#555}.view-details-btn{display:block;width:100%;text-align:center;margin-top:10px}}.order-details-container{padding:24px;background-color:#fff;border-radius:12px;box-shadow:0 0 12px #0000000d;width:100%;max-width:none;margin:0 auto;gap:8px}.order-columns{display:flex;flex-direction:column;gap:8px;justify-content:flex-start;align-items:flex-start}@media (min-width: 1024px){.order-columns{flex-direction:row;gap:8px;justify-content:flex-start;align-items:flex-start}}.order-products{flex:1 1 68%;margin-right:0}.product-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.product-card{background-color:#f9f9f9;padding:12px;border-radius:8px;border:1px solid #ddd;display:flex;flex-direction:column}.product-image{width:100%;height:160px;object-fit:cover;border-radius:6px;margin-bottom:8px}.product-info h3{font-size:14px;font-weight:700;margin-bottom:4px}.product-info p{margin:2px 0;font-size:14px}.product-info .category{color:#666;font-style:italic}.order-side-info{flex:1 1 32%;max-width:350px;display:flex;flex-direction:column;gap:16px}.info-card{background-color:#f9f9f9;padding:16px;border-radius:8px;border:1px solid #ddd}.info-card h2{font-size:16px;margin-bottom:12px}.info-card p{margin:6px 0;font-size:14px}.info-card select{margin-left:8px;padding:4px 8px;font-size:14px}.empty-message{display:flex;justify-content:center;align-items:center;height:300px;color:#777;font-size:16px}@media (max-width: 768px){.order-details-container{padding:16px}.order-columns{flex-direction:column;gap:16px}.order-side-info{max-width:100%;width:100%}.product-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.product-card{padding:10px}.product-info h3{font-size:13px}.product-info p{font-size:12px}.info-card h2{font-size:14px}.info-card p,.info-card select{font-size:12px}}@media (max-width: 480px){.product-grid{grid-template-columns:1fr}.product-image{height:140px}.empty-message{font-size:14px;height:200px}}.edit-product{display:flex;height:auto;min-height:600px;overflow-y:auto;flex-direction:column;align-items:center;padding:40px 20px;background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 10px #0000001a;max-width:700px;margin:0 auto;height:600px}.edit-product h2{font-size:16px;font-weight:700;color:#333;margin-bottom:20px}.edit-product-field{width:100%;margin-bottom:20px}.edit-product-field label{font-size:14px;color:#666;display:block;margin-bottom:5px}.edit-product-field input{width:90%;padding:10px;border:none;border-bottom:2px solid #ccc;background:transparent;font-size:12px;outline:none}.edit-product-field input:focus{border-color:#333}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.update-btn{padding:10px 20px;background-color:#5a5a5a;color:#fff;border:none;border-radius:5px;font-size:12px;cursor:pointer;transition:background-color .3s ease}@media (max-width: 800px){.edit-product{max-width:90%;height:auto;padding:30px 15px}.edit-product-field input,.update-btn{width:100%;font-size:13px}}@media (max-width: 480px){.edit-product{padding:20px 12px;border-radius:8px}.edit-product h2{font-size:14px;margin-bottom:15px}.edit-product-field label{font-size:12px}.edit-product-field input{font-size:12px;padding:8px}.update-btn{font-size:12px;padding:10px}.floating-message{font-size:12px;padding:12px 20px;max-width:95%}}.add-user{box-sizing:border-box;width:100%;max-width:800px;padding:30px 50px;margin:20px 30px;border-radius:6px;background:#fff;font-family:Literata,serif}.adduser-itemfield input,.add-product-selector{box-sizing:border-box;width:100%;height:40px;border:none;border-bottom:1px solid #ccc;background:none;font-size:16px;font-family:Literata,serif;color:#333;padding:0;outline:none;transition:border-color .3s ease}.adduser-itemfield input:focus,.add-product-selector:focus{border-bottom:1px solid #000}.adduser-itemfield input::placeholder{color:#aaa;font-size:14px;font-family:Literata,serif}.adduser-itemfield{width:100%;margin-bottom:20px;font-size:14px;color:#444}.adduser-itemfield p{margin:0 0 8px;font-size:14px;font-weight:600;font-family:Literata,serif;color:#333}.addproduct-price{display:flex;gap:40px}.add-product-selector{padding:10px;width:100px;height:50px;font-size:12px;color:#7b7b7b}.addproduct-thumnail-img{height:120px;width:120px;border-radius:10px;object-fit:contain;margin:10px 0}.addproduct-btn{margin-top:20px;width:160px;height:30px;border-radius:6px;background:#5a5a5a;border:none;cursor:pointer;color:#fff;font-size:12px;font-weight:400;font-family:Literata,serif}@media (max-width: 800px){.add-user{width:100%;padding:20px;margin:15px}.addproduct-price{flex-direction:column;gap:20px}.addproduct-btn{width:100%;height:40px;font-size:14px}}@media (max-width: 480px){.add-user{padding:15px;margin:10px}.adduser-itemfield input{font-size:14px}.adduser-itemfield p{font-size:13px}.addproduct-thumnail-img{width:90px;height:90px}.addproduct-btn{font-size:13px;padding:10px}}body{font-family:Literata,serif;background-color:#f5f5f5;margin:10;padding:30;color:#333}h2,h3{font-weight:500;color:#222;margin-bottom:20px}button{padding:10px 20px;background-color:#5a5a5a;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease}button:hover{background-color:#555}.edit-product,.manage-categories{width:600px;margin:40px auto;padding:20px;background-color:#fff;box-shadow:0 4px 6px #0000001a;border-radius:2px}.edit-product-field,.category-field{display:flex;flex-direction:column;margin-bottom:20px}label{font-size:14px;margin-bottom:8px;color:#666}input[type=text],input[type=number]{padding:10px;border:1px solid #ddd;border-radius:5px;font-size:14px;outline:none;transition:all .3s ease}input[type=text]:focus,input[type=number]:focus{border-color:#333;box-shadow:0 0 5px #0003}.category-list{list-style-type:none;padding:0}.category-item{display:flex;justify-content:space-between;padding:10px 15px;margin-bottom:10px;border:1px solid #ddd;border-radius:5px;background-color:#f9f9f9}.category-item:hover{background-color:#f0f0f0}.category-actions{display:flex;gap:10px}.category-actions button{padding:5px 10px;font-size:12px}.admin-container{max-width:600px;margin:auto;text-align:center;font-family:Literata,serif}h2{color:#333;font-size:16px}.section-selector{padding:10px;font-size:14px;width:100%;margin-bottom:20px}.file-upload{display:inline-block;padding:10px 20px;background:#5a5a5a;color:#fff;cursor:pointer;border-radius:5px}.file-upload:hover{background:#5a5a5a}.preview-container{margin-top:20px}.preview{background:#5a5a5a}.preview-image{width:100%;max-height:250px;object-fit:cover;border-radius:10px}.image-gallery{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px}.gallery-image{width:150px;height:150px;object-fit:cover;margin:5px;border-radius:10px;border:2px solid #ddd}@media (max-width: 768px){.admin-container{max-width:100%;padding:15px;text-align:left}h2{font-size:14px;text-align:center}.section-selector{font-size:12px;padding:8px}.file-upload{width:100%;padding:12px;font-size:13px;text-align:center}.preview-image{max-height:200px}.image-gallery{gap:10px}.gallery-image{width:45%;height:auto;max-height:120px}}@media (max-width: 480px){.gallery-image{width:100%;max-height:150px}.file-upload{font-size:12px;padding:10px}}.list-product{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px 20px;background-color:#f9f9f9;font-family:Literata,serif;min-height:100vh;overflow:auto}.list-product h1{color:#171717;font-size:14px;font-weight:400;margin-top:40px;text-align:center}.list-product hr{width:160px;height:3px;border-radius:10px;background:#252525}.listproduct-allproducts{display:grid;grid-template-columns:repeat(3,1fr);margin:10px;gap:40px;width:100%}.listproduct-item{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:280px;margin:0 auto}.listproduct-item:hover{transform:scale(1.05);box-shadow:0 6px 10px #0003}.listproduct-image{width:100%;height:220px;object-fit:cover;border-radius:8px}.listproduct-details p{font-size:14px;color:#666;margin:3px 0}.listproduct-actions{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.floating-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#5a5a5a;color:#fff;padding:16px 28px;border-radius:12px;font-size:14px;z-index:1000;animation:fadeInScale .3s ease-in-out;box-shadow:0 4px 14px #0003;text-align:center;max-width:90%}.confirmation-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border:1px solid #ddd;border-radius:10px;padding:2rem;text-align:center;z-index:1000;box-shadow:0 4px 6px #0003}.confirmation-popup p{margin-bottom:1.5rem;font-size:14px}.confirmation-popup button{padding:.5rem 1rem;border:none;border-radius:5px;font-weight:700;cursor:pointer;margin:0 .5rem}.confirmation-popup button:hover{background-color:#f0f0f0}.update-btn{padding:10px 20px;background-color:#5a5a5a!important;color:#fff;border:none;border-radius:5px;font-size:12px;cursor:pointer;transition:background-color .3s ease}.update-btn:hover{background-color:#555}.listproduct-remove-btn{background-color:#5a5a5a!important;border:none;color:#fff;font-size:12px;cursor:pointer;transition:transform .3s ease,color .3s ease}.listproduct-remove-btn:hover{transform:scale(1.2);color:#d1c8c8}@media (max-width: 1024px){.listproduct-allproducts{grid-template-columns:repeat(2,1fr);gap:30px}.listproduct-item{width:100%}}@media (max-width: 600px){.list-product{padding:20px 10px;gap:15px}.list-product h1{font-size:12px;margin-top:20px}.listproduct-allproducts{grid-template-columns:1fr;gap:20px}.listproduct-item{width:100%;padding:15px}.listproduct-image{height:180px}.listproduct-details p{font-size:12px}.update-btn,.listproduct-remove-btn{font-size:11px;padding:8px 12px}.floating-message{font-size:12px;padding:12px 20px}.confirmation-popup{width:90%;padding:1.5rem}.confirmation-popup p{font-size:12px}}.loginsignup{display:flex;width:800px;height:500px;font-family:Literata,serif;margin:100px auto auto;box-shadow:0 4px 10px #0000001a;border-radius:10px;overflow:hidden}.loginsignup-left{flex:1;background-color:#fff;display:flex;justify-content:center;align-items:center;padding:20px}.loginsignup-logo{width:180px}.loginsignup-right{flex:1;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.loginsignup-title{font-size:16px;font-weight:700;color:#333;margin-bottom:20px}.loginsignup-fields{width:100%;max-width:260px}.input-wrapper{position:relative;margin-bottom:15px}.input-wrapper input{width:100%;padding:10px;border:none;border-bottom:2px solid #ccc;background:transparent;font-size:12px;outline:none}.input-wrapper input::placeholder{color:#888;font-size:10px}.loginsignup-button{width:100%;max-width:260px;padding:12px;background-color:#5a5a5a!important;color:#fff;font-size:12px;font-weight:700;border:none;border-radius:25px;cursor:pointer;margin-top:15px;text-transform:uppercase;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.loginsignup-button:hover{background-color:#3f3f3f;box-shadow:0 6px 8px #00000026;transform:translateY(-2px)}.loginsignup-button:active{background-color:#2d2d2d;box-shadow:0 2px 4px #0003;transform:translateY(0)}.forgot-password{font-size:12px;color:#777;cursor:pointer;margin-top:10px;text-decoration:underline;text-align:center}@media (max-width: 1024px){.loginsignup{width:90%;height:auto;flex-direction:row;margin-top:60px}.loginsignup-left{padding:15px}.loginsignup-logo{width:140px}}@media (max-width: 800px){.loginsignup{flex-direction:column;width:95%;height:auto;margin-top:40px}.loginsignup-left{display:none}.loginsignup-right{padding:20px;width:100%}.loginsignup-title{font-size:14px}.input-wrapper input{font-size:11px}.loginsignup-button{font-size:11px;padding:10px}}@media (max-width: 500px){.loginsignup-right{padding:15px}.loginsignup-title{font-size:13px}.forgot-password{font-size:11px}}