*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f5f8fc;color:#10243e}button,input,select,textarea{font:inherit}.app{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:linear-gradient(180deg,#052f4a,#064c73);color:#fff}.brand{height:88px;display:flex;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid #ffffff18}.brand img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid #fff}.brand b{font-size:20px}.brand small{display:block;font-size:11px;margin-top:4px}.sidebar nav{padding:14px 10px}.sidebar nav a{position:relative;display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;padding:15px 14px;margin:3px 0;border-radius:6px}.sidebar nav a:hover,.sidebar nav a:first-child{background:#087ce0}.sidebar nav i{margin-left:auto;background:#f44336;width:24px;height:24px;border-radius:50%;font-style:normal;display:inline-flex;align-items:center;justify-content:center}.main{margin-left:245px;width:calc(100% - 245px)}.topbar{height:88px;background:#fff;border-bottom:1px solid #dfe6ee;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:5}.topbar input{width:390px;border:1px solid #cbd6e2;border-radius:6px;padding:13px 16px}.topright{display:flex;align-items:center;gap:25px}.bell{position:relative;text-decoration:none;font-size:22px}.bell span{position:absolute;top:-10px;right:-12px;background:#f44336;color:#fff;border-radius:12px;font-size:11px;padding:3px 6px}.content{padding:28px}.content h1{font-size:30px;margin:5px 0 22px}.posLayout{display:grid;grid-template-columns:minmax(600px,1fr) 370px;gap:20px}.posLeft{min-width:0}.productGrid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px}.productCard{position:relative;padding:0;background:#fff;border:1px solid #d9e2eb;border-radius:8px;overflow:hidden;text-align:left;cursor:pointer;box-shadow:0 2px 5px #10243e10}.productImg{height:120px;background:#eaf0f5;display:flex;align-items:center;justify-content:center;font-size:44px}.productImg img{width:100%;height:100%;object-fit:cover}.productInfo{padding:10px 12px 13px}.productInfo b,.productInfo strong{display:block}.productInfo b{font-size:17px}.productInfo strong{margin-top:5px;font-size:16px}.plus{position:absolute;right:10px;bottom:10px;background:#087ce0;color:#fff;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:25px}.cartTable{background:#fff;border:1px solid #dce4ec;border-radius:8px;margin-top:22px;overflow:hidden;min-height:190px}.cartHead,.cartLine{display:grid;grid-template-columns:1.4fr .8fr 1fr 1fr .45fr;gap:10px;align-items:center;padding:13px 15px}.cartHead{font-weight:bold;background:#f8fafc;border-bottom:1px solid #e4e9ef}.cartLine{border-bottom:1px solid #edf1f5}.cartLine input{width:100%;padding:9px;border:1px solid #d2dbe4;border-radius:5px}.cartLine button{border:0;background:none;cursor:pointer}.checkout{align-self:start;background:#fff;border:1px solid #dce4ec;border-radius:9px;padding:22px;position:sticky;top:112px}.checkout h2{margin:0 0 30px}.checkoutTotal{display:flex;justify-content:flex-end;gap:8px;align-items:center;font-size:18px;margin-bottom:25px}.checkoutTotal b{font-size:25px}.checkout select{width:100%;padding:12px;border:1px solid #bbc7d2;margin-bottom:12px}.payBtn,.primary{border:0;border-radius:5px;background:#0ab14b;color:#fff;padding:13px 18px;font-weight:bold;cursor:pointer}.checkout .payBtn{width:100%;font-size:17px}.checkoutActions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.ghost{padding:12px;background:#fff;border:1px solid #cdd7e0;border-radius:5px;cursor:pointer}.dangerText{color:#e43131}.panel{background:#fff;border:1px solid #dce4ec;border-radius:9px;padding:18px;margin-bottom:20px}.productForm,.stockForm{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.productForm input,.stockForm input,.stockForm select,.pageHead input{padding:12px;border:1px solid #ccd7e1;border-radius:5px}.tableWrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #e5eaf0;text-align:left}td small{display:block;color:#738295;margin-top:4px}.thumb{width:65px;height:50px;object-fit:cover;border-radius:5px}.inline{display:inline}.danger{background:#ef4444;color:#fff;border:0;padding:8px 10px;border-radius:4px}.pageHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.pageHead h1{margin-bottom:5px}.pageHead p{margin:0;color:#697b8f}.stockCards{grid-template-columns:repeat(4,1fr)}.stockCard{background:#fff;border:1px solid #dce4ec;border-radius:8px;padding:18px}.stockCard b,.stockCard strong,.stockCard span{display:block}.stockCard strong{font-size:26px;margin:8px 0}.ordersGrid{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:16px}.orderCard{background:#fff;border:1px solid #dce4ec;border-radius:9px;padding:18px}.orderTop{display:flex;justify-content:space-between}.status{margin-left:8px;padding:4px 8px;border-radius:12px;background:#e7edf3;font-size:12px}.status.new{background:#dcfce7;color:#16803d}.orderItems{border-top:1px dashed #cbd5df;border-bottom:1px dashed #cbd5df;padding:8px 0}.orderItems div{display:flex;justify-content:space-between;padding:5px 0}.orderActions{display:flex;gap:8px}.orderActions button{padding:9px 12px;border:1px solid #ccd6df;border-radius:5px;cursor:pointer}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.kpis div{background:#fff;border:1px solid #dce4ec;border-radius:9px;padding:20px}.kpis span,.kpis b{display:block}.kpis b{font-size:25px;margin-top:8px}.loginbody{min-height:100vh;display:grid;place-items:center;background:#eef4f8}.loginbox{width:350px;background:#fff;padding:28px;border-radius:12px;box-shadow:0 10px 30px #1233}.loginbox img{width:90px;height:90px;border-radius:50%;object-fit:cover;display:block;margin:auto}.loginbox h1{text-align:center}.loginbox input,.loginbox button{width:100%;padding:13px;margin:6px 0;border:1px solid #ccd7e1;border-radius:6px}.error{color:#d22}.shopPage{background:#fff;color:#10243e}.shopHeader{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#fff;position:sticky;top:0;z-index:10;box-shadow:0 2px 12px #0001}.shopBrand{display:flex;align-items:center;gap:9px}.shopBrand img{width:60px;height:60px;border-radius:50%;object-fit:cover}.shopBrand small{display:block}.shopHeader nav{display:flex;gap:28px}.shopHeader nav a{text-decoration:none;color:#17436a;font-size:14px}.shopCartIcon{text-decoration:none;font-size:22px}.shopCartIcon span{background:#e53935;color:#fff;border-radius:20px;padding:2px 6px;font-size:12px}.shopHero{min-height:390px;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(#061b2b88,#061b2b88),url('logo.jpg') center/cover}.shopHero h1{font-size:54px;line-height:1.05;color:#fff;margin:0}.shopHero p{color:#fff;font-size:18px}.whatsapp{display:inline-block;background:#0ebc55;color:#fff;text-decoration:none;border-radius:30px;padding:12px 22px}.benefits{display:flex;justify-content:center;gap:100px;padding:25px;background:#fff}.benefits div{display:grid;text-align:center;gap:7px;font-size:22px}.benefits b{font-size:13px}.shopMain{max-width:1250px;margin:auto;padding:35px 25px}.shopSectionTitle{text-align:center;margin-bottom:25px}.shopGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.shopProduct{border:1px solid #e0e6ec;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 3px 12px #0000000d}.shopProduct>img,.nop{width:100%;height:180px;object-fit:cover}.nop{display:grid;place-items:center;background:#eaf1f6;font-size:55px}.shopProduct>div{padding:13px}.shopProduct h3{margin:0 0 5px}.shopProduct b,.shopProduct small{display:block;margin:4px 0}.shopProduct button{width:100%;border:0;background:#087ce0;color:#fff;padding:10px;border-radius:5px;margin-top:9px}.webCart{max-width:760px;margin:45px auto;background:#f7fafc;border:1px solid #dce5ed;border-radius:10px;padding:22px}.webLine{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid #dce5ed}.webLine small{display:block}.webLine button{border:0;background:none;font-size:22px}.webTotal{display:flex;justify-content:space-between;font-size:22px;padding:16px 0}.webCart form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.webCart input,.webCart textarea{padding:12px;border:1px solid #cbd6df;border-radius:5px}.webCart textarea,.webCart button{grid-column:1/-1}.shopFooter{text-align:center;padding:25px;background:#052f4a;color:#fff}@media(max-width:1100px){.productGrid,.shopGrid{grid-template-columns:repeat(3,1fr)}.posLayout{grid-template-columns:1fr}.checkout{position:static}.sidebar{width:205px}.main{margin-left:205px;width:calc(100% - 205px)}}@media(max-width:760px){.sidebar{width:70px}.brand div,.sidebar nav span{display:none}.brand{padding:9px}.brand img{width:50px}.main{margin-left:70px;width:calc(100% - 70px)}.content{padding:15px}.topbar{padding:0 12px}.topbar input{width:60%}.topright b{display:none}.productGrid,.shopGrid{grid-template-columns:repeat(2,1fr)}.productImg{height:105px}.cartHead{display:none}.cartLine{grid-template-columns:1fr 80px 70px 70px 35px;font-size:12px}.productForm,.stockForm,.ordersGrid,.kpis{grid-template-columns:1fr}.shopHeader nav{display:none}.shopHero{min-height:310px}.shopHero h1{font-size:42px}.benefits{gap:25px}.shopMain{padding:25px 12px}.shopProduct>img,.nop{height:130px}.webCart form{grid-template-columns:1fr}.webCart input,.webCart textarea,.webCart button{grid-column:1}.pageHead{display:block}}

