:root{--dark:#020617;--gold:#facc15;--muted:#64748b;--border:#e2e8f0;--green:#16a34a;--red:#dc2626}*{box-sizing:border-box}body{color:#0f172a;background:#f1f5f9;margin:0;font-family:Arial,Helvetica,sans-serif}.header{color:#fff;align-items:flex-end;min-height:320px;padding:20px;display:flex;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important}.header.shop-header{background:linear-gradient(#0000001f,#0000001f),url(/shop-header.png) 50%/cover no-repeat!important}.header.restaurant-header{background:linear-gradient(#0000001f,#0000001f),url(/restaurant-header.jpeg) 50%/cover no-repeat!important}.header .top{background:0 0;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;width:100%;padding:0;animation:1.2s forwards headerFade;display:flex}.header .top>div:first-child,.header .top>div:last-child{background:#020617c7;border-radius:18px;padding:14px 18px}.header .top>div:first-child{flex:1;min-width:300px}.header .top>div:last-child{min-width:170px}.wrap{max-width:1250px;margin:0 auto}.top{flex-wrap:wrap;justify-content:space-between;gap:20px;display:flex}.gold{color:var(--gold);font-weight:700}h1{margin:10px 0;font-size:34px}.meta{color:#e5e7eb;flex-wrap:wrap;gap:8px;margin:10px 0;font-size:14px;display:flex}.meta span{background:#ffffff1f;border-radius:999px;align-items:center;gap:5px;padding:7px 10px;display:inline-flex}.nav{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.header .top>div:last-child{background:#020617c7;border-radius:18px;min-width:170px;padding:14px}.btn{cursor:pointer;border:0;border-radius:14px;padding:11px 15px;font-weight:800}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-dark{color:#fff;background:#020617}.btn-gold{background:var(--gold);color:#111827}.btn-light{color:#111827;background:#e2e8f0}.btn-red{color:#fff;background:#ef4444}.btn-green{color:#fff;background:#16a34a}.layout{grid-template-columns:minmax(0,1fr) 320px;gap:20px;max-width:1400px;margin:0 auto;padding:20px;display:grid}.panel{border:1px solid var(--border);background:#fff;border-radius:24px;padding:20px;box-shadow:0 6px 18px #0f172a0f}.search,.input,.select,textarea{background:#fff;border:1px solid #cbd5e1;border-radius:14px;width:100%;margin-bottom:9px;padding:13px 14px}.admin-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.wide{grid-column:1/-1}.cats{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:18px;margin-top:18px;display:grid}.card{border:1px solid var(--border);background:#fff;border-radius:24px;width:100%;overflow:hidden;box-shadow:0 6px 18px #0f172a0f}.card img{object-fit:cover;background:#e2e8f0;width:100%;height:200px}.card-body{padding:16px}.thumbs{gap:7px;padding:8px 16px 0;display:flex;overflow:auto}.thumbs img{object-fit:cover;border:2px solid #e2e8f0;border-radius:10px;width:52px;height:52px}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.muted{color:var(--muted)}.small{font-size:13px}.price{margin:8px 0;font-size:24px;font-weight:900}.badge{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.ok{color:#166534;background:#dcfce7}.no{color:#991b1b;background:#fee2e2}.new{color:#1d4ed8;background:#dbeafe}.done{color:#166534;background:#dcfce7}.notice{background:#fef3c7;border:1px solid #fde68a;border-radius:16px;margin:12px 0;padding:12px}.cart-item,.order-item{border-bottom:1px solid var(--border);gap:10px;padding:12px 0;display:flex}.cart-item img{object-fit:cover;border-radius:14px;width:58px;height:58px}.qty{align-items:center;gap:8px;margin-top:6px;display:flex}.stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.stat{border:1px solid var(--border);background:#f8fafc;border-radius:18px;padding:15px}.upload-box{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px;padding:14px}.preview-list{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.preview-list img{object-fit:cover;border-radius:12px;width:70px;height:70px}.department-hero{color:#fff;background-color:#0000;background-image:linear-gradient(135deg,#020617eb,#020617b8),url(/Shop2.jpeg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;align-items:center;min-height:100vh;padding:30px 18px;display:flex}.department-overlay{width:100%}.department-subtitle{color:#e5e7eb;max-width:760px;font-size:20px}.department-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-top:28px;display:grid}.department-card{text-align:left;cursor:pointer;color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #ffffff26;border-radius:28px;min-height:240px;padding:30px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 20px 45px #00000040}.department-card:hover{transform:translateY(-4px);box-shadow:0 25px 60px #00000059}.department-card:before{content:"";background:#0206174d;position:absolute;inset:0}.department-card *{z-index:2;position:relative}.department-card{background-image:url(/shop-department.png)}.department-card.restaurant{background-image:url(/restaurant-department.jpeg)}.department-card svg,.department-card h2,.department-card p{display:none}.department-card span{color:#fff;background:#020617c7;border-radius:16px;margin-top:160px;padding:12px 18px;font-size:22px;font-weight:900;display:inline-block}.home-logo{width:320px;max-width:90%;margin:10px 0 20px;display:block}.delivery-ok{color:#166534;background:#dcfce7;border-color:#86efac}.delivery-no{color:#991b1b;background:#fee2e2;border-color:#fecaca}.footer{color:#fff;text-align:center;background:#020617;margin-top:32px;padding:26px}@media (width<=900px){.layout,.admin-grid{grid-template-columns:1fr}h1{font-size:28px}main.layout>section{order:1}main.layout>aside{order:2}.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.department-hero{align-items:flex-start;padding-top:40px}.department-card{padding:22px}.department-card h2{font-size:24px}.department-subtitle{font-size:16px}}@media (width<=768px){.header{min-height:260px;padding:14px}.header .top{flex-direction:column;align-items:stretch}.header .top>div:first-child,.header .top>div:last-child{width:100%;min-width:0}.meta span{border-radius:14px;width:100%}.layout{padding:12px}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.card img{height:140px}.home-logo{width:260px}.department-card span{margin-top:145px;font-size:18px}}@keyframes headerFade{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}