*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}.navbar{position:fixed;top:0;width:100%;background:#b71c1c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;padding:14px 24px;z-index:1000;border-bottom:1px solid #00ff00}.nav-container{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;font-size:28px;font-weight:700;text-decoration:none;color:#fff}.logo-img{height:50px;object-fit:cover;border-radius:10%;margin-right:10px}.nav-links{display:flex;align-items:center;gap:20px;list-style:none;transition:all .4s ease-in-out}.nav-links .nav-item,.nav-links .dropdown-toggle{color:#fff;text-decoration:none;font-size:22px;padding:8px 14px;border-radius:8px;transition:all .3s ease;cursor:pointer}.nav-links .nav-item:hover,.nav-links .dropdown:hover .dropdown-toggle{background-color:#f8e005;color:#000;transform:scale(1.05)}.dropdown{position:relative}.dropdown-menu{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:180px;padding:8px 0;box-shadow:0 6px 12px #0000001a;z-index:999;border-radius:6px}.dropdown:hover .dropdown-menu{display:block}.dropdown-menu li{list-style:none}.dropdown-menu li a{display:block;padding:10px 16px;color:#000;text-decoration:none;font-size:16px;transition:background .3s}.dropdown-menu li a:hover{background-color:#f8e005;color:#000}.nav-top-icons{display:flex;align-items:center;gap:15px}.nav-icon{color:#fff;font-size:26px;position:relative;transition:transform .2s ease}.nav-icon:hover{transform:scale(1.2);color:#ffeb3b}.cart-icon-wrapper{position:relative;display:inline-block}.cart-badge{position:absolute;top:-8px;right:-10px;background:#ffeb3b;color:#000;font-size:12px;font-weight:700;padding:2px 6px;border-radius:50%}.social-icons{display:flex;gap:12px}.social-icon{color:#fff;font-size:30px;transition:transform .2s ease,color .3s ease}.social-icon:hover{transform:scale(1.2);color:#ffeb3b}.menu-icon{display:none;cursor:pointer;z-index:2100}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;opacity:0;transition:opacity .4s ease;pointer-events:none}.overlay.active{opacity:1;pointer-events:auto}@media (max-width: 768px){.nav-links{flex-direction:column;position:fixed;top:70px;right:-100%;width:80%;background:#b71c1c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;gap:20px;transition:right .6s ease;z-index:200;border-radius:0 0 12px 12px;box-shadow:-2px 8px 20px #e904042d}.nav-links.active{right:0}.nav-links .nav-item,.nav-links .dropdown-toggle{opacity:0;transform:translate(100px);animation:slideIn .6s forwards;font-size:20px}.nav-links.active .nav-item:nth-child(1){animation-delay:.1s}.nav-links.active .nav-item:nth-child(2){animation-delay:.2s}.nav-links.active .nav-item:nth-child(3){animation-delay:.3s}.nav-links.active .nav-item:nth-child(4){animation-delay:.4s}.nav-links.active .nav-item:nth-child(5){animation-delay:.5s}@keyframes slideIn{to{opacity:1;transform:translate(0)}}.dropdown-menu{position:static;background:#b71c1c;box-shadow:none;border-radius:0;margin-top:10px}.dropdown-menu li a{color:#fff;font-size:18px;padding:12px 16px}.dropdown-menu li a:hover{background-color:#f8e005;color:#000}.menu-icon{display:block}.nav-top-icons{position:absolute;right:20px;top:14px}.social-icons{display:none}.logo{font-size:20px}}.contact-admin{padding:20px;max-width:1100px;margin:auto;font-family:Poppins,sans-serif}.contact-admin h2{text-align:center;color:#333;margin-bottom:25px;font-size:1.8rem}.empty{text-align:center;font-size:1.1rem;color:#888}.table-wrapper{overflow-x:auto;background:#fff;border-radius:10px;box-shadow:0 4px 20px #0000001a}.contact-table{width:100%;border-collapse:collapse;min-width:800px}.contact-table th{background-color:#f8f9fa;color:#444;font-weight:600;padding:14px;text-align:left;border-bottom:2px solid #e0e0e0}.contact-table td{padding:14px;border-bottom:1px solid #e0e0e0;color:#333;vertical-align:top;word-wrap:break-word}.contact-table tr:hover{background-color:#f9f9f9;transition:.2s}.delete-btn{background-color:#e63946;color:#fff;border:none;border-radius:5px;padding:8px 12px;cursor:pointer;font-size:.9rem;transition:.2s}.delete-btn:hover{background-color:#d62828}@media (max-width: 768px){.contact-table,.contact-table thead,.contact-table tbody,.contact-table th,.contact-table td,.contact-table tr{display:block}.contact-table thead tr{display:none}.contact-table tr{margin-bottom:15px;background:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 3px 10px #0000000d;padding:10px}.contact-table td{border:none;padding:8px 10px;display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.contact-table td:before{content:attr(data-label);font-weight:700;color:#555;flex:1;text-transform:capitalize}}.upload-container{max-width:900px;margin:40px auto;background:#fff;padding:25px 30px;border-radius:12px;box-shadow:0 6px 20px #00000014}.upload-title{text-align:center;color:#b71c1c;font-weight:700;margin-bottom:25px;font-size:26px}.image-preview-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:25px;border:2px dashed rgb(183,28,28);padding:15px;border-radius:10px;background:#fff8f8}.image-card{position:relative;width:130px;height:130px;overflow:hidden;border-radius:8px;box-shadow:0 2px 6px #0000001a;transition:transform .2s ease}.image-card img{width:100%;height:100%;object-fit:cover;border-radius:8px;transition:transform .3s ease}.image-card:hover img{transform:scale(1.05)}.remove-image{position:absolute;top:5px;right:5px;background:#b71c1c;border:none;color:#fff;border-radius:50%;width:22px;height:22px;font-size:15px;line-height:20px;cursor:pointer;transition:background .3s}.remove-image:hover{background:#d36160}@media (max-width: 600px){.image-card{width:100px;height:100px}}.no-image{color:#777;font-style:italic}.upload-form-modern{display:flex;flex-wrap:wrap;gap:20px}.form-group{display:flex;flex-direction:column;flex:1;min-width:220px}.form-group.full{flex:1 1 100%}label{font-weight:600;color:#505050;margin-bottom:6px}input,textarea,select{padding:10px;border-radius:6px;border:1px solid #ccc;font-size:15px;outline:none;transition:border .3s}input:focus,textarea:focus,select:focus{border:1.5px solid rgb(183,28,28)}textarea{min-height:100px}.modern-submit{background:#b71c1c;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;width:100%;margin-top:10px;transition:background .3s}.modern-submit:hover{background:#d36160}@media (max-width: 600px){.image-card{width:130px;height:130px}}.overlay-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffffd9;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;font-family:sans-serif;color:#333}.spinner{border:6px solid #e0e0e0;border-top:6px solid #007bff;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.all-products-container{padding:30px;margin-top:50px;max-width:1200px;margin-left:auto;margin-right:auto;background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a}h2{text-align:center;margin-bottom:20px;color:#333}.product-table-wrapper{overflow-x:auto}.product-table{width:100%;border-collapse:collapse;min-width:800px}.product-table th,.product-table td{border:1px solid #ddd;padding:12px;text-align:left;font-size:14px}.product-table th{background-color:#007bff;color:#fff;text-transform:uppercase;font-size:13px;letter-spacing:.5px}.product-table tr:nth-child(2n){background-color:#f9f9f9}.product-table tr:hover{background-color:#f1f1f1;transition:.3s ease}.product-img{width:70px;height:70px;border-radius:8px;object-fit:contain}.delete-btn{background-color:#ff4d4f;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:.3s}.delete-btn:hover{background-color:#d9363e}.loading,.no-products{text-align:center;font-size:16px;margin-top:30px;color:#666}@media (max-width: 768px){.all-products-container{padding:15px}h2{font-size:20px}.product-table th,.product-table td{font-size:12px;padding:8px}.product-img{width:50px;height:50px}.delete-btn{padding:6px 10px;font-size:12px}}@media (max-width: 480px){.product-table{min-width:100%}h2{font-size:18px}}.orders-container{max-width:960px;margin:50px auto;padding:0 15px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333}.orders-empty{margin-top:100px;text-align:center;font-size:1.5rem;color:#666}.orders-loading{color:#555;font-style:italic;margin-bottom:15px}.order-card{background-color:#fafafa;border:1px solid #ddd;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:20px;margin-bottom:30px;transition:box-shadow .3s ease}.order-card:hover{box-shadow:0 5px 15px #0000001a}.order-header{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:15px}.order-header h3{flex-basis:100%;margin-bottom:12px;color:#2980b9;font-weight:700}.order-header p{flex:1 1 200px;margin:0;font-size:1rem;color:#4a4a4a}.products-list{display:flex;gap:15px;overflow-x:auto;padding-bottom:10px;margin-bottom:15px}.product-item{min-width:280px;background:#ecf0f1;border-radius:14px;padding:15px 18px;display:flex;align-items:center;box-shadow:inset 0 0 10px #fff9;transition:box-shadow .3s ease;flex-shrink:0}.product-item:hover{box-shadow:inset 0 0 15px #0000001a}.product-image{width:70px;height:70px;object-fit:contain;border-radius:8px;margin-right:15px}.product-info h5{margin:0 0 6px;font-weight:600;font-size:1rem;color:#222}.product-info p{margin:2px 0;font-size:.9rem;color:#555}.product-price{font-weight:700;color:#007bff}.order-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.order-date{font-style:italic;color:#7f8c8d;font-size:.95rem}.delete-btn{padding:10px 22px;border-radius:30px;background-color:#e74c3c;border:none;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:background-color .3s ease,transform .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 6px 14px #e74c3c66}.delete-btn:hover:not(:disabled){background-color:#c0392b;transform:scale(1.05);box-shadow:0 8px 20px #c0392b99}.delete-btn:disabled{background-color:#f1948a;cursor:not-allowed;box-shadow:none}@media (max-width: 768px){.order-header p{flex:1 1 100%}.product-item{min-width:220px}}.admin-panel-container{display:flex;min-height:100vh;background-color:#fdfdfd;font-family:Poppins,sans-serif}.admin-sidebar{width:250px;height:100vh;background:#b71c1c;color:#fff;position:fixed;left:0;top:0;padding:25px 15px;transition:transform .3s ease;z-index:1000;box-shadow:2px 0 10px #00000026}.sidebar-title{text-align:center;font-size:22px;font-weight:600;color:#ffeb3b;margin-bottom:25px;letter-spacing:.5px}.admin-sidebar ul{list-style:none;padding:0;margin:0}.admin-sidebar li{margin:12px 0}.admin-sidebar a{color:#fff;text-decoration:none;font-size:16px;padding:8px 15px;display:block;border-radius:6px;transition:.3s}.admin-sidebar a:hover,.admin-sidebar a.active{background:#fff3;color:#ffeb3b}.admin-main-content{flex:1;margin-left:250px;transition:margin-left .3s ease}.admin-topbar{background:#fff;display:flex;justify-content:space-between;align-items:center;padding:15px 25px;box-shadow:0 2px 6px #0000001a;position:sticky;top:0;z-index:50;gap:10px}.admin-heading{font-size:20px;color:#b71c1c;font-weight:600}.go-home-btn{display:flex;align-items:center;background-color:#b71c1c;border:none;color:#fff;font-size:15px;padding:8px 15px;border-radius:6px;cursor:pointer;transition:.3s}.go-home-btn:hover{background-color:#d36160}.go-home-btn span{margin-left:6px}.sidebar-toggle-btn{display:none;font-size:22px;color:#b71c1c;background:transparent;border:none;cursor:pointer}.admin-content-area{padding:25px}@media (max-width: 768px){.admin-sidebar{transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-main-content{margin-left:0}.admin-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center}.sidebar-toggle-btn{display:block;order:1}.admin-heading{order:2;flex:1;text-align:center}.go-home-btn{order:3}}
