:root{--primary: #003366;--primary-hover: #002244;--secondary: #ff8c00;--secondary-hover: #e07b00;--bg-color: #ffffff;--text-color: #333333;--text-light: #666666;--border-color: #e0e0e0;--font-heading: "Montserrat", sans-serif;--font-body: "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-color);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--primary);margin-bottom:1rem}a{text-decoration:none;color:inherit;transition:color .3s ease}ul{list-style:none}img{max-width:100%;height:auto;display:block}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-block;padding:12px 24px;background-color:var(--secondary);color:#fff;border-radius:4px;font-weight:600;border:none;cursor:pointer;transition:background-color .3s ease}.btn:hover{background-color:var(--secondary-hover)}.section{padding:60px 0}.header{background-color:#fff;box-shadow:0 4px 6px -1px #0000001a;position:sticky;top:0;z-index:1000}.header-container{display:flex;justify-content:space-between;align-items:center;height:80px;position:relative;z-index:1001;background-color:#fff}.logo{display:flex;align-items:center;font-weight:800;font-family:var(--font-heading);color:var(--primary);font-size:1.5rem}.logo img{height:60px;margin-right:10px}.nav-desktop{display:none}.nav-links{display:flex;gap:30px}.nav-link{font-family:var(--font-heading);font-weight:600;color:var(--text-color);font-size:1rem;padding:5px 0;border-bottom:2px solid transparent}.nav-link:hover,.nav-link.active{color:var(--primary);border-bottom-color:var(--secondary)}.header-cta{display:none}.btn{display:inline-flex;align-items:center;padding:10px 18px;border-radius:6px;font-weight:600;cursor:pointer;border:none;color:#fff;font-family:var(--font-heading)}.call-btn{background-color:#0d3b66}.call-btn:hover{background-color:#0d3b66;color:#fff}.admin-btn{background-color:#222}.admin-btn:hover{background-color:#222;color:#fff}.menu-toggle{display:block;background:none;border:none;cursor:pointer;color:var(--primary)}.mobile-menu{position:absolute;top:100%;left:0;right:0;background-color:#fff;padding:0 20px 20px;box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-10px);opacity:0;visibility:hidden;pointer-events:none;transition:all .3s ease-in-out;z-index:999}.mobile-menu.open{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.mobile-nav-links{display:flex;flex-direction:column;gap:15px}@media(min-width:992px){.nav-desktop{display:block}.header-cta{display:flex;gap:12px;align-items:center}.menu-toggle,.mobile-menu{display:none}}@media(max-width:576px){.logo span{font-size:1.1rem}.logo img{height:40px;margin-right:8px}}.footer{background-color:var(--primary);color:#fff;padding-top:60px}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px;padding-bottom:40px}.footer-section{flex:1;min-width:250px}.footer-section h3{color:var(--secondary);margin-bottom:10px}.footer-section h4{color:#fff;margin-bottom:20px;position:relative;padding-bottom:10px}.footer-section h4:after{content:"";position:absolute;left:0;bottom:0;width:50px;height:2px;background-color:var(--secondary)}.brand p{opacity:.8;margin-bottom:20px}.social-links{display:flex;gap:15px}.social-links a{color:#fff;opacity:.8;transition:opacity .3s}.social-links a:hover{opacity:1;color:var(--secondary)}.quick-links ul li{margin-bottom:10px}.quick-links a{opacity:.8}.quick-links a:hover{opacity:1;color:var(--secondary);padding-left:5px}.contact-info p{display:flex;align-items:center;gap:10px;margin-bottom:15px;opacity:.8;line-height:1.4}.footer-bottom{background-color:var(--primary-hover);padding:20px 0;text-align:center;font-size:.9rem;opacity:.7}.admin-layout{display:flex;height:100vh;background:#f5f7fb}.sidebar{width:240px;background:#0f172a;color:#fff;display:flex;flex-direction:column;padding:20px}.logo{font-size:20px;margin-bottom:30px}.menu{display:flex;flex-direction:column;gap:8px}.menu-item{display:flex;align-items:center;gap:10px;padding:12px;background:transparent;border:none;color:#cbd5e1;border-radius:8px;cursor:pointer}.menu-item:hover{background:#1e293b}.menu-item.active{background:#1e40af;color:#fff}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:10px}.logout{color:#ff6b6b}.main{flex:1;display:flex;flex-direction:column}.topbar{height:60px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;padding:0 30px}.topbar-right{display:flex;align-items:center;gap:20px}.notification{position:relative;cursor:pointer;display:flex;align-items:center}.notification-badge{position:absolute;top:-6px;right:-8px;background:red;color:#fff;font-size:11px;padding:2px 6px;border-radius:50%;font-weight:700}.user-pill{background:#eef2ff;padding:8px 14px;border-radius:20px;font-size:14px}.page-content{padding:30px}.spare-parts-page{padding-bottom:80px;background:#f8f9fa}.page-header-simple{text-align:center;margin:40px 0}.page-header-simple h1{font-size:2.5rem;margin-bottom:6px}.page-header-simple p{color:#666}.back-btn{margin-bottom:20px;background:none;border:1px solid #ddd;padding:8px 16px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:500;transition:all .2s ease}.back-btn:hover{background:#eee}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin-top:40px}.category-card{position:relative;height:220px;border-radius:14px;overflow:hidden;cursor:pointer;transition:all .35s ease}.category-card:hover{transform:translateY(-6px);box-shadow:0 15px 30px #00000026}.cat-image{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .5s ease}.category-card:hover .cat-image{transform:scale(1.08)}.category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#000000a6,#00000059 40%,#0000 70%)}.cat-title{position:absolute;bottom:24px;left:24px;color:#fff;font-size:1.6rem;font-weight:600;z-index:2}.filters-container{background:#fff;padding:20px 25px;border-radius:12px;border:1px solid #eee;margin-bottom:20px}.google-tabs-wrapper{display:flex;gap:25px;overflow-x:auto;border-bottom:1px solid #eee}.google-tabs-wrapper::-webkit-scrollbar{display:none}.google-tab{background:none;border:none;padding:12px 0;font-size:1rem;font-weight:500;cursor:pointer;color:#666;position:relative}.google-tab.active{color:var(--primary);font-weight:600}.google-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background:var(--primary)}.brand-logos-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px 25px;padding:25px 0}.raw-brand-logo-btn{background:transparent;border:none;cursor:pointer;padding:10px;opacity:.6;transition:all .2s ease}.raw-brand-logo-btn:hover{transform:scale(1.05);opacity:.9}.raw-brand-logo-btn.active{opacity:1;transform:scale(1.1)}.raw-brand-img{height:40px;max-width:120px;object-fit:contain}.empty-state{text-align:center;padding:80px 20px;background:#fff;border-radius:12px;border:2px dashed #eee;margin-top:20px}.empty-state h3{font-size:1.4rem;margin-bottom:8px}.empty-state p{color:#777}.items-view{margin-top:20px}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}.item-card{background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.item-card:hover{box-shadow:0 10px 20px #00000014;border-color:#ddd}.item-image-container{position:relative;padding:20px;border-bottom:1px solid #f5f5f5}.stock-badge{position:absolute;top:15px;left:15px;background:#e6f4ea;color:#1e8e3e;font-size:.75rem;font-weight:600;padding:4px 8px;border-radius:4px}.item-image{height:160px;object-fit:contain;width:100%;transition:transform .4s ease}.item-card:hover .item-image{transform:scale(1.05)}.item-details{padding:20px;display:flex;flex-direction:column;flex-grow:1}.item-brand{font-size:.8rem;color:#888;text-transform:uppercase;margin-bottom:6px}.item-title{font-size:1.05rem;font-weight:600;color:#333;margin-bottom:10px}.item-price{font-size:1.15rem;font-weight:700;color:var(--primary);margin-bottom:20px}.btn-whatsapp-full{background:#fff;border:1.5px solid #25D366;color:#25d366;padding:10px;border-radius:6px;display:flex;justify-content:center;align-items:center;gap:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-whatsapp-full:hover{background:#25d366;color:#fff}.enquiry-modal{position:fixed;inset:0;background:#0000008c;display:flex;justify-content:center;align-items:center;z-index:2000}.enquiry-box{background:#fff;width:380px;max-width:90%;padding:25px;border-radius:10px;box-shadow:0 15px 40px #0003;display:flex;flex-direction:column;gap:12px}.enquiry-box h3{font-size:1.2rem}.enquiry-box input,.enquiry-box textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px}.enquiry-box textarea{min-height:80px;resize:vertical}.enquiry-actions{display:flex;gap:10px}.enquiry-actions button{flex:1;padding:10px;border-radius:6px;font-weight:600;border:none}.enquiry-actions button:first-child{background:var(--primary);color:#fff}.enquiry-actions button:last-child{background:#eee}@media(max-width:768px){.categories-grid{grid-template-columns:1fr}.items-grid{grid-template-columns:repeat(2,1fr)}.raw-brand-img{height:30px}}@media(max-width:480px){.items-grid{grid-template-columns:1fr}}.hero{position:relative;height:80vh;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080}.hero-content{position:relative;z-index:10}.hero-content h1{font-size:3rem;font-weight:800;margin-bottom:20px;color:#fff}.hero-content p{font-size:1.25rem;margin-bottom:30px}.hero-buttons{display:flex;gap:20px;justify-content:center}.btn-primary{background-color:var(--secondary);color:#fff;transition:transform .2s ease,background-color .3s ease}.btn-primary:hover{transform:translateY(-2px);background-color:var(--secondary-hover)}.btn-outline{background-color:transparent;border:2px solid white;color:#fff;transition:background-color .3s ease,color .3s ease}.btn-outline:hover{background-color:#fff;color:var(--primary)}.services-preview{background-color:#f9f9f9;text-align:center;padding:80px 0}.section-title{font-size:2.5rem;margin-bottom:40px;color:var(--primary);text-align:center}.services-grid{display:flex;justify-content:space-around;flex-wrap:wrap;gap:30px}.service-card{background:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:30%;min-width:250px;transition:transform .3s ease}.service-card:hover{transform:translateY(-5px)}.icon-box{background-color:#e6f0fa;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--primary)}.service-card h3{font-size:1.5rem;margin-bottom:15px}.service-card p{color:var(--text-light);margin-bottom:20px}.link-arrow{color:var(--secondary);font-weight:600;display:inline-block;transition:padding-left .3s ease}.link-arrow:hover{padding-left:5px}.brands-section{padding:80px 0;text-align:center}.brands-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.brand-item{width:150px;height:80px;background-color:#fff;border:1px solid #eee;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-light);border-radius:4px;transition:all .3s ease}.brand-item:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000001a}.home-brand-logo{max-width:80%;max-height:50px;object-fit:contain;transition:all .3s ease}.cta-section{background-color:var(--primary);color:#fff;text-align:center;padding:80px 0}.cta-section h2{color:#fff;margin-bottom:20px}.cta-section p{margin-bottom:30px;font-size:1.2rem;opacity:.9}@media(max-width:768px){.hero-content h1{font-size:2rem}.services-grid{flex-direction:column;align-items:center}.service-card{width:80%}}.page-header{background-color:var(--primary);color:#fff;padding:80px 0;text-align:center}.page-header h1{font-size:3rem;margin-bottom:20px;color:#fff}.page-header p{font-size:1.25rem;opacity:.9}.services-details{padding:80px 0}.service-row{display:flex;align-items:center;gap:40px;background-color:#fff;padding:40px;margin-bottom:30px;border-radius:8px;box-shadow:0 4px 6px #0000000d;transition:transform .3s ease}.service-row:hover{transform:translateY(-2px);box-shadow:0 8px 12px #0000001a}.service-icon{width:100px;height:100px;background-color:#f0f4f8;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--secondary);flex-shrink:0}.service-content h3{font-size:1.5rem;margin-bottom:10px}.service-content p{color:var(--text-light);line-height:1.6}@media(max-width:768px){.service-row{flex-direction:column;text-align:center}}.about-hero{background-color:var(--primary);color:#fff;padding:80px 0;text-align:center}.about-hero h1{font-size:3rem;margin-bottom:20px;color:#fff}.about-content h2{font-size:2.5rem;margin-bottom:30px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.about-text p{margin-bottom:20px;font-size:1.1rem;color:var(--text-color);line-height:1.8}.about-stats{display:flex;gap:40px;margin-top:40px}.stat{display:flex;align-items:center;gap:15px;font-weight:600;color:var(--primary);font-size:1.2rem}.about-location-card{background:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 15px #0000001a}.about-location-card h3{margin-bottom:20px}.about-location-card p{display:flex;align-items:flex-start;gap:10px;margin-bottom:20px;font-size:1rem}.map-placeholder{border-radius:8px;overflow:hidden;height:300px}@media(max-width:768px){.about-grid{grid-template-columns:1fr;gap:40px}}.contact-header{background-color:var(--primary);color:#fff;padding:60px 0;text-align:center}.contact-section{padding:60px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.contact-form-wrapper h2,.contact-info-wrapper h2{font-size:2rem;margin-bottom:25px;color:var(--primary)}.contact-form{background:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 10px #0000000d}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:500;margin-bottom:8px;color:var(--text-color)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:4px;background-color:#fafafa;font-family:inherit;font-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);background-color:#fff}.btn-submit{width:100%;padding:14px;font-size:1.1rem;display:flex;align-items:center;justify-content:center;gap:10px;background-color:#25d366;border:none}.btn-submit:hover{background-color:#128c7e}.info-card{margin-bottom:30px}.info-item{display:flex;align-items:flex-start;gap:15px;margin-bottom:25px}.info-icon{color:var(--secondary);flex-shrink:0;margin-top:4px}.info-item h3{font-size:1.1rem;margin-bottom:5px;color:var(--primary)}.info-item p{color:var(--text-light);line-height:1.5}.info-item a{color:var(--text-color)}.info-item a:hover{text-decoration:underline;color:var(--secondary)}.map-embed iframe{border-radius:8px;box-shadow:0 4px 6px #0000001a}@media(max-width:768px){.contact-grid{grid-template-columns:1fr}}.admin-login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:#f4f6f9;padding:20px}.admin-login-card{background:#fff;padding:40px;width:100%;max-width:400px;border-radius:10px;box-shadow:0 10px 25px #0000001a}.admin-login-card h2{text-align:center;margin-bottom:25px;font-family:var(--font-heading);color:#333}.admin-login-form{display:flex;flex-direction:column;gap:15px}.admin-login-form input{padding:12px 14px;border-radius:6px;border:1px solid #ccc;font-size:14px;outline:none;transition:border .2s}.admin-login-form input:focus{border-color:#0d3b66}.admin-login-form button{padding:12px;border:none;border-radius:6px;background:#0d3b66;color:#fff;font-weight:600;cursor:pointer}.admin-login-form button:hover{background:#0d3b66}@media(max-width:480px){.admin-login-card{padding:30px 20px}}.admin-dashboard{padding:30px}.dashboard-title{font-size:32px;margin-bottom:10px}.dashboard-subtitle{color:#666;margin-bottom:40px}.dashboard-placeholder{background:#fff;border-radius:12px;height:350px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#999;box-shadow:0 2px 8px #0000000d}.users-page{padding:40px;background:#f4f6f9;min-height:100vh}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.users-header h2{color:#0d3b66}.create-user-btn{background:#0d3b66;color:#fff;border:none;padding:10px 18px;border-radius:6px;cursor:pointer;font-size:14px}.create-user-btn:hover{background:#09294a}.users-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 5px 15px #00000014}.users-table th{background:#0d3b66;color:#fff;padding:12px;text-align:left}.users-table td{padding:12px;border-bottom:1px solid #eee}.users-table tr:hover{background:#f9fbff}.edit-btn{background:#ffc107;border:none;padding:6px 10px;margin-right:5px;border-radius:4px;cursor:pointer}.delete-btn{background:#dc3545;color:#fff;border:none;padding:6px 10px;border-radius:4px;cursor:pointer}.edit-btn:hover{background:#e0a800}.delete-btn:hover{background:#c82333}.roles-page{padding:40px;background:#f4f6f9;min-height:100vh}.roles-header{display:flex;justify-content:space-between;margin-bottom:25px}.roles-header h2{color:#0d3b66}.create-role-btn{background:#0d3b66;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer}.roles-table{width:100%;background:#fff;border-collapse:collapse;border-radius:6px;overflow:hidden}.roles-table th,.roles-table td{padding:12px;border-bottom:1px solid #eee;text-align:left}.edit-btn{background:#1976d2;color:#fff;border:none;padding:6px 10px;margin-right:6px;border-radius:4px;cursor:pointer}.delete-btn{background:#d32f2f;color:#fff;border:none;padding:6px 10px;border-radius:4px;cursor:pointer}.permission-btn{background:#28a745;color:#fff;border:none;padding:6px 10px;margin-left:6px;border-radius:4px;cursor:pointer}.permission-btn:hover{background:#218838}.permissions-page{padding:40px;background:#f4f6f9;min-height:100vh}.permissions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.permissions-header h2{color:#0d3b66}.create-permission-btn{background:#0d3b66;color:#fff;border:none;padding:10px 18px;border-radius:6px;cursor:pointer}.permissions-table-card{background:#fff;border-radius:8px;box-shadow:0 5px 15px #00000014;overflow:hidden}.permissions-table{width:100%;border-collapse:collapse}.permissions-table th{background:#f1f3f6;text-align:left;padding:14px}.permissions-table td{padding:14px;border-top:1px solid #eee}.edit-btn{background:#1976d2;color:#fff;border:none;padding:6px 12px;margin-right:8px;border-radius:4px;cursor:pointer}.delete-btn{background:#d32f2f;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer}.create-user-page{padding:40px;background:#f4f6f9;min-height:100vh}.create-user-header{margin-bottom:30px}.create-user-header h2{color:#0d3b66;font-size:24px;font-weight:600}.create-user-card{background:#fff;padding:30px;border-radius:8px;max-width:600px;box-shadow:0 5px 15px #00000014}.create-user-form{display:flex;flex-direction:column;gap:15px}.create-user-form input,.create-user-form select{padding:12px;border-radius:6px;border:1px solid #ccc;font-size:14px;width:100%}.create-user-form input:focus,.create-user-form select:focus{outline:none;border-color:#0d3b66}.form-buttons{display:flex;gap:10px;margin-top:10px}.save-btn{background:#0d3b66;color:#fff;border:none;padding:10px 18px;border-radius:6px;cursor:pointer;font-size:14px}.cancel-btn{background:#999;color:#fff;border:none;padding:10px 18px;border-radius:6px;cursor:pointer}.cancel-btn:hover{background:#777}.edit-user-page{max-width:500px;margin:40px auto;padding:30px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;font-family:Arial,sans-serif}.edit-user-page h2{margin-bottom:20px;font-size:22px;font-weight:600}.edit-user-page form div{margin-bottom:15px;display:flex;flex-direction:column}.edit-user-page label{margin-bottom:6px;font-weight:500}.edit-user-page input{padding:10px;border:1px solid #ccc;border-radius:4px;font-size:14px}.edit-user-page input:focus{outline:none;border-color:#4caf50}.edit-user-page button{padding:10px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.edit-user-page button[type=submit]{background-color:#4caf50;color:#fff}.edit-user-page button[type=submit]:hover{background-color:#45a049}.edit-user-page button[type=button]{background-color:#ccc}.edit-user-page button[type=button]:hover{background-color:#b3b3b3}.edit-user-page .back-btn{background-color:#2196f3;color:#fff;margin-bottom:15px}.edit-user-page .back-btn:hover{background-color:#1e88e5}.edit-role-page{padding:40px;background:#f4f6f9;min-height:100vh}.edit-role-header{display:flex;align-items:center;gap:15px;margin-bottom:25px}.edit-role-header h2{color:#0d3b66}.edit-role-card{background:#fff;padding:30px;border-radius:8px;max-width:500px;box-shadow:0 5px 15px #00000014}.edit-role-form{display:flex;flex-direction:column;gap:15px}.edit-role-form input{padding:10px;border-radius:6px;border:1px solid #ccc}.update-btn{background:#1976d2;color:#fff;border:none;padding:10px 18px;border-radius:6px;cursor:pointer}.create-role-page{padding:40px;background:#f4f6f9;min-height:100vh}.create-role-header{display:flex;align-items:center;gap:15px;margin-bottom:25px}.create-role-header h2{color:#0d3b66}.back-btn{background:#0d3b66;color:#fff;border:none;padding:6px 12px;border-radius:5px;cursor:pointer}.create-role-card{background:#fff;padding:30px;border-radius:8px;max-width:500px;box-shadow:0 5px 15px #00000014}.create-role-form{display:flex;flex-direction:column;gap:15px}.create-role-form input{padding:10px;border-radius:6px;border:1px solid #ccc}.form-buttons{display:flex;gap:10px}.save-btn{background:#0d3b66;color:#fff;border:none;padding:10px 18px;border-radius:6px;cursor:pointer}.cancel-btn{background:#999;color:#fff;border:none;padding:10px 18px;border-radius:6px}.create-category-page{padding:40px;background:#f4f6f9;min-height:100vh}.create-header h2{color:#0d3b66;font-size:26px;font-weight:600;margin:0}.back-btn{background:#0d3b66;color:#fff;border:none;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:14px;transition:opacity .2s}.save-btn{background:#2563eb;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.save-btn:hover:not(:disabled){background:#1d4ed8}.save-btn:disabled{background:#94a3b8;cursor:not-allowed}.cancel-btn{background:#e5e7eb;color:#374151;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500}.cancel-btn:hover{background:#d1d5db}.create-card{background:#fff;padding:30px;border-radius:12px;box-shadow:0 6px 20px #00000014}.form-group input,.form-group textarea,.form-group select{padding:10px;border-radius:6px;border:1px solid #ccc;font-size:14px;outline:none;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#2563eb}.form-group textarea{resize:none;height:40px}.crop-modal{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:20px}.crop-box{background:#fff;padding:25px;border-radius:12px;width:900px;max-width:95%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.crop-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:15px;margin-bottom:20px}.crop-main-content{display:flex;gap:30px;align-items:flex-start}.crop-workspace{flex:2;min-width:0;background:#f8fafc;padding:15px;border-radius:8px;border:1px dashed #cbd5e1}.crop-workspace h4,.crop-preview-section h4{margin-top:0;margin-bottom:12px;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.crop-preview-section{flex:1;min-width:250px;padding-left:20px;border-left:1px solid #eee;display:flex;flex-direction:column;align-items:center;position:sticky;top:0}.crop-preview-section img{border:4px solid white;box-shadow:0 4px 15px #0000001a;background:#f1f5f9}.crop-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px;padding-top:15px;border-top:1px solid #eee}@media(max-width:1000px){.create-form{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.crop-main-content{flex-direction:column}.crop-preview-section{border-left:none;border-top:1px solid #eee;padding-left:0;padding-top:20px;width:100%}.crop-box{width:95%}}@media(max-width:600px){.create-form{grid-template-columns:1fr}.create-category-page{padding:20px}}.edit-category-page{padding:40px;background:#f4f6f9;min-height:100vh}.edit-category-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.edit-category-header h2{color:#0d3b66;font-size:26px;font-weight:600;margin:0}.back-btn{background:#0d3b66;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:14px}.back-btn:hover{opacity:.9}.save-btn{background:#2563eb;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px}.save-btn:hover{background:#1d4ed8}.edit-category-card{background:#fff;padding:30px;border-radius:10px;box-shadow:0 6px 20px #00000014}.edit-category-form{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;font-weight:500;color:#333}.form-group input,.form-group textarea{padding:10px;border-radius:6px;border:1px solid #ccc;font-size:14px;outline:none}.form-group textarea{resize:none;height:45px}.image-preview{margin-top:8px;width:80px;border-radius:6px;object-fit:cover}@media(max-width:900px){.edit-category-form{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.edit-category-form{grid-template-columns:1fr}}.role-permissions-page{padding:40px;background:#f4f6f9;min-height:100vh}.role-select{margin-bottom:25px}.role-select select{padding:10px;border-radius:6px;border:1px solid #ccc}.permissions-container{background:#fff;padding:25px;border-radius:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;box-shadow:0 5px 15px #00000014}.permission-item{display:flex;align-items:center;gap:8px}.save-btn{margin-top:20px;background:#0d3b66;color:#fff;border:none;padding:10px 18px;border-radius:6px;cursor:pointer}.save-btn:hover{background:#0a2f50}.categories-page{padding:30px}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.category-title-section h2{font-size:26px;font-weight:600}.category-title-section p{color:#6b7280;margin-top:5px}.add-new-btn{display:flex;align-items:center;gap:6px;background:#2563eb;color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer;font-weight:500;transition:.2s}.add-new-btn:hover{background:#1e40af;transform:scale(1.03)}.category-table{width:100%;border-collapse:collapse}.category-table th{text-align:left;padding:14px;font-size:13px;color:#6b7280}.category-table td{padding:16px 14px;border-top:1px solid #eee;vertical-align:middle}.category-table tbody tr:hover{background:#f9fafb}.category-img{max-width:60px;max-height:60px;object-fit:contain;border-radius:8px;border:1px solid #eee;padding:4px;background:#fff;transition:.2s}.category-img:hover{transform:scale(1.05)}.desc-cell{color:#555;max-width:300px}.no-data{text-align:center;padding:20px;color:#888}@media(max-width:768px){.category-header{flex-direction:column;align-items:flex-start;gap:10px}.add-new-btn{width:100%;justify-content:center}.search-bar input{width:100%}.category-table th,.category-table td{font-size:12px;padding:10px}.img-container{width:50px;height:50px}.category-img{max-width:40px;max-height:40px}.action-buttons{justify-content:flex-start}.pagination{justify-content:center}}.brand-page{padding:30px}.brand-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.brand-header h2{font-size:26px;font-weight:600}.brand-header p{color:#6b7280;margin-top:4px}.add-btn{display:flex;align-items:center;gap:6px;background:#2563eb;color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer;font-weight:500;transition:.2s}.brand-card{background:#fff;border-radius:12px;padding:10px;box-shadow:0 4px 12px #00000014}.brand-table{width:100%;border-collapse:collapse}.brand-table th{text-align:left;padding:14px;font-size:13px;color:#6b7280}.brand-table td{padding:16px 14px;border-top:1px solid #eee;vertical-align:middle}.brand-table tbody tr:hover{background:#f9fafb}.brand-image-wrapper{width:70px;height:70px;display:flex;align-items:center;justify-content:center}.brand-image{max-width:60px;max-height:60px;object-fit:contain;border-radius:8px;border:1px solid #eee;padding:4px;background:#fff;transition:.2s}.brand-image:hover{transform:scale(1.05)}.brand-actions{display:flex;gap:8px}.edit-btn,.delete-btn{width:36px;height:36px;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.edit-btn{background:#22c55e;color:#fff}.delete-btn{background:#ef4444;color:#fff}@media(max-width:768px){.brand-header{flex-direction:column;align-items:flex-start;gap:10px}.add-btn{width:100%;justify-content:center}.search-bar input{width:100%}.brand-table th,.brand-table td{font-size:12px;padding:10px}.brand-image-wrapper{width:50px;height:50px}.brand-image{max-width:40px;max-height:40px}.brand-actions{justify-content:flex-start}.pagination{justify-content:center}}.items-page{padding:30px}.items-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.items-header h2{font-size:26px;font-weight:600}.items-header p{color:#6b7280}.add-btn{display:flex;align-items:center;gap:6px;background:#2563eb;color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer;transition:.2s}.add-btn:hover{background:#1e40af;transform:scale(1.03)}.search-bar{margin-bottom:15px}.search-bar input{width:100%;max-width:300px;padding:10px 12px;border:1px solid #ddd;border-radius:8px;outline:none;font-size:14px}.search-bar input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.table-card{background:#fff;border-radius:12px;padding:10px;box-shadow:0 4px 12px #00000014}.items-table{width:100%;border-collapse:collapse}.items-table th{text-align:left;padding:14px;font-size:13px;color:#6b7280}.items-table td{padding:16px 14px;border-top:1px solid #eee}.items-table tbody tr:hover{background:#f9fafb}.items-table th:nth-child(2),.items-table td:nth-child(2){font-weight:500;color:#111827}.img-container{width:70px;height:70px;display:flex;align-items:center;justify-content:center}.item-img{max-width:60px;max-height:60px;object-fit:contain;border-radius:8px;border:1px solid #eee;padding:4px;cursor:pointer;transition:.2s}.item-img:hover{transform:scale(1.05)}.action-buttons{display:flex;justify-content:flex-end;gap:10px}.edit-btn{width:36px;height:36px;border:none;border-radius:6px;background:#22c55e;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.edit-btn:hover{background:#16a34a;transform:scale(1.05)}.delete-btn{width:36px;height:36px;border:none;border-radius:6px;background:#ef4444;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.delete-btn:hover{background:#dc2626;transform:scale(1.05)}.no-data{text-align:center;padding:20px;color:#6b7280}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:15px}.pagination button{padding:6px 12px;border:none;background:#2563eb;color:#fff;border-radius:6px;cursor:pointer;transition:.2s}.pagination button:hover:not(:disabled){background:#1e40af}.pagination button:disabled{background:#9ca3af;cursor:not-allowed}.pagination span{font-size:14px;color:#374151}.image-popup{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.popup-content{background:#fff;padding:20px;border-radius:10px;text-align:center}.popup-content img{width:200px;margin-bottom:10px}.popup-content button{padding:6px 12px;border:none;background:#2563eb;color:#fff;border-radius:6px;cursor:pointer}@media(max-width:768px){.items-header{flex-direction:column;align-items:flex-start;gap:10px}.add-btn{width:100%;justify-content:center}.search-bar input{width:100%}.items-table{font-size:12px}.img-container{width:50px;height:50px}.item-img{max-width:40px;max-height:40px}.action-buttons{justify-content:flex-start}.pagination{justify-content:center}}.admin-page{padding:20px}.enquiry-table{width:100%;border-collapse:collapse;margin-top:20px}.enquiry-table th,.enquiry-table td{border:1px solid #ddd;padding:10px;text-align:left}.enquiry-table th{background:#f4f4f4}.menu-management{padding:30px}.menu-table{width:100%;border-collapse:collapse;margin-top:20px}.menu-table th,.menu-table td{border:1px solid #ddd;padding:10px;text-align:center}.menu-table th{background:#f5f5f5}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;inset:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;inset:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media(pointer:coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}.create-title h2{margin:0;color:#0d3b66}.back-btn{background:#0d3b66;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer}.save-btn{background:#2563eb;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:500}.create-card{background:#fff;padding:30px;border-radius:12px;box-shadow:0 6px 20px #00000014;display:flex;gap:15px;align-items:center}.create-card input{padding:10px;border:1px solid #ddd;border-radius:6px}.create-category-page{padding:30px}.create-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.create-header h2{font-size:24px;font-weight:600;color:#1f2937}.back-btn{background:#1e3a5f;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px}.back-btn:hover{background:#162c49}.save-btn{background:#2563eb;color:#fff;border:none;padding:10px 22px;border-radius:8px;cursor:pointer;font-weight:500}.save-btn:hover{background:#1e40af}.create-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 12px #00000014}.create-form{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.form-group label{font-size:14px;margin-bottom:6px;font-weight:500;color:#374151}.form-group input,.form-group textarea{padding:10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff}.form-group textarea{resize:none;height:42px}.form-group input[type=file]{padding:6px}.crop-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:999}.crop-box{background:#fff;padding:25px;border-radius:12px;width:95%;max-width:900px}@media(max-width:1024px){.create-form{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.create-form{grid-template-columns:1fr}}.create-item-page{padding:30px}.create-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.create-header h2{font-size:26px;font-weight:600}.create-card{background:#f9fafb;padding:25px;border-radius:12px}.create-form{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.form-group label{font-size:14px;margin-bottom:6px;color:#374151}.create-form input,.create-form select,.create-form textarea{padding:10px;border:1px solid #d1d5db;border-radius:6px}.edit-item-page{padding:30px}.edit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.edit-header h2{font-size:26px;font-weight:600}.back-btn{background:#1e3a5f;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer}.save-btn{background:#2563eb;color:#fff;border:none;padding:10px 22px;border-radius:8px;cursor:pointer}.edit-card{background:#f9fafb;padding:25px;border-radius:12px}.edit-form{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.form-group{display:flex;flex-direction:column}.form-group label{font-size:14px;margin-bottom:6px}.edit-form input,.edit-form select,.edit-form textarea{padding:10px;border:1px solid #d1d5db;border-radius:6px}textarea{min-height:80px}.full-width{grid-column:span 3}.image-preview{grid-column:span 3;margin-top:10px}.image-preview img{width:120px;margin-top:5px;border-radius:6px}