/* ===== HOUTY FISH DELIVERY MODULE ===== */
.notice{padding:12px 15px;border-radius:10px;margin:12px 0}.notice.ok{background:#dcfce7;color:#166534}.notice.bad{background:#fee2e2;color:#991b1b}.deliveryAdminGrid{display:grid;grid-template-columns:360px 1fr;gap:20px}.deliveryPanel{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 20px #0000000b}.deliveryForm{display:grid;gap:10px}.deliveryForm input,.driverAdminActions input,.assignDriverForm select{padding:12px;border:1px solid #dbe3ea;border-radius:10px}.driverAdminCard{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #edf2f7}.driverAdminCard>div:first-child{display:grid;gap:4px}.driverAdminActions{display:flex;gap:8px;align-items:center}.driverAdminActions form{display:flex;gap:6px}.assignedDriver,.deliveryLocked,.deliveryDone{margin-top:12px;padding:12px;border-radius:12px;background:#f0fdf4;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.assignDriverForm{display:flex;gap:8px;margin-top:12px}.assignDriverForm select{flex:1}.clientDriverCard{margin:20px 0;padding:16px;border-radius:16px;background:#ecfdf5;display:flex;gap:14px;align-items:center}.clientDriverCard .driverAvatar{font-size:32px}.clientDriverCard h3{margin:3px 0}.clientDriverCard a{display:inline-block;margin-right:12px}.liveLocation{padding:14px;border-radius:14px;background:#eff6ff;margin:12px 0}.liveLocation.waiting{background:#fff7ed}.reviewBox{margin-top:20px;padding:18px;border-radius:16px;background:#fff}.reviewBox form{display:grid;gap:10px}.ratingRow{display:flex;justify-content:space-between;align-items:center}.ratingRow select,.reviewBox textarea{padding:10px;border:1px solid #dbe3ea;border-radius:10px}.reviewThanks{padding:18px;background:#ecfdf5;border-radius:14px;text-align:center;font-weight:700}.driverPage{background:#f4f7f9;min-height:100vh}.driverLogin{max-width:420px;margin:8vh auto;background:#fff;padding:28px;border-radius:20px;text-align:center}.driverLogin img{width:100px}.driverLogin form{display:grid;gap:12px}.driverLogin input{padding:14px;border:1px solid #dbe3ea;border-radius:10px}.driverHeader{display:flex;align-items:center;gap:12px;background:#fff;padding:12px 18px;box-shadow:0 2px 10px #0001}.driverHeader img{width:52px;height:52px;object-fit:contain}.driverHeader div{display:grid;flex:1}.driverContainer{max-width:720px;margin:20px auto;padding:0 14px}.driverOrderCard,.driverDelivery,.gpsBox{display:grid;gap:8px;background:#fff;padding:18px;border-radius:16px;margin-bottom:14px;text-decoration:none;color:inherit}.driverOrderCard strong{font-size:20px}.driverEmpty{background:#fff;padding:30px;border-radius:16px;text-align:center}.deliveredBtn{width:100%;padding:18px;border:0;border-radius:14px;background:#16a34a;color:#fff;font-size:18px;font-weight:800}.deliveredBtn:disabled{background:#94a3b8}.gpsBox{border:2px solid #f59e0b}.trackingPage{background:#f5f8fa}.trackingHeader{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#fff}.trackingHeader img{width:58px;height:58px;object-fit:contain}.trackingHeader div{display:grid}.trackingContainer{max-width:760px;margin:20px auto;padding:0 14px}.trackingTitle{text-align:center}.trackingOrderCard{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#fff;padding:16px;border-radius:16px}.trackingOrderCard div{display:grid}.trackingTimelineCard{background:#fff;padding:18px;border-radius:16px;margin-top:15px}.trackingStep{display:flex;gap:14px;padding:10px 0}.trackingStepMarker{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e5e7eb}.trackingStep.done .trackingStepMarker{background:#16a34a;color:#fff}.trackingStepBody{display:grid}.trackingStepBody small{color:#64748b}.trackingContact{text-align:center;padding:20px}.trackingButton{display:inline-block;padding:12px 16px;border-radius:10px;background:#16a34a;color:#fff;text-decoration:none;border:0}.houtyFooter{background:#0f172a;color:#fff;margin-top:40px;padding:35px 5% 15px}.houtyFooterInner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footerBrand{display:flex;gap:15px}.footerBrand img{width:80px;height:80px;object-fit:contain}.footerColumn a{color:#fff;text-decoration:none}.footerBottom{border-top:1px solid #ffffff22;margin-top:25px;padding-top:15px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
@media(max-width:800px){.deliveryAdminGrid{grid-template-columns:1fr}.driverAdminCard{flex-direction:column}.driverAdminActions{flex-direction:column;align-items:stretch}.assignDriverForm{flex-direction:column}.trackingOrderCard{grid-template-columns:1fr}.houtyFooterInner{grid-template-columns:1fr}.shopHeader nav{display:none}.shopGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.shopProduct img{height:180px}.webCartRow{grid-template-columns:1fr}.deliveryPanel{padding:14px}}
@media(max-width:480px){.shopGrid{grid-template-columns:1fr}.shopProduct img{height:220px}.trackingContainer{padding:0 10px}.driverContainer{padding:0 10px}}

/* ===== POS FULLSCREEN / LOGO HEADER / EDITABLE PRICE ===== */
body.posFullscreen .sidebar{display:none!important}
body.posFullscreen .main{margin-left:0!important;width:100%!important}
body.posFullscreen .content{padding:18px 24px 28px}
body.posFullscreen .topbar{height:78px;padding:0 24px}
.posTopLogo{display:flex;align-items:center;gap:11px;color:#10243e;text-decoration:none}
.posTopLogo img{width:58px;height:58px;object-fit:contain;border-radius:50%}
.posTopLogo div{display:grid;line-height:1.05}.posTopLogo b{font-size:19px}.posTopLogo small{font-size:11px;margin-top:5px;color:#64748b}
.posLayoutFull{display:block!important}.posLayoutFull .posLeft{width:100%;max-width:none}
body.posFullscreen .productGrid{grid-template-columns:repeat(6,minmax(135px,1fr));gap:14px}
body.posFullscreen .productImg{height:145px}
body.posFullscreen .cartTable{margin-top:18px}
.cartLine .priceInput,.cartLine .qtyInput{width:100%;padding:9px;border:1px solid #d2dbe4;border-radius:5px;background:#fff;color:#10243e;font-weight:700}
.cartLine .priceInput:focus,.cartLine .qtyInput:focus{outline:2px solid #087ce044;border-color:#087ce0}
.posBottomCheckout{position:sticky;bottom:0;z-index:4;margin-top:14px;background:#fff;border:1px solid #dce4ec;border-radius:10px;box-shadow:0 -4px 18px #10243e12;padding:12px 15px;display:flex;align-items:center;justify-content:flex-end;gap:10px}
.posBottomCheckout .checkoutTotal{margin:0 auto 0 0;justify-content:flex-start}.posBottomCheckout .payBtn{min-width:210px}.posBottomCheckout .ghost{min-width:105px}
@media(max-width:1400px){body.posFullscreen .productGrid{grid-template-columns:repeat(5,minmax(135px,1fr))}}
@media(max-width:1050px){body.posFullscreen .productGrid{grid-template-columns:repeat(4,minmax(130px,1fr))}}
@media(max-width:760px){body.posFullscreen .content{padding:10px}.posTopLogo div{display:none}body.posFullscreen .productGrid{grid-template-columns:repeat(2,minmax(0,1fr))}body.posFullscreen .productImg{height:125px}.posBottomCheckout{flex-wrap:wrap}.posBottomCheckout .checkoutTotal{width:100%;margin:0}.posBottomCheckout .payBtn{flex:1;min-width:160px}.posBottomCheckout .ghost{min-width:90px}}