.product-card{background:#fff;border-radius:12px;padding:14px;margin:12px;box-shadow:0 2px 8px #0000000f}.product-image{width:100%;height:160px;object-fit:cover;border-radius:10px}.product-name{font-size:15px;font-weight:600;margin:10px 0 8px}.info-row{display:flex;justify-content:space-between;align-items:flex-start}.brand-text{font-size:12px;color:#444}.category-text{font-size:12px;font-weight:600;color:#0d6efd;text-transform:uppercase}.part-box{text-align:right;margin-right:12px}.part-text{font-size:12px;color:#444;margin-bottom:4px}.stock-in{font-size:12px;color:green}.stock-out{font-size:12px;color:red}.price{font-size:16px;font-weight:600;color:#0d6efd;margin:8px 0}.add-to-cart-btn{width:100%;padding:10px;border-radius:8px;border:none;background:#0d6efd;color:#fff;font-weight:600}.add-to-cart-btn:disabled{background:#ccc}.home-slider{width:100%;height:180px;margin:12px 0;border-radius:12px;overflow:hidden}.slider-image{width:100%;height:100%;object-fit:cover;transition:opacity .8s ease-in-out}:root{--primary: #0b57ff;--success: #22c55e;--whatsapp: #25d366;--bg-light: #f6f7f9;--card-bg: #ffffff;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 10px;--btn-h: 44px;--input-h: 42px;--shadow: 0 2px 8px rgba(0,0,0,.06)}body{background:var(--bg-light);font-family:system-ui,sans-serif}.card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:12px}.btn-primary{height:var(--btn-h);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600}.btn-success{height:var(--btn-h);background:var(--success);color:#fff;border-radius:var(--radius-md);border:none;font-weight:600}.btn-wa{height:var(--btn-h);background:var(--whatsapp);color:#fff;border-radius:var(--radius-md);border:none;font-weight:600}.input{height:var(--input-h);border-radius:var(--radius-md);border:1px solid #ddd;padding:0 12px}.account-page{padding:16px}.account-profile{background:#e6f2ff;padding:20px;border-radius:12px;text-align:center;margin-bottom:20px}.avatar{font-size:48px;margin-bottom:8px}.account-profile h3{margin:5px 0;color:#0b5ed7}.account-profile p{font-size:13px;color:#555}.account-menu{display:flex;flex-direction:column;gap:12px}.account-item{background:#fff;padding:14px;border-radius:10px;border:1px solid #eee;font-size:15px;text-decoration:none;color:#222}.account-item:hover{background:#f5f9ff}.logout-btn{margin-top:25px;width:100%;padding:14px;background:#ff4d4f;border:none;color:#fff;font-size:16px;border-radius:10px}.cat-page{padding:16px}.cat-title{font-size:22px;font-weight:700}.cat-sub{color:#666;margin-bottom:14px}.cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.cat-card{background:#fff;border-radius:14px;padding:16px;text-decoration:none;color:#000;box-shadow:0 2px 10px #0000000d}.cat-icon{font-size:28px}.cat-card span{color:#0056ff;font-size:13px}.cat-seo-text{margin-top:24px;font-size:14px;color:#555}.category-page{padding:14px}.category-title{font-size:20px;font-weight:700;margin-bottom:12px}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.product-card{background:#fff;border-radius:14px;padding:10px;text-decoration:none;color:#000;box-shadow:0 2px 8px #0000000d}.product-card img{width:100%;height:140px;object-fit:contain}.product-card h3{font-size:13px;margin:6px 0}.price{font-weight:700;color:#0056ff}.product-card button{width:100%;margin-top:6px;background:#0056ff;color:#fff;border:none;padding:8px;border-radius:8px}.cart-page{padding:14px;max-width:900px;margin:auto}.cart-page h2{margin-bottom:16px}.cart-item{display:flex;gap:12px;background:#fff;border-radius:12px;padding:12px;margin-bottom:12px;align-items:center;box-shadow:0 2px 8px #0000000d}.cart-item img{width:80px;height:80px;object-fit:cover;border-radius:8px}.cart-info{flex:1}.cart-info h4{font-size:14px;margin-bottom:4px}.brand{font-size:12px;color:#666}.price{font-weight:700;margin-top:4px}.qty-box{display:flex;align-items:center;gap:10px;margin-top:8px}.qty-box button{width:28px;height:28px;border-radius:6px;border:1px solid #ccc;background:#fff}.remove{background:none;border:none;font-size:18px}.shipping-box{background:#fff;padding:14px;border-radius:12px;margin-top:18px}.shipping-option{display:block;margin-top:10px;font-size:14px}.summary-box{background:#fff;margin-top:18px;padding:16px;border-radius:12px}.summary-box div{display:flex;justify-content:space-between;margin-bottom:8px}.summary-box .total{font-weight:700;font-size:18px}.checkout-btn{width:100%;margin-top:14px;background:#0056ff;color:#fff;border:none;padding:14px;border-radius:10px;font-size:16px}.orders-page{padding:15px}.orders-page h2{margin-bottom:15px}.order-card{background:#fff;border-radius:12px;padding:15px;margin-bottom:15px;box-shadow:0 0 10px #0000000d}.row{margin-bottom:6px;font-size:14px}.badge{padding:3px 8px;border-radius:6px;font-size:12px;margin-left:6px;text-transform:capitalize}.badge.pending{background:#fff3cd}.badge.paid{background:#d1f7d6}.status{margin-left:6px;text-transform:capitalize}.btn-row{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.btn{padding:8px 14px;border-radius:8px;text-decoration:none;font-size:13px;color:#fff}.btn.blue{background:#0d6efd}.btn.green{background:#25d366}.empty{text-align:center;color:#777;margin-top:30px}.checkout-address{padding:15px}.checkout-address h2{margin-bottom:15px;font-size:18px}.address-box{background:#fff;padding:15px;border-radius:12px}.address-box input,.address-box textarea{width:100%;padding:12px;margin-bottom:12px;border-radius:8px;border:1px solid #ddd;font-size:14px}.address-box textarea{min-height:80px;resize:none}.row{display:flex;gap:10px}.row input{flex:1}.address-box button{width:100%;background:#0056ff;color:#fff;padding:14px;border:none;border-radius:10px;font-size:16px}.order-success{max-width:700px;margin:auto;padding:15px}.success-box{background:#fff;border-radius:16px;padding:25px;text-align:center;box-shadow:0 2px 10px #0000000d}.success-icon{width:60px;height:60px;margin:auto;border-radius:50%;background:#ffeaa7;color:#2d3436;font-size:28px;display:flex;align-items:center;justify-content:center}.warning{color:#e17055;font-weight:500;margin-top:10px}.note{font-size:14px;color:#555}.whatsapp-btn{display:inline-block;background:#25d366;color:#fff;padding:12px 20px;border-radius:8px;margin-top:15px;text-decoration:none;font-weight:500}.order-id{margin-top:10px;font-size:13px;color:#666}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:20px}.info-card{background:#fff;border-radius:12px;padding:15px}.items-box{background:#fff;border-radius:12px;margin-top:20px;padding:15px}.item-row{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding:10px 0}.total-box{margin-top:10px}.total-box div{display:flex;justify-content:space-between;padding:6px 0}.total-box .grand{font-weight:700;font-size:16px}.success-actions{display:flex;gap:10px;margin-top:20px}.outline-btn{flex:1;border:1px solid #ccc;padding:12px;text-align:center;border-radius:8px;text-decoration:none;color:#333}.primary-btn{flex:1;background:#0d6efd;color:#fff;padding:12px;text-align:center;border-radius:8px;text-decoration:none}body{background:#f6f8fb}.admin-top{height:60px;background:#0b5cff;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 15px;position:fixed;width:100%;z-index:1000}.menu-btn{font-size:24px;background:none;border:none;color:#fff}.logo{font-size:18px;font-weight:600}.logo .small{display:block;font-size:11px;opacity:.8}.view-store{background:#fff;border:none;padding:6px 12px;border-radius:6px}.sidebar{position:fixed;top:0;left:-280px;width:280px;height:100vh;background:#fff;transition:.3s;z-index:2000;box-shadow:2px 0 20px #0003}.sidebar.show{left:0}.side-head{padding:15px;font-weight:700;display:flex;justify-content:space-between}.sidebar nav{display:flex;flex-direction:column;padding:10px}.sidebar nav a{padding:12px;border-radius:8px;text-decoration:none;color:#222;margin-bottom:6px}.sidebar nav a.active{background:#0b5cff;color:#fff}.logout{margin:10px;padding:12px;border:none;background:#ff3b3b;color:#fff;border-radius:8px}.admin-main{padding-top:70px;padding-left:15px;padding-right:15px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1500}.dashboard{padding:10px}.dash-head h2{margin:0}.dash-head p{color:#777;margin-bottom:15px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:20px}.stat-card{background:#fff;border-radius:10px;padding:15px;box-shadow:0 5px 15px #0000000d}.stat-card h4{font-size:22px;margin:0}.stat-card p{margin:5px 0 0;font-size:13px;color:#666}.green{border-left:4px solid #28c76f}.blue{border-left:4px solid #0b5cff}.purple{border-left:4px solid #7367f0}.orange{border-left:4px solid #ff9f43}.yellow{border-left:4px solid #f6c343}.red{border-left:4px solid #ea5455}.card{background:#fff;border-radius:10px;padding:15px;margin-bottom:20px}.chart-placeholder{height:180px;background:#f4f6fa;display:flex;align-items:center;justify-content:center;color:#888;border-radius:8px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid #eee;font-size:14px}.badge{background:#e7f1ff;color:#0b5cff;padding:4px 8px;border-radius:6px;font-size:12px}.admin-orders{padding:20px}.admin-orders h2{margin-bottom:15px}table{width:100%;background:#fff;border-radius:10px;border-collapse:collapse;overflow:hidden}th,td{padding:12px;border-bottom:1px solid #eee;text-align:left;font-size:14px}th{background:#f5f7fb}.view-btn{background:#0d6efd;color:#fff;padding:6px 12px;border-radius:6px;text-decoration:none}.badge{padding:4px 8px;border-radius:6px;font-size:12px;text-transform:capitalize}.badge.pending{background:#ffeaa7}.badge.paid{background:#55efc4}.badge.rejected{background:#fab1a0}.card{background:#fff;padding:15px;border-radius:10px;margin-bottom:15px}.card h4{margin-bottom:10px}.order-item{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #eee}.btn-row{display:flex;gap:10px}.btn{padding:8px 14px;border-radius:6px;border:none;cursor:pointer}.btn.green{background:#2ecc71;color:#fff}.btn.red{background:#e74c3c;color:#fff}.btn.blue{background:#0d6efd;color:#fff}select{padding:8px;margin-right:10px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:60px;background:#fff;display:flex;justify-content:space-around;align-items:center;border-top:1px solid #ddd;z-index:999}.bottom-nav div{display:flex;flex-direction:column;align-items:center;font-size:12px;color:#555}.bottom-nav svg{margin-bottom:2px}.bottom-nav div:active{color:#0d6efd}body{margin:0;padding:0;background:#f5f7fa;font-family:Inter,sans-serif}.app-root{padding-bottom:70px}.page{padding:16px}.app-header{background:#fff;padding:12px;box-shadow:0 2px 10px #0000000d;border-radius:0 0 18px 18px}.logo-row{display:flex;align-items:center;justify-content:space-between}.logo-wrap{display:flex;align-items:center;gap:6px}.logo-icon{font-size:28px}.logo-text{font-size:20px;font-weight:600}.logo-text-bold{color:#0450ff}.icon-button{background:none;border:none;padding:6px;font-size:24px}.search-wrap{display:flex;align-items:center;margin-top:12px;padding:10px;background:#f1f3f7;border-radius:10px}.search-input{border:none;flex:1;background:transparent;font-size:16px}.search-input:focus{outline:none}.search-icon{margin-right:8px;color:#666}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:65px;background:#fff;display:flex;justify-content:space-around;align-items:center;border-top:1px solid #e5e5e5;z-index:99}.bn-item{text-decoration:none;color:#707070;font-size:12px;display:flex;flex-direction:column;align-items:center}.bn-item.active{color:#0450ff}.products-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.product-card{background:#fff;border-radius:14px;padding:10px;box-shadow:0 2px 8px #0000000f}.product-image{width:100%;height:125px;object-fit:cover;border-radius:10px}.product-brand{font-size:12px;color:#0450ff;text-transform:uppercase}.product-name{font-size:14px;font-weight:600;margin:4px 0}.product-price-row{display:flex;justify-content:space-between;align-items:center}.product-price{font-weight:700;font-size:16px}.small-primary-btn{background:#0450ff;color:#fff;border:none;padding:6px 10px;border-radius:8px;font-size:12px}.categories-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}