:root{
  --brand:#69be45;
  --brand-950:#163d14;
  --brand-900:#24581f;
  --brand-800:#367d2a;
  --brand-700:#4d9e35;
  --brand-600:#69be45;
  --brand-500:#7ccf59;
  --brand-400:#9ddd7f;
  --brand-300:#bce9a8;
  --brand-200:#d8f2cc;
  --brand-100:#ebf8e5;
  --brand-50:#f8fcf6;

  --accent:#f4a62a;
  --accent-700:#c77600;
  --accent-500:#f4a62a;
  --accent-300:#ffd177;
  --accent-100:#fff3d4;

  --success:#2aa36b;
  --danger:#df4f64;
  --ink:#1d241d;
  --muted:#778177;
  --line:#e2ebdf;
  --surface:#ffffff;
  --surface-soft:#f9fcf8;
  --background:#eef2ef;

  --shadow:0 18px 46px rgba(55,101,42,.13);
  --shadow-sm:0 8px 22px rgba(55,101,42,.09);
  --radius-xl:30px;
  --radius-lg:23px;
  --radius-md:17px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  color:var(--ink);
  background:
    radial-gradient(circle at 8% 5%,rgba(105,190,69,.14),transparent 28rem),
    radial-gradient(circle at 92% 94%,rgba(244,166,42,.10),transparent 24rem),
    linear-gradient(145deg,#edf1ee,#fafcfb);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
img{max-width:100%}

.app-shell{
  width:100%;max-width:480px;min-height:100vh;margin:0 auto;
  position:relative;overflow:hidden;padding-bottom:88px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdfb 100%);
  box-shadow:0 0 68px rgba(31,70,25,.15)
}
.desktop-shell{
  width:min(100%,1320px);min-height:100vh;margin:0 auto;
  background:linear-gradient(180deg,#fbfdfb,#f2f6f1);
  box-shadow:0 0 68px rgba(31,70,25,.13)
}

.topbar{
  position:sticky;top:0;z-index:60;padding:13px 16px;
  background:rgba(255,255,255,.95);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(105,190,69,.09)
}
.brand-row,.page-header{display:flex;align-items:center;gap:12px}
.brand-logo{width:64px;height:64px;object-fit:contain;flex:none}
.brand-title{
  font-size:1.48rem;font-weight:950;line-height:1;
  letter-spacing:-.045em;color:var(--brand-950)
}
.brand-subtitle{font-size:.73rem;color:var(--muted);font-weight:750;margin-top:5px}
.actions{margin-left:auto;display:flex;gap:8px}
.icon-button{
  width:43px;height:43px;border:1px solid var(--line);border-radius:15px;
  display:grid;place-items:center;background:#fff;color:var(--brand-800);
  box-shadow:var(--shadow-sm);cursor:pointer;font-weight:900;transition:.18s ease
}
.icon-button:hover{transform:translateY(-1px);border-color:var(--brand-300)}
.page-header h1{font-size:1.12rem;font-weight:950;margin:0;color:var(--brand-950)}
.page-header .brand-logo{margin-left:auto;width:46px;height:46px}

.location-card,.search-card{
  margin:0 16px 14px;padding:13px 14px;border-radius:20px;
  background:#fff;border:1px solid var(--line);
  box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:11px
}
.location-icon,.round-icon,.stat-icon{
  width:43px;height:43px;border-radius:15px;display:grid;place-items:center;flex:none;
  color:var(--brand-800);background:linear-gradient(145deg,var(--brand-100),#fff);
  border:1px solid var(--brand-200);font-weight:950
}
.search-card input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--ink)}

.hero{margin:0 16px 20px;border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}
.hero img{width:100%;display:block}
.section{padding:0 16px 23px}
.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:13px}
.section-head h2{
  font-size:1.08rem;font-weight:950;margin:0;color:var(--brand-950);
  letter-spacing:-.02em
}
.section-head a,.section-head span{font-size:.76rem;font-weight:900;color:var(--brand-700)}
.scroller{display:flex;gap:12px;overflow-x:auto;padding:3px 1px 7px;scrollbar-width:none}
.scroller::-webkit-scrollbar{display:none}

.category-card{
  min-width:103px;padding:10px;text-align:center;border-radius:22px;
  background:linear-gradient(180deg,#fff,var(--brand-50));
  border:1px solid var(--brand-100);box-shadow:var(--shadow-sm)
}
.category-card img{width:79px;height:79px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 5px 16px rgba(48,105,37,.12)}
.category-card b{display:block;margin-top:8px;font-size:.77rem;color:var(--brand-950)}
.promo-card{min-width:222px;overflow:hidden;border-radius:24px;box-shadow:var(--shadow-sm);border:1px solid var(--brand-100)}
.promo-card img{display:block;width:100%;height:145px;object-fit:cover}

.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.product-card{
  overflow:hidden;border-radius:24px;background:#fff;border:1px solid var(--line);
  box-shadow:var(--shadow-sm);transition:.2s ease
}
.product-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.product-media{position:relative;aspect-ratio:1/1;background:var(--brand-50)}
.product-media img{width:100%;height:100%;object-fit:cover}
.discount{
  position:absolute;top:9px;left:9px;padding:6px 9px;border-radius:999px;
  background:var(--accent);color:#3f2600;font-size:.63rem;font-weight:950
}
.heart{
  position:absolute;top:9px;right:9px;width:34px;height:34px;border:0;border-radius:50%;
  background:rgba(255,255,255,.95);color:var(--accent-700);
  box-shadow:0 4px 12px rgba(0,0,0,.10)
}
.product-body{padding:12px}
.product-name{font-size:.9rem;font-weight:950;line-height:1.25;color:var(--brand-950)}
.product-meta{font-size:.69rem;color:var(--muted);margin-top:3px}
.price-row{display:flex;align-items:center;justify-content:space-between;margin-top:10px}
.price{font-weight:950;color:var(--brand-700)}
.add-button{
  width:36px;height:36px;border:0;border-radius:12px;color:#fff;font-size:1.2rem;
  background:linear-gradient(135deg,var(--brand-800),var(--brand-500));
  box-shadow:0 8px 18px rgba(105,190,69,.24)
}

.bottom-nav{
  position:fixed;left:50%;bottom:0;transform:translateX(-50%);
  width:100%;max-width:480px;height:79px;z-index:80;
  background:rgba(255,255,255,.97);backdrop-filter:blur(18px);
  border-top:1px solid var(--line);box-shadow:0 -12px 30px rgba(55,101,42,.09);
  display:grid;grid-template-columns:repeat(5,1fr)
}
.bottom-nav a{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  color:#90998d;font-size:.64rem;font-weight:800
}
.bottom-nav a.active{color:var(--brand-700)}
.bottom-nav a.active .nav-icon{
  width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;
  background:linear-gradient(135deg,var(--brand-800),var(--brand-500));
  box-shadow:0 8px 18px rgba(105,190,69,.24)
}
.nav-icon{font-size:1.15rem}

.panel{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:18px;box-shadow:var(--shadow-sm)
}
.gradient-panel{
  position:relative;overflow:hidden;border-radius:28px;padding:22px;color:#fff;
  background:
    radial-gradient(circle at 88% 15%,rgba(244,166,42,.25),transparent 24%),
    linear-gradient(135deg,var(--brand-950),var(--brand-700) 62%,var(--brand-500));
  box-shadow:var(--shadow)
}
.gradient-panel:after{
  content:"";position:absolute;width:155px;height:155px;border-radius:50%;
  right:-42px;bottom:-70px;background:rgba(255,255,255,.07)
}

.form-control{
  width:100%;min-height:50px;padding:13px 14px;border-radius:17px;
  border:1.5px solid #dde8d9;background:var(--surface-soft);color:var(--ink);outline:none
}
.form-control::placeholder{color:#929b90}
.form-control:focus{
  background:#fff;border-color:var(--brand-400);
  box-shadow:0 0 0 4px rgba(105,190,69,.11)
}
.primary-button,.secondary-button{
  width:100%;min-height:50px;border-radius:17px;padding:13px 18px;font-weight:950;cursor:pointer
}
.primary-button{
  border:0;color:#fff;background:linear-gradient(135deg,var(--brand-800),var(--brand-500));
  box-shadow:0 11px 25px rgba(105,190,69,.24)
}
.secondary-button{border:1px solid var(--line);background:#fff;color:var(--brand-800)}

.auth-page{
  min-height:100vh;padding:24px 16px;display:grid;place-items:center;
  background:
    radial-gradient(circle at 83% 7%,rgba(105,190,69,.18),transparent 30%),
    radial-gradient(circle at 8% 92%,rgba(244,166,42,.12),transparent 25%),
    linear-gradient(160deg,#eff8eb,#fff 57%,#fffaf1)
}
.auth-box{width:min(100%,420px)}
.auth-box .panel{
  padding:22px;border-radius:28px;background:rgba(255,255,255,.98);
  box-shadow:0 24px 65px rgba(55,101,42,.15)
}
.auth-logo{display:block;width:222px;height:168px;object-fit:contain;margin:0 auto 2px}
.auth-title{
  text-align:center;font-size:2rem;font-weight:950;letter-spacing:-.045em;
  margin:4px 0 7px;color:var(--brand-950)
}
.auth-copy{text-align:center;color:var(--muted);font-size:.91rem;margin-bottom:20px}
.input-row{position:relative;margin-bottom:12px}
.input-row span{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--brand-700)}
.input-row .form-control{padding-left:43px}
.demo-box{margin-top:14px;padding:11px;border-radius:15px;background:var(--brand-50);border:1px dashed var(--brand-300);font-size:.76rem}
.otp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.otp-grid input{text-align:center;font-size:1.45rem;font-weight:950}

.list-item,.cart-item{
  background:#fff;border:1px solid var(--line);border-radius:22px;
  padding:13px;box-shadow:var(--shadow-sm);margin-bottom:12px
}
.list-item{display:flex;gap:12px;align-items:center}
.list-image{width:76px;height:76px;border-radius:17px;object-fit:cover;flex:none}
.status{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:.65rem;font-weight:950}
.status-purple{background:var(--brand-100);color:var(--brand-800)}
.status-green{background:#dcf7ea;color:#08704a}
.status-orange{background:var(--accent-100);color:#8a5a00}
.status-red{background:#fde1e7;color:#a81f3a}
.cart-item{display:flex;gap:12px}
.cart-item img{width:82px;height:82px;border-radius:17px;object-fit:cover}
.qty-control{display:inline-flex;align-items:center;gap:11px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:var(--brand-50)}
.qty-control button{border:0;background:transparent;color:var(--brand-800);font-weight:950}
.summary-row{display:flex;justify-content:space-between;padding:7px 0}

.empty-state{text-align:center;padding:42px 18px}
.empty-icon{
  width:94px;height:94px;margin:0 auto 16px;border-radius:30px;
  display:grid;place-items:center;font-size:2.5rem;color:var(--brand-800);
  background:linear-gradient(135deg,var(--brand-100),#fff)
}

.map-preview{
  height:190px;border-radius:23px;position:relative;overflow:hidden;
  background:linear-gradient(135deg,#eaf0e7,#fbfdfb)
}
.map-preview:before{
  content:"";position:absolute;inset:0;
  background-image:
    linear-gradient(30deg,transparent 48%,#dbe5d7 49%,#dbe5d7 51%,transparent 52%),
    linear-gradient(-30deg,transparent 48%,#dbe5d7 49%,#dbe5d7 51%,transparent 52%);
  background-size:65px 65px
}
.map-pin{
  position:absolute;left:52%;top:42%;width:44px;height:44px;border-radius:50% 50% 50% 0;
  background:var(--brand-700);transform:rotate(-45deg);box-shadow:var(--shadow)
}
.map-pin:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;left:15px;top:15px}

.dashboard-header{
  padding:24px 28px;color:#fff;display:flex;align-items:center;gap:15px;
  background:
    radial-gradient(circle at 90% 20%,rgba(244,166,42,.26),transparent 25%),
    linear-gradient(135deg,var(--brand-950),var(--brand-700) 68%,var(--brand-500))
}
.dashboard-logo{width:72px;height:72px;object-fit:contain;background:#fff;border-radius:20px;padding:3px}
.dashboard-title{font-size:1.56rem;font-weight:950}
.dashboard-subtitle{opacity:.82}
.dashboard-main{padding:22px}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.stat-card{background:#fff;border-radius:22px;padding:17px;border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.stat-value{font-size:1.34rem;font-weight:950;margin-top:11px;color:var(--brand-950)}
.stat-label{font-size:.74rem;color:var(--muted)}
.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.quick-card{padding:15px;text-align:center;border-radius:18px;background:linear-gradient(180deg,#fff,var(--brand-50));border:1px solid var(--line)}
.quick-icon{font-size:1.45rem;color:var(--brand-700);margin-bottom:7px}
.table-wrap{overflow:auto}
.data-table{width:100%;min-width:760px;border-collapse:collapse}
.data-table th,.data-table td{padding:13px;border-bottom:1px solid var(--line);text-align:left}
.data-table th{font-size:.69rem;text-transform:uppercase;color:var(--muted)}
.media-preview{min-height:165px;border-radius:20px;background:var(--brand-950);color:#fff;display:grid;place-items:center;overflow:hidden}
.media-preview img,.media-preview video{width:100%;max-height:320px;object-fit:cover}
dialog::backdrop{background:rgba(22,61,20,.52);backdrop-filter:blur(5px)}

@media(max-width:800px){
  .stats-grid,.quick-grid{grid-template-columns:1fr 1fr}
  .dashboard-main{padding:14px}
  .dashboard-header{padding:18px}
}
@media(max-width:480px){
  .auth-page{padding:18px 14px;align-items:start}
  .auth-logo{width:195px;height:145px}
  .auth-title{font-size:1.75rem}
  .auth-box .panel{padding:18px}
}
@media(max-width:360px){
  .grid-2{gap:10px}
  .section{padding-left:12px;padding-right:12px}
  .product-body{padding:10px}
  .brand-title{font-size:1.3rem}
}

.bottom-nav{height:86px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));gap:3px}
.bottom-nav a{border-radius:18px;transition:.18s ease}
.bottom-nav a.active{background:linear-gradient(180deg,var(--brand-100),rgba(255,255,255,.2));color:var(--brand-800)}
.nav-icon{width:36px;height:36px;border-radius:13px;display:grid;place-items:center;font-size:1.3rem;background:#f5f8f3;border:1px solid var(--line)}
.bottom-nav a.active .nav-icon{width:42px;height:42px;border-radius:15px}
.product-clickable{cursor:pointer}.product-clickable:active{transform:scale(.985)}
.cart-badge{position:absolute;top:-6px;right:-7px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:var(--accent);color:#332000;font-size:.62rem;font-weight:950}.nav-with-badge{position:relative}
.detail-hero{position:relative;min-height:350px;display:grid;place-items:center;background:linear-gradient(145deg,var(--brand-100),#fff)}
.detail-hero img{width:100%;height:350px;object-fit:contain;padding:34px}.detail-back{position:absolute;left:16px;top:16px}.detail-heart{position:absolute;right:16px;top:16px}
.detail-sheet{position:relative;margin-top:-30px;background:#fff;border-radius:32px 32px 0 0;padding:25px 18px 125px;min-height:500px;box-shadow:0 -12px 34px rgba(42,83,30,.08)}
.detail-title-row{display:flex;justify-content:space-between;gap:14px}.detail-title-row h1{font-size:1.7rem;font-weight:950;margin:0;color:var(--brand-950)}.detail-price{font-size:1.25rem}.detail-description{color:var(--muted);line-height:1.65}
.size-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.size-option{min-height:52px;border-radius:16px;border:1.5px solid var(--line);background:#fff;font-weight:850}.size-option.selected{border-color:var(--brand-500);background:var(--brand-100);color:var(--brand-900)}
.detail-quantity-row{margin:20px 0;padding:15px;border:1px solid var(--line);border-radius:20px;display:flex;align-items:center;justify-content:space-between}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.related-card{border:1px solid var(--line);border-radius:18px;padding:9px;background:#fff;box-shadow:var(--shadow-sm);text-align:center}.related-card img{width:100%;aspect-ratio:1/1;object-fit:contain}.related-card b,.related-card span{display:block;font-size:.72rem}.related-card span{color:var(--brand-700);font-weight:900}
.detail-bottom-bar{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:480px;z-index:90;background:rgba(255,255,255,.97);padding:12px 16px calc(12px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1.65fr;gap:14px;align-items:center;border-top:1px solid var(--line)}
.cart-item-top,.cart-item-bottom,.order-id-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.cart-item-bottom{margin-top:10px}.cart-remove{border:0;background:#fff0f0;color:#d03445;width:34px;height:34px;border-radius:12px}.edit-item-button{margin-top:9px;border:0;background:transparent;color:var(--brand-700);font-weight:850;padding:0}
.order-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:14px;box-shadow:var(--shadow-sm);margin-bottom:13px}.order-card-head{display:flex;gap:12px}.order-total{font-weight:950;color:var(--brand-700);margin-top:7px}.order-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:13px}.compact-action{width:auto!important;min-height:38px!important;padding:8px 12px!important;border-radius:12px!important}


/* v22 order-flow polish */
.promo-row{
  display:grid;
  grid-template-columns:1fr auto;
  gap:9px;
  margin:14px 0;
}
.promo-row .form-control{min-width:0}
.promo-row .primary-button{width:auto;min-width:90px}
.promo-info{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:15px;
  background:var(--brand-50);
  border:1px dashed var(--brand-300);
  margin-bottom:12px;
}
.text-button{
  border:0;
  background:transparent;
  color:var(--danger);
  font-weight:850;
}
.payment-option{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px;
  border:1.5px solid var(--line);
  border-radius:18px;
  margin-bottom:10px;
  cursor:pointer;
  background:#fff;
}
.payment-option.selected{
  border-color:var(--brand-500);
  background:var(--brand-50);
  box-shadow:0 0 0 3px rgba(105,190,69,.09);
}
.payment-radio{
  width:20px;height:20px;border-radius:50%;
  border:2px solid var(--brand-300);
  margin-left:auto;
  position:relative;
}
.payment-option.selected .payment-radio:after{
  content:"";position:absolute;inset:3px;border-radius:50%;background:var(--brand-600)
}
.checkout-steps{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  margin-bottom:18px;
}
.checkout-step{
  text-align:center;
  color:var(--muted);
  font-size:.7rem;
  font-weight:850;
}
.checkout-step span{
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  margin:0 auto 5px;background:#f1f4ef;border:1px solid var(--line)
}
.checkout-step.done{color:var(--brand-800)}
.checkout-step.done span{color:#fff;background:var(--brand-600)}
.tracking-hero{position:relative}
.tracking-floating-card{
  margin:-30px 16px 18px;
  position:relative;
  z-index:3;
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  padding:15px;
  box-shadow:var(--shadow)
}
.tracking-panel{margin:0 16px 24px}
.timeline-list{position:relative;margin:15px 0 22px}
.timeline-item{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:11px;
  align-items:center;
  position:relative;
  padding-bottom:20px;
  color:var(--muted)
}
.timeline-item:not(:last-child):before{
  content:"";
  position:absolute;
  left:19px;
  top:38px;
  width:3px;
  height:calc(100% - 24px);
  background:var(--line);
  border-radius:999px;
}
.timeline-dot{
  width:40px;height:40px;border-radius:50%;
  display:grid;place-items:center;
  background:#f2f4f0;border:2px solid var(--line);
  font-weight:950
}
.timeline-item.done{color:var(--ink)}
.timeline-item.done .timeline-dot{background:var(--brand-600);border-color:var(--brand-600);color:#fff}
.timeline-item.done:not(:last-child):before{background:var(--brand-300)}
.rider-order-card{
  background:#fff;border:1px solid var(--line);
  border-radius:24px;padding:15px;
  box-shadow:var(--shadow-sm);margin-bottom:14px
}
.rider-action-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px
}
.order-filter-row .primary-button,.order-filter-row .secondary-button{
  width:auto;min-width:100px;min-height:42px;padding:8px 14px
}


/* v23 inventory and vendor management */
.inventory-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.inventory-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  overflow:hidden;
  box-shadow:var(--shadow-sm);
}
.inventory-media{
  position:relative;
  height:160px;
  background:linear-gradient(145deg,var(--brand-50),#fff);
  display:grid;
  place-items:center;
}
.inventory-media img{width:100%;height:100%;object-fit:contain;padding:18px}
.stock-warning,.stock-ok{
  position:absolute;
  left:10px;
  top:10px;
  padding:6px 9px;
  border-radius:999px;
  font-size:.64rem;
  font-weight:950;
}
.stock-warning{background:#fde1e7;color:#a81f3a}
.stock-ok{background:#dcf7ea;color:#08704a}
.inventory-body{padding:14px}
.inventory-title-row{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.inventory-metrics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin:14px 0;
}
.inventory-metrics div{
  background:var(--brand-50);
  border:1px solid var(--brand-100);
  border-radius:14px;
  padding:9px;
}
.inventory-metrics small,.inventory-metrics strong{display:block}
.inventory-metrics small{color:var(--muted);font-size:.62rem}
.inventory-metrics strong{margin-top:3px;font-size:.83rem;color:var(--brand-900)}
.inventory-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.inventory-actions button{min-height:41px;padding:8px 10px}
.switch{position:relative;width:46px;height:27px;flex:none}
.switch input{opacity:0;width:0;height:0}
.switch span{
  position:absolute;inset:0;border-radius:999px;background:#d9dfd7;transition:.2s;
}
.switch span:before{
  content:"";position:absolute;width:21px;height:21px;left:3px;top:3px;
  border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.18);transition:.2s;
}
.switch input:checked + span{background:var(--brand-600)}
.switch input:checked + span:before{transform:translateX(19px)}
.table-product{display:flex;align-items:center;gap:10px}
.table-product img{width:48px;height:48px;object-fit:contain;border-radius:12px;background:var(--brand-50)}
.vendor-product-row{
  display:flex;
  align-items:center;
  gap:12px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:12px;
  margin-bottom:10px;
}
.vendor-product-row img{width:58px;height:58px;object-fit:contain}
.vendor-price{font-weight:950;color:var(--brand-700)}
.out-of-stock{opacity:.66}
.out-of-stock .product-media img{filter:grayscale(.6)}
.admin-form-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.purchase-order-grid{
  display:grid;
  grid-template-columns:2fr 2fr 1fr auto;
  gap:10px;
  align-items:end;
}
.purchase-order-grid .primary-button{width:auto;min-width:135px}
@media(max-width:850px){
  .admin-form-grid{grid-template-columns:1fr 1fr}
  .purchase-order-grid{grid-template-columns:1fr 1fr}
  .purchase-order-grid .primary-button{width:100%}
}
@media(max-width:520px){
  .inventory-grid{grid-template-columns:1fr}
  .admin-form-grid,.purchase-order-grid{grid-template-columns:1fr}
}


/* v24 smart admin dashboard */
.smart-admin-body{background:#f5f8f6;color:#18231a}
.smart-admin{
  min-height:100vh;
  display:grid;
  grid-template-columns:252px minmax(0,1fr);
  background:#f5f8f6;
}
.admin-sidebar{
  position:sticky;top:0;height:100vh;
  background:linear-gradient(180deg,#053f31,#075241 62%,#064536);
  color:#fff;padding:16px 14px;display:flex;flex-direction:column;
  box-shadow:10px 0 34px rgba(0,47,35,.13);z-index:100
}
.admin-brand{
  display:flex;align-items:center;gap:12px;padding:2px 4px 18px;
  border-bottom:1px solid rgba(255,255,255,.11)
}
.admin-brand img{width:56px;height:56px;object-fit:contain;background:#fff;border-radius:14px;padding:3px}
.admin-brand h1{margin:0;font-size:1.38rem;letter-spacing:.02em}
.admin-brand span{font-size:.77rem;opacity:.8}
.admin-profile{display:flex;align-items:center;gap:10px;padding:18px 4px 13px}
.admin-avatar{
  width:48px;height:48px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(145deg,#fff,#dff4e7);color:#064536;font-size:1.5rem
}
.admin-profile b,.admin-profile small{display:block}
.admin-profile small{opacity:.72;margin-top:2px}
.online-dot{display:inline-block;width:8px;height:8px;background:#15d36c;border-radius:50%;margin-right:5px}
.admin-menu-search{
  position:relative;margin:7px 4px 12px
}
.admin-menu-search input{
  width:100%;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.20);
  background:rgba(255,255,255,.06);color:#fff;padding:0 38px 0 12px;outline:0
}
.admin-menu-search input::placeholder{color:rgba(255,255,255,.65)}
.admin-menu-search span{position:absolute;right:12px;top:10px}
.admin-nav{display:flex;flex-direction:column;gap:4px;overflow:auto;padding-right:2px}
.admin-nav-link{
  min-height:41px;display:flex;align-items:center;gap:11px;padding:9px 12px;
  border-radius:10px;color:#fff;font-size:.88rem;font-weight:760;transition:.18s
}
.admin-nav-link:hover{background:rgba(255,255,255,.09)}
.admin-nav-link.active{background:linear-gradient(90deg,#18a849,#149442);box-shadow:0 8px 18px rgba(0,0,0,.15)}
.admin-nav-icon{width:22px;text-align:center;font-size:1.08rem}
.admin-nav-badge{margin-left:auto;background:#11b954;color:#fff;border-radius:999px;padding:2px 7px;font-size:.66rem}
.admin-sidebar-footer{margin-top:auto;padding-top:12px}
.admin-logout{
  width:100%;height:45px;border:1px solid rgba(255,255,255,.18);
  color:#fff;background:rgba(255,255,255,.04);border-radius:11px;
  display:flex;align-items:center;gap:10px;padding:0 14px;font-weight:850
}

.admin-main{min-width:0}
.admin-topbar{
  height:62px;display:flex;align-items:center;gap:16px;padding:0 22px;
  background:rgba(255,255,255,.96);border-bottom:1px solid #e5ebe6;
  position:sticky;top:0;z-index:80
}
.admin-hamburger{border:0;background:transparent;font-size:1.35rem;cursor:pointer}
.admin-global-search{
  flex:1;max-width:420px;position:relative
}
.admin-global-search input{
  width:100%;height:40px;border:1px solid #dce4de;border-radius:10px;
  padding:0 42px;background:#fff
}
.admin-global-search span{position:absolute;left:14px;top:10px;color:#718074}
.admin-global-search input{padding-left:40px}
.admin-top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}
.top-action{
  width:38px;height:38px;border:0;border-radius:11px;background:#fff;
  display:grid;place-items:center;box-shadow:0 2px 10px rgba(21,60,32,.06);cursor:pointer
}
.admin-date{
  height:40px;border:1px solid #dce4de;border-radius:10px;background:#fff;
  padding:0 13px;font-weight:750;color:#26352a
}
.admin-user-chip{display:flex;align-items:center;gap:8px}
.admin-user-chip .mini-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e9f6ec}
.admin-user-chip small{display:block;color:#7e8980;font-size:.65rem}

.admin-content{padding:18px 20px 22px}
.admin-page-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px}
.admin-page-title h2{font-size:1.55rem;margin:0}
.admin-page-title p{margin:4px 0 0;color:#728077}

.admin-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:12px}
.smart-kpi{
  background:#fff;border:1px solid #e4ebe5;border-radius:13px;padding:13px;
  display:flex;gap:11px;align-items:center;min-width:0;box-shadow:0 5px 18px rgba(41,75,49,.04)
}
.smart-kpi-icon{
  width:50px;height:50px;border-radius:12px;display:grid;place-items:center;
  font-size:1.5rem;flex:none
}
.smart-kpi.green .smart-kpi-icon{background:#dff6e7;color:#159447}
.smart-kpi.purple .smart-kpi-icon{background:#eee5ff;color:#6c3cff}
.smart-kpi.orange .smart-kpi-icon{background:#fff0dd;color:#ff7b00}
.smart-kpi.blue .smart-kpi-icon{background:#e1efff;color:#0c69ff}
.smart-kpi.pink .smart-kpi-icon{background:#ffe1ea;color:#ff2e6f}
.smart-kpi b{display:block;font-size:.78rem;color:#263229}
.smart-kpi strong{font-size:1.15rem;display:block;margin-top:3px}
.smart-kpi small{font-size:.64rem;color:#788379}
.kpi-up{color:#159447!important}
.kpi-dot{display:inline-block;width:7px;height:7px;background:#16a34a;border-radius:50%;margin-right:4px}

.admin-dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:13px;margin-top:13px}
.smart-panel{
  background:#fff;border:1px solid #e2e9e3;border-radius:14px;
  padding:14px;box-shadow:0 6px 22px rgba(30,68,40,.035);min-width:0
}
.smart-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.smart-panel-head h3{margin:0;font-size:1rem}
.chart-tabs{display:flex;gap:6px}
.chart-tab{
  border:1px solid #dfe6e0;background:#fff;color:#566158;border-radius:8px;
  padding:6px 12px;font-size:.74rem;font-weight:800
}
.chart-tab.active{background:#08733d;color:#fff;border-color:#08733d}
.chart-legend{display:flex;gap:22px;font-size:.75rem;margin:4px 0 7px;color:#56645a}
.legend-line{display:inline-block;width:21px;height:3px;border-radius:99px;margin-right:6px;vertical-align:middle}
.legend-sales{background:#159447}.legend-profit{background:#1769ff}
.chart-wrap{height:250px}
.chart-wrap canvas{width:100%;height:100%}

.smart-table{width:100%;border-collapse:collapse;font-size:.78rem}
.smart-table th,.smart-table td{padding:9px;border-bottom:1px solid #edf1ed;text-align:left}
.smart-table th{color:#69756c;font-size:.7rem}
.product-emoji{font-size:1.25rem}

.admin-lower-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:13px;margin-top:13px}
.smart-list-row{
  display:grid;grid-template-columns:34px 1fr auto auto auto;gap:8px;
  align-items:center;padding:8px 0;border-bottom:1px solid #edf1ed;font-size:.73rem
}
.smart-list-row:last-child{border-bottom:0}
.smart-list-icon{
  width:31px;height:31px;border-radius:50%;display:grid;place-items:center;
  background:#eaf7ed;color:#149447
}
.smart-list-main b,.smart-list-main small{display:block}
.smart-list-main small{color:#778278;margin-top:2px}
.smart-list-row strong{white-space:nowrap}
.smart-list-row time{color:#728075;white-space:nowrap}
.smart-status{padding:3px 7px;border-radius:999px;font-size:.62rem;font-weight:850;white-space:nowrap}
.smart-status.delivered{background:#e1f8e7;color:#0d8f43}
.smart-status.confirmed,.smart-status.pending-confirmation{background:#fff0d9;color:#e97700}
.smart-status.on-the-way,.smart-status.assigned-to-rider{background:#e3efff;color:#0866e8}
.smart-status.cancelled,.smart-status.critical{background:#ffe3e7;color:#d32f4d}
.smart-status.low{background:#fff0f1;color:#ff3152}
.stock-row{grid-template-columns:34px 1fr auto}
.activity-row{grid-template-columns:34px 1fr auto}

.admin-summary-strip{
  margin-top:13px;background:#fff;border:1px solid #e2e9e3;border-radius:14px;
  display:grid;grid-template-columns:repeat(6,1fr);overflow:hidden
}
.summary-mini{padding:14px;border-right:1px solid #edf1ed}
.summary-mini:last-child{border-right:0}
.summary-mini small{display:block;color:#677369}
.summary-mini strong{display:block;font-size:1rem;margin:7px 0}
.summary-mini em{font-size:.65rem;color:#159447;font-style:normal}
.mini-spark{height:25px;background:linear-gradient(180deg,transparent,#e8f8ed);clip-path:polygon(0 80%,15% 73%,30% 78%,45% 48%,60% 62%,75% 25%,90% 40%,100% 5%,100% 100%,0 100%)}

.admin-sidebar-collapsed .smart-admin{grid-template-columns:78px minmax(0,1fr)}
.admin-sidebar-collapsed .admin-brand h1,
.admin-sidebar-collapsed .admin-brand span,
.admin-sidebar-collapsed .admin-profile div,
.admin-sidebar-collapsed .admin-menu-search,
.admin-sidebar-collapsed .admin-nav-link span:not(.admin-nav-icon),
.admin-sidebar-collapsed .admin-nav-badge,
.admin-sidebar-collapsed .admin-logout span{display:none}
.admin-sidebar-collapsed .admin-brand{justify-content:center}
.admin-sidebar-collapsed .admin-brand img{width:48px;height:48px}
.admin-sidebar-collapsed .admin-profile{justify-content:center}
.admin-sidebar-collapsed .admin-nav-link{justify-content:center;padding:9px}
.admin-sidebar-collapsed .admin-nav-icon{font-size:1.2rem}

.admin-dark .admin-main,.admin-dark .admin-content{background:#111916;color:#eef7f0}
.admin-dark .admin-topbar,.admin-dark .smart-panel,.admin-dark .smart-kpi,.admin-dark .admin-summary-strip{background:#18221d;border-color:#2a3830}
.admin-dark .smart-table th,.admin-dark .smart-table td,.admin-dark .smart-list-row{border-color:#2b3931}
.admin-dark .admin-global-search input,.admin-dark .admin-date{background:#1e2a23;color:#fff;border-color:#36463c}
.admin-dark .admin-page-title p,.admin-dark .smart-kpi small,.admin-dark .smart-list-row time{color:#aab5ad}
.admin-dark .chart-tab{background:#1f2b24;border-color:#35463b;color:#cad5cd}

@media(max-width:1250px){
  .admin-kpi-grid{grid-template-columns:repeat(3,1fr)}
  .admin-summary-strip{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:980px){
  .smart-admin{grid-template-columns:78px minmax(0,1fr)}
  .admin-brand h1,.admin-brand span,.admin-profile div,.admin-menu-search,.admin-nav-link span:not(.admin-nav-icon),.admin-nav-badge,.admin-logout span{display:none}
  .admin-brand,.admin-profile,.admin-nav-link{justify-content:center}
  .admin-dashboard-grid,.admin-lower-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .smart-admin{display:block}
  .admin-sidebar{position:fixed;left:-270px;width:252px;transition:.2s}
  .admin-sidebar-collapsed .admin-sidebar{left:0}
  .admin-topbar{padding:0 10px}
  .admin-date,.admin-user-chip div{display:none}
  .admin-content{padding:12px}
  .admin-kpi-grid{grid-template-columns:1fr 1fr}
  .admin-summary-strip{grid-template-columns:1fr 1fr}
}


/* v25 cloud and backup */
.cloud-mode{font-size:.72rem;font-weight:850;padding:7px 10px;border-radius:999px;white-space:nowrap}
.cloud-mode.local{background:#fff0d9;color:#b86600}
.cloud-mode.cloud{background:#dcf7e8;color:#08704a}
.cloud-kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.cloud-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:14px;margin-top:14px}
.cloud-copy{color:#667269;line-height:1.65}
.code-box{background:#102119;color:#dff7e8;border-radius:14px;padding:14px;overflow:auto;margin:12px 0}
.code-box pre{margin:0;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}
.upload-backup{display:block;text-align:center;margin-top:9px;cursor:pointer}
.upload-backup input{display:none}
.cloud-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
.cloud-module{border:1px solid var(--line);border-radius:16px;padding:14px;background:linear-gradient(180deg,#fff,var(--brand-50))}
.cloud-module span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#dcf7e8;color:#08704a;font-weight:950;margin-bottom:8px}
.cloud-module b,.cloud-module small{display:block}
.cloud-module small{color:var(--muted);margin-top:4px}
@media(max-width:900px){
  .cloud-kpi-grid,.cloud-module-grid{grid-template-columns:1fr 1fr}
  .cloud-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .cloud-kpi-grid,.cloud-module-grid{grid-template-columns:1fr}
}


/* v26 complete polish */
.active-heart{color:#e62958!important;background:#ffe7ed!important}
.inline-button{display:inline-block;width:auto;text-align:center;margin-top:12px}
.review-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px;margin-bottom:12px;box-shadow:var(--shadow-sm)}
.review-head{display:flex;align-items:center;gap:10px}.review-stars{color:#f5a400;letter-spacing:2px;margin-top:3px}.review-card p{line-height:1.55;color:#4c5a50}
.rating-input{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:5px}
.rating-input input{display:none}.rating-input label{font-size:2rem;color:#dce3dc;cursor:pointer}
.rating-input input:checked~label,.rating-input label:hover,.rating-input label:hover~label{color:#f5a400}
.loyalty-hero{background:linear-gradient(135deg,#08733d,#5abb46);color:#fff;border-radius:25px;padding:20px;position:relative;overflow:hidden}
.loyalty-hero:after{content:"★";position:absolute;right:20px;top:5px;font-size:7rem;opacity:.10}
.loyalty-points{font-size:2rem;font-weight:950}.profile-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}
.profile-stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px}.profile-stat small,.profile-stat strong{display:block}.profile-stat small{color:var(--muted)}.profile-stat strong{margin-top:5px;font-size:1.05rem;color:var(--brand-800)}
.rider-hero-v26{background:linear-gradient(135deg,#064536,#17954a);color:#fff;border-radius:25px;padding:20px}
.rider-status-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.rider-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}
.rider-stat{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:13px}.rider-stat small,.rider-stat strong{display:block}.rider-stat strong{font-size:1.12rem;margin-top:5px}
.analytics-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.analytics-kpi{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow-sm)}.analytics-kpi small,.analytics-kpi strong{display:block}.analytics-kpi small{color:var(--muted)}.analytics-kpi strong{margin-top:7px;font-size:1.2rem;color:var(--brand-800)}
.report-filter{display:flex;gap:8px;flex-wrap:wrap}.report-filter button{width:auto;min-height:39px;padding:8px 13px}
@media(max-width:850px){.analytics-kpi-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.analytics-kpi-grid,.profile-stat-grid,.rider-stat-grid{grid-template-columns:1fr}}


/* v27 commercial features */
.wallet-hero-v27{
  background:linear-gradient(135deg,#064536,#159447);
  color:#fff;border-radius:26px;padding:22px;position:relative;overflow:hidden
}
.wallet-hero-v27:after{content:"₨";position:absolute;right:18px;top:-15px;font-size:8rem;opacity:.09;font-weight:950}
.wallet-balance-v27{font-size:2.3rem;font-weight:950;margin:8px 0}
.wallet-actions-v27{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.wallet-transaction,.payment-method-card,.commercial-order-row{
  display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);
  border-radius:18px;padding:13px;margin-bottom:10px
}
.wallet-credit{color:#159447}.wallet-debit{color:#d43d54}
.commercial-order-row{justify-content:space-between}.commercial-actions{display:flex;gap:8px}
.invoice-page{background:#edf3ee;padding:28px}
.invoice-sheet{max-width:820px;margin:auto;background:#fff;padding:38px;border-radius:22px;box-shadow:0 22px 60px rgba(29,74,42,.13)}
.invoice-head{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid #e7eee8;padding-bottom:20px}
.invoice-head img{width:95px;height:70px;object-fit:contain}.invoice-head h1{margin:0;color:#064536}.invoice-head p{margin:4px 0;color:var(--muted)}
.invoice-meta{text-align:right;display:flex;flex-direction:column;gap:5px}.invoice-meta b{font-size:1.25rem;color:#159447}.invoice-meta span{font-size:.78rem;color:var(--muted)}
.invoice-address-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.invoice-address-grid div{background:var(--brand-50);padding:14px;border-radius:14px}.invoice-address-grid small,.invoice-address-grid b{display:block}.invoice-address-grid small{color:var(--muted);margin-bottom:5px}
.invoice-table{width:100%;border-collapse:collapse}.invoice-table th,.invoice-table td{padding:12px;border-bottom:1px solid #edf1ed;text-align:left}.invoice-table th{background:#f7faf7;color:#607064}
.invoice-totals{width:min(100%,340px);margin:22px 0 0 auto}.invoice-totals div{display:flex;justify-content:space-between;padding:8px 0}.invoice-totals .grand-total{font-size:1.2rem;border-top:2px solid #dce5de;margin-top:5px;padding-top:13px;color:#064536}
.invoice-footer{display:flex;align-items:end;justify-content:space-between;border-top:1px solid #e5ece6;margin-top:28px;padding-top:20px}.invoice-qr{width:110px;height:110px;border:8px solid #111;display:grid;place-items:center;font-size:.62rem;font-weight:950;background:repeating-linear-gradient(45deg,#000 0 4px,#fff 4px 8px);color:#159447;text-shadow:0 0 3px #fff}
.barcode-preview{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;text-align:center}.barcode-bars{height:95px;display:flex;align-items:stretch;justify-content:center;gap:2px;margin-bottom:10px}.barcode-bars span{background:#111;display:block}
@media print{
  body{background:#fff!important}.invoice-page{padding:0}.invoice-sheet{box-shadow:none;border-radius:0;max-width:none}
  .print-hidden{display:none!important}
}
@media(max-width:600px){
  .commercial-order-row{align-items:flex-start;flex-direction:column}.commercial-actions{width:100%}.commercial-actions button{flex:1}
  .invoice-page{padding:0}.invoice-sheet{border-radius:0;padding:20px}.invoice-head,.invoice-footer{flex-direction:column}.invoice-meta{text-align:left}
}


/* v28 free run / PWA */
.free-status{font-size:.68rem;font-weight:900;padding:6px 9px;border-radius:999px;white-space:nowrap}
.free-status.online{background:#dcf7e8;color:#08704a}
.free-status.offline{background:#fff0d9;color:#b86600}
.free-install-strip{
  margin:0 16px 14px;padding:11px 13px;border-radius:16px;
  background:linear-gradient(135deg,#e9f8e9,#fff);
  border:1px solid var(--brand-200);display:flex;align-items:center;gap:12px
}
.free-install-strip div{flex:1}.free-install-strip b,.free-install-strip small{display:block}
.free-install-strip small{color:var(--muted);margin-top:2px}
.free-install-strip button{
  border:0;border-radius:12px;background:var(--brand-700);color:#fff;
  padding:9px 13px;font-weight:900
}
.free-steps{padding-left:20px;line-height:1.75;color:#4c5b50}
.free-steps code{background:#edf5ef;padding:2px 5px;border-radius:6px}


/* v29 free QA and release center */
.release-hero{
  background:linear-gradient(135deg,#064536,#159447);
  color:#fff;border-radius:24px;padding:22px;
  display:flex;align-items:center;justify-content:space-between;gap:18px
}
.release-score{font-size:2.5rem;font-weight:950}
.release-score-label{opacity:.82;margin-top:4px}
.release-actions{display:flex;gap:9px;flex-wrap:wrap}
.release-actions button{width:auto}
.release-kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;margin-top:14px}
.release-kpi{background:#fff;border:1px solid var(--line);border-radius:17px;padding:14px;box-shadow:var(--shadow-sm)}
.release-kpi small,.release-kpi strong{display:block}.release-kpi small{color:var(--muted)}.release-kpi strong{font-size:1.25rem;margin-top:6px;color:var(--brand-800)}
.release-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.health-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid #edf1ed}
.health-row:last-child{border-bottom:0}
.health-dot{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:950}
.health-dot.pass{background:#dcf7e8;color:#08704a}
.health-dot.warn{background:#fff0d9;color:#b86600}
.release-note{background:#fffdf0;border:1px solid #f1e5a9;border-radius:16px;padding:14px;color:#5d5121}
.release-checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.release-check{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;gap:9px;align-items:center}
.release-check span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#dcf7e8;color:#08704a;font-weight:950}
@media(max-width:1000px){.release-kpi-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.release-grid{grid-template-columns:1fr}.release-kpi-grid{grid-template-columns:1fr 1fr}.release-hero{align-items:flex-start;flex-direction:column}}
@media(max-width:460px){.release-kpi-grid,.release-checklist{grid-template-columns:1fr}}


/* v30 professional QA dashboard */
.qa-hero-v30{background:linear-gradient(135deg,#052f26,#0c6b43 55%,#159447);color:#fff;border-radius:24px;padding:22px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}
.qa-score-ring-v30{--qa-score:360deg;width:118px;height:118px;border-radius:50%;background:conic-gradient(#62e18b var(--qa-score),rgba(255,255,255,.18) 0);display:grid;place-items:center;position:relative}
.qa-score-ring-v30:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#0b5f3d}
.qa-score-ring-v30 strong,.qa-score-ring-v30 small{position:relative;z-index:2;display:block;text-align:center}
.qa-score-ring-v30 strong{font-size:1.75rem}.qa-score-ring-v30 small{font-size:.67rem;opacity:.82}
.qa-summary-grid-v30{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:14px}
.qa-summary-card-v30{background:#fff;border:1px solid var(--line);border-radius:17px;padding:14px;box-shadow:var(--shadow-sm)}
.qa-summary-card-v30 small,.qa-summary-card-v30 strong{display:block}.qa-summary-card-v30 small{color:var(--muted)}.qa-summary-card-v30 strong{font-size:1.25rem;margin-top:6px;color:var(--brand-800)}
.qa-toolbar-v30{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.qa-toolbar-v30 button{width:auto}
.qa-progress-shell-v30{height:10px;background:#e7eee8;border-radius:999px;overflow:hidden;margin-top:13px}
.qa-progress-bar-v30{height:100%;width:0;background:linear-gradient(90deg,#0d8c45,#62e18b);border-radius:999px;transition:.25s}
.qa-progress-text-v30{font-size:.72rem;color:var(--muted);margin-top:7px}
.qa-filter-row-v30{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}
.qa-filter-row-v30 button{border:1px solid #dce5de;background:#fff;border-radius:9px;padding:7px 11px;font-weight:800;color:#5b675e}
.qa-filter-row-v30 button.active{background:#08733d;color:#fff;border-color:#08733d}
.qa-result-row{display:grid;grid-template-columns:30px 38px 1fr auto auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #edf1ed}
.qa-result-number{font-size:.68rem;color:#879188;text-align:center}.qa-result-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:950}
.qa-result-row.passed .qa-result-icon{background:#dcf7e8;color:#08704a}.qa-result-row.failed .qa-result-icon{background:#ffe3e7;color:#d32f4d}
.qa-result-main b,.qa-result-main small{display:block}.qa-result-main small{color:var(--muted);margin-top:3px}.qa-result-row time{font-size:.67rem;color:#718075}
.qa-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:qaSpin .8s linear infinite;margin-right:7px;vertical-align:-2px}
@keyframes qaSpin{to{transform:rotate(360deg)}}
.qa-grid-v30{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;margin-top:14px}
.auto-fix-item{display:flex;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid #edf1ed}.auto-fix-item span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#dcf7e8;color:#08704a;font-weight:950}
.performance-grid-v30{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.performance-box-v30{background:var(--brand-50);border:1px solid var(--brand-100);border-radius:14px;padding:12px}.performance-box-v30 small,.performance-box-v30 strong{display:block}.performance-box-v30 small{color:var(--muted)}.performance-box-v30 strong{margin-top:5px;color:var(--brand-800)}
@media(max-width:900px){.qa-grid-v30{grid-template-columns:1fr}.qa-summary-grid-v30,.performance-grid-v30{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.qa-hero-v30{grid-template-columns:1fr}.qa-score-ring-v30{width:100px;height:100px}.qa-result-row{grid-template-columns:30px 38px 1fr auto}.qa-result-row time{display:none}}
@media(max-width:430px){.qa-summary-grid-v30,.performance-grid-v30{grid-template-columns:1fr}}


/* v31 free live tracking */
.live-map-v31{height:360px;position:relative;overflow:hidden;background:linear-gradient(145deg,#edf7ef,#dcefe0);border-bottom:1px solid var(--line)}
.map-grid-v31{position:absolute;inset:0;background:
linear-gradient(90deg,transparent 49%,rgba(56,111,69,.09) 50%,transparent 51%),
linear-gradient(0deg,transparent 49%,rgba(56,111,69,.09) 50%,transparent 51%);
background-size:58px 58px;transform:rotate(-8deg) scale(1.2)}
.route-svg-v31{position:absolute;inset:6%;width:88%;height:88%;filter:drop-shadow(0 2px 3px rgba(0,0,0,.12))}
.map-point-v31{position:absolute;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.15);z-index:3}
.map-point-v31.rider{width:50px;height:50px;background:#159447;color:#fff;font-size:1.35rem;border:4px solid #fff}
.map-point-v31.customer{background:#fff4dc}.map-point-v31.pickup{background:#e6f7eb}
.map-live-badge-v31{position:absolute;right:14px;top:14px;background:#fff;border-radius:999px;padding:7px 11px;font-size:.7rem;font-weight:900;box-shadow:var(--shadow-sm);z-index:5}.map-live-badge-v31 span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#16c95b;margin-right:5px;animation:livePulse 1.5s infinite}
@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,201,91,.4)}50%{box-shadow:0 0 0 7px rgba(22,201,91,0)}}
.tracking-card-v31{margin:-34px 15px 95px;position:relative;background:#fff;border:1px solid var(--line);border-radius:24px;padding:16px;box-shadow:0 18px 45px rgba(31,76,43,.16);z-index:5}
.tracking-rider-row-v31{display:flex;align-items:center;gap:11px}.tracking-rider-avatar-v31{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--brand-50);font-size:1.5rem}.tracking-rider-row-v31 b,.tracking-rider-row-v31 small{display:block}.tracking-rider-row-v31 small{color:var(--muted);margin-top:3px}
.eta-grid-v31{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.eta-grid-v31 div{background:#f7faf7;border:1px solid #e8eee9;border-radius:14px;padding:10px}.eta-grid-v31 small,.eta-grid-v31 strong{display:block}.eta-grid-v31 small{color:var(--muted);font-size:.62rem}.eta-grid-v31 strong{font-size:.8rem;margin-top:5px}
.live-progress-v31{height:9px;background:#e7eee8;border-radius:999px;overflow:hidden}.live-progress-v31 span{display:block;height:100%;background:linear-gradient(90deg,#0b7a3c,#62de81);border-radius:999px;transition:.4s}
.tracking-steps-v31{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-top:16px}.tracking-step-v31{text-align:center;position:relative}.tracking-step-v31 span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#edf1ed;color:#7d897f;font-size:.65rem;font-weight:900}.tracking-step-v31 small{display:block;font-size:.52rem;color:#8a958c;margin-top:5px}.tracking-step-v31.done span{background:#159447;color:#fff}.tracking-step-v31.done small{color:#1f4d2d;font-weight:800}
.tracking-actions-v31{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.tracking-updated-v31{text-align:center;color:var(--muted);font-size:.65rem;margin-top:10px}
.rider-live-hero-v31{background:linear-gradient(135deg,#064536,#159447);color:#fff;border-radius:25px;padding:20px;display:flex;justify-content:space-between;align-items:center}.rider-live-hero-v31 h2{margin:5px 0}.rider-live-eta-v31{text-align:center;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2)}.rider-live-eta-v31 strong,.rider-live-eta-v31 small{display:block}.rider-live-eta-v31 strong{font-size:1.8rem}.rider-live-eta-v31 small{font-size:.62rem}
.rider-status-buttons-v31{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.rider-status-buttons-v31 button{min-height:42px;padding:8px}
.admin-track-grid-v31{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.admin-track-card-v31{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-sm)}.admin-mini-map-v31{height:170px;position:relative;background:linear-gradient(145deg,#edf7ef,#dcefe0)}.admin-mini-map-v31 svg{position:absolute;inset:10%;width:80%;height:80%}.admin-rider-dot-v31{position:absolute;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#159447;color:#fff;border:3px solid #fff;box-shadow:0 5px 15px rgba(0,0,0,.16)}
.admin-track-body-v31{padding:14px}.admin-track-meta-v31{display:flex;gap:22px;margin:12px 0;font-size:.75rem}.admin-track-actions-v31{display:flex;gap:8px;margin-top:12px}
@media(max-width:850px){.admin-track-grid-v31{grid-template-columns:1fr}}
@media(max-width:520px){.live-map-v31{height:310px}.eta-grid-v31{grid-template-columns:1fr 1fr}.eta-grid-v31 div:last-child{grid-column:1/-1}.tracking-steps-v31{overflow-x:auto;grid-template-columns:repeat(6,78px);padding-bottom:5px}}


/* v32 complete order workflow */
.workflow-order-card-v32{background:#fff;border:1px solid var(--line);border-radius:22px;padding:15px;margin-bottom:14px;box-shadow:var(--shadow-sm)}
.workflow-order-head-v32{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.workflow-order-head-v32 b,.workflow-order-head-v32 small{display:block}.workflow-order-head-v32 small{color:var(--muted);margin-top:3px}
.workflow-items-v32{margin:13px 0;border-top:1px solid #edf1ed;border-bottom:1px solid #edf1ed;padding:9px 0}.workflow-items-v32 div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:.78rem}
.workflow-timeline-v32{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin:14px 0;overflow-x:auto}.workflow-step-v32{text-align:center;min-width:72px;position:relative}.workflow-step-v32 span{width:27px;height:27px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#e8ede9;color:#7d897f;font-size:.65rem;font-weight:900}.workflow-step-v32 small{display:block;font-size:.51rem;color:#8a958c;margin-top:5px}.workflow-step-v32.done span{background:#159447;color:#fff}.workflow-step-v32.current span{box-shadow:0 0 0 5px rgba(21,148,71,.14)}.workflow-step-v32.done small{color:#1f4d2d;font-weight:850}
.workflow-total-v32{display:flex;justify-content:space-between;font-size:.9rem;padding:8px 0}.workflow-total-v32 b{font-size:1.03rem;color:var(--brand-800)}
.workflow-actions-v32{display:flex;gap:8px;flex-wrap:wrap}.workflow-actions-v32 button{width:auto;flex:1;min-width:120px}
.proof-box-v32{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.proof-box-v32 textarea{min-height:43px}
.desktop-card-v32{max-width:none}.table-action-row-v32{display:flex;gap:6px;flex-wrap:wrap}.table-action-row-v32 button{width:auto}
.workflow-admin-kpis-v32{display:grid;grid-template-columns:repeat(6,1fr);gap:11px}.workflow-admin-kpi-v32{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:var(--shadow-sm)}.workflow-admin-kpi-v32 small,.workflow-admin-kpi-v32 strong{display:block}.workflow-admin-kpi-v32 small{color:var(--muted)}.workflow-admin-kpi-v32 strong{font-size:1.2rem;margin-top:6px;color:var(--brand-800)}
@media(max-width:1100px){.workflow-admin-kpis-v32{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.workflow-admin-kpis-v32{grid-template-columns:1fr 1fr}.proof-box-v32{grid-template-columns:1fr}.workflow-actions-v32 button{min-width:0}}


/* v33 free notifications and rewards */
.notification-toolbar-v33{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.notification-toolbar-v33 button{width:auto}
.notification-card-v33{display:flex;align-items:flex-start;gap:11px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:13px;margin-bottom:10px;cursor:pointer;transition:.18s}.notification-card-v33:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.notification-card-v33.read{opacity:.68}.notification-card-v33 p{margin:4px 0;color:#536158;font-size:.76rem}.notification-card-v33 small{color:var(--muted);font-size:.65rem}.notification-icon-v33{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e8f7ed}.notification-dot-v33{width:9px;height:9px;border-radius:50%;background:#159447;margin-top:5px}
.coupon-grid-v33{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.coupon-card-v33{position:relative;background:linear-gradient(135deg,#064536,#159447);color:#fff;border-radius:20px;padding:17px;overflow:hidden}.coupon-card-v33:after{content:"";position:absolute;right:-25px;bottom:-25px;width:100px;height:100px;border-radius:50%;background:rgba(255,255,255,.09)}.coupon-card-v33 small{opacity:.8}.coupon-card-v33 h3{font-size:1.25rem;margin:6px 0}.coupon-card-v33 p{font-size:.7rem;opacity:.8}.coupon-card-v33 button{border:0;border-radius:10px;background:#fff;color:#064536;padding:8px 11px;font-weight:900}.coupon-cut-v33{position:absolute;left:-10px;top:50%;width:20px;height:20px;border-radius:50%;background:#f7faf7}
.coupon-success-v33{background:#dcf7e8;color:#08704a;border-radius:14px;padding:12px;margin-top:10px}.coupon-success-v33 b,.coupon-success-v33 span{display:block}.coupon-success-v33 span{font-size:.72rem;margin-top:3px}
.reward-hero-v33{background:linear-gradient(135deg,#093d31,#27a85a);color:#fff;border-radius:26px;padding:22px;position:relative;overflow:hidden}.reward-hero-v33:after{content:"★";position:absolute;right:18px;top:-25px;font-size:9rem;opacity:.1}.reward-points-v33{font-size:2.3rem;font-weight:950;margin:7px 0}.reward-grid-v33{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-top:14px}.reward-card-v33{background:#fff;border:1px solid var(--line);border-radius:17px;padding:14px}.reward-card-v33 small,.reward-card-v33 strong{display:block}.reward-card-v33 small{color:var(--muted)}.reward-card-v33 strong{font-size:1.1rem;margin-top:5px;color:var(--brand-800)}
@media(max-width:500px){.coupon-grid-v33,.reward-grid-v33{grid-template-columns:1fr}}


/* v34 free support chat */
.chat-shell-v34{background:#f3f7f3;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow-sm)}
.chat-header-v34{display:flex;align-items:center;gap:11px;padding:14px;background:#fff;border-bottom:1px solid var(--line)}
.chat-avatar-v34{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#e6f7eb,#fff);font-size:1.25rem}
.chat-header-v34 b,.chat-header-v34 small{display:block}.chat-header-v34 small{color:var(--muted);margin-top:3px}
.chat-messages-v34{height:390px;overflow:auto;padding:16px;background:linear-gradient(180deg,#f4f8f4,#eef5ef)}
.chat-bubble-row-v34{display:flex;margin-bottom:11px}.chat-bubble-row-v34.mine{justify-content:flex-end}.chat-bubble-row-v34.theirs{justify-content:flex-start}
.chat-bubble-v34{max-width:78%;padding:10px 12px;border-radius:16px;box-shadow:0 4px 12px rgba(34,76,43,.06)}
.chat-bubble-row-v34.mine .chat-bubble-v34{background:linear-gradient(135deg,#0d7e43,#159447);color:#fff;border-bottom-right-radius:5px}
.chat-bubble-row-v34.theirs .chat-bubble-v34{background:#fff;color:#26342a;border-bottom-left-radius:5px}
.chat-bubble-v34 p{margin:0;line-height:1.5;font-size:.82rem}.chat-bubble-v34 time{display:block;font-size:.59rem;opacity:.68;margin-top:5px;text-align:right}
.chat-quick-v34{display:flex;gap:7px;overflow:auto;padding:10px 12px;background:#fff;border-top:1px solid var(--line)}
.chat-quick-v34 button{border:1px solid var(--brand-200);background:var(--brand-50);color:var(--brand-800);border-radius:999px;padding:7px 10px;white-space:nowrap;font-size:.68rem;font-weight:800}
.chat-compose-v34{display:grid;grid-template-columns:1fr auto;gap:9px;padding:12px;background:#fff;border-top:1px solid var(--line)}
.chat-compose-v34 textarea{min-height:46px;max-height:110px}.chat-compose-v34 button{width:auto;min-width:88px}
.support-queue-row-v34{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #edf1ed}.support-queue-row-v34:last-child{border-bottom:0}.support-queue-row-v34 b,.support-queue-row-v34 small{display:block}.support-queue-row-v34 small{color:var(--muted);margin-top:3px;max-width:430px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-unread-badge-v34{min-width:20px;height:20px;border-radius:999px;background:#f4a62a;color:#3e2700;font-size:.62rem;font-weight:950;display:grid;place-items:center;padding:0 5px}
@media(max-width:520px){.chat-messages-v34{height:360px}.chat-compose-v34{grid-template-columns:1fr}.chat-compose-v34 button{width:100%}.support-queue-row-v34{align-items:flex-start;flex-wrap:wrap}}


/* v35 Firebase Cloud Core */
.firebase-status{font-size:.68rem;font-weight:900;border-radius:999px;padding:7px 10px;background:#eef2ef;color:#68756b}
.firebase-status.connected{background:#dcf7e8;color:#08704a}
.firebase-status.fallback{background:#fff0d9;color:#a95c00}
.firebase-status.offline{background:#ffe3e7;color:#c42d48}
.cloud-auth-badge-v35{display:flex;justify-content:flex-end;margin-bottom:9px}
.cloud-auth-badge-v35 [data-firebase-pending]{margin-left:7px;background:#ffb629;border-radius:999px;padding:2px 7px;font-size:.62rem;font-weight:950}
.auth-label-v35{display:block;font-size:.76rem;font-weight:850;margin:0 0 6px 3px}
.auth-field-v35{margin-bottom:12px}
.auth-message-v35{padding:10px;border-radius:12px;margin-bottom:12px}
.auth-secondary-link-v35{display:block;text-align:center;margin-top:12px;color:var(--brand);font-weight:850;font-size:.8rem}
.firebase-hero-v35{background:linear-gradient(135deg,#063c31,#0f7247 58%,#159447);color:#fff;border-radius:24px;padding:22px;display:flex;justify-content:space-between;align-items:center;gap:18px}
.firebase-hero-v35 h2{font-size:1.65rem;margin:5px 0}.firebase-hero-v35 p{opacity:.82;margin:0}
.firebase-project-v35{min-width:160px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:14px}.firebase-project-v35 small,.firebase-project-v35 b{display:block}.firebase-project-v35 b{font-size:1.1rem;margin-top:5px}
.firebase-kpis-v35{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:14px}.firebase-kpis-v35 article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:var(--shadow-sm)}.firebase-kpis-v35 small,.firebase-kpis-v35 strong{display:block}.firebase-kpis-v35 small{color:var(--muted)}.firebase-kpis-v35 strong{font-size:1.05rem;color:var(--brand-800);margin-top:6px}
.firebase-actions-v35{display:grid;grid-template-columns:1fr 1fr;gap:9px}.firebase-actions-v35 button{width:100%}
.firebase-guide-v35{display:grid;gap:10px;margin-top:12px}.firebase-guide-v35>div{display:flex;align-items:flex-start;gap:10px;background:#f7faf7;border:1px solid #e5ece6;border-radius:14px;padding:11px}.firebase-guide-v35 span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#159447;color:#fff;font-weight:950}.firebase-guide-v35 p{margin:2px 0 0;line-height:1.5;font-size:.76rem}
.cloud-success-v35,.cloud-error-v35,.cloud-info-v35{padding:13px;border-radius:14px}.cloud-success-v35{background:#dcf7e8;color:#08704a}.cloud-error-v35{background:#ffe3e7;color:#b82d46}.cloud-info-v35{background:#e8f1ff;color:#214e91}.cloud-success-v35 b,.cloud-success-v35 span,.cloud-error-v35 b,.cloud-error-v35 span{display:block}.cloud-success-v35 span,.cloud-error-v35 span{margin-top:4px;font-size:.76rem}.cloud-success-v35 pre{white-space:pre-wrap;font-size:.7rem}
@media(max-width:850px){.firebase-kpis-v35{grid-template-columns:1fr 1fr}.firebase-hero-v35{align-items:flex-start;flex-direction:column}.firebase-project-v35{width:100%}}
@media(max-width:480px){.firebase-kpis-v35,.firebase-actions-v35{grid-template-columns:1fr}}

.launch-empty-catalog{grid-column:1/-1;min-height:250px;display:grid;place-content:center;text-align:center;padding:28px}


/* v37 Admin Operations Core */
.ops-kpi-grid-v37{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}
.ops-kpi-grid-v37 article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px;box-shadow:var(--shadow-sm)}
.ops-kpi-grid-v37 small,.ops-kpi-grid-v37 strong{display:block}.ops-kpi-grid-v37 small{color:var(--muted);font-weight:750}.ops-kpi-grid-v37 strong{font-size:1.45rem;color:var(--brand-800);margin-top:6px}
.ops-form-v37 textarea{min-height:92px;resize:vertical}.ops-span-2{grid-column:span 2}.ops-check-v37{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:800;padding:9px}
.ops-save-v37{margin-top:12px;max-width:240px}.ops-actions{display:flex;flex-wrap:wrap;gap:6px}.ops-actions button,.ops-delete-only{border:1px solid #dce6de;background:#fff;border-radius:8px;padding:6px 9px;font-size:.68rem;font-weight:850;cursor:pointer}.ops-actions button:hover{background:#edf8ef}.ops-actions .danger,.ops-delete-only.danger{color:#b4233b;border-color:#f0c9d0}
.ops-product-cell{display:flex;align-items:center;gap:10px}.ops-product-cell img{width:44px;height:44px;border-radius:11px;object-fit:cover;background:#eef7ef}.ops-product-cell b,.ops-product-cell small{display:block}.ops-product-cell small,.table-sub{display:block;color:var(--muted);font-size:.68rem;margin-top:3px}
.stock-pill{display:inline-grid;place-items:center;min-width:34px;padding:4px 7px;border-radius:999px;background:#e4f7e9;color:#13703f;font-weight:900}.stock-pill.low{background:#ffe5e7;color:#b7283f}
.bootstrap-warning-v37{font-size:.75rem;color:#8d5415;background:#fff0d9;border-radius:12px;padding:10px;margin-top:12px;line-height:1.5}
@media(max-width:800px){.ops-kpi-grid-v37{grid-template-columns:1fr 1fr}.ops-span-2{grid-column:span 1}}
@media(max-width:480px){.ops-kpi-grid-v37{grid-template-columns:1fr}.ops-actions{min-width:190px}}


/* v38 Orders, Dispatch & Finance */
.compact-select-v38{min-width:145px;padding:7px 9px;font-size:.72rem}
.wide-table-v38{min-width:1220px}
.dispatch-grid-v38{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.dispatch-card-v38{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow-sm);display:grid;gap:12px}
.dispatch-card-v38 h3{margin:4px 0}.dispatch-card-v38 p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.45}
.dispatch-meta-v38{display:flex;justify-content:space-between;border-top:1px solid #edf1ed;padding-top:10px;font-size:.76rem;font-weight:850}
@media(max-width:950px){.dispatch-grid-v38{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.dispatch-grid-v38{grid-template-columns:1fr}}

/* v39 Marketplace Workflow */
.category-icon-v39{width:38px;height:38px;border-radius:12px;background:#eef8ef;display:grid;place-items:center;font-size:1.2rem}
.dynamic-categories-v39{display:flex;gap:10px;overflow-x:auto;padding:4px 0 12px}
.dynamic-category-v39{min-width:72px;border:0;background:#fff;border-radius:16px;padding:10px 8px;box-shadow:var(--shadow-sm);display:grid;gap:4px;place-items:center;cursor:pointer}
.dynamic-category-v39 span{font-size:1.35rem}.dynamic-category-v39 small{font-size:.64rem;font-weight:850}
.empty-category-v39{font-size:.72rem;color:var(--muted);padding:8px}
.vendor-shell-v39 .admin-sidebar{background:linear-gradient(180deg,#17311f,#0f6344 55%,#0a7b6f)}

/* v40 Rider Tracking & Notifications */
.rider-shell-v40 .admin-sidebar{background:linear-gradient(180deg,#1c2938,#155f62 58%,#0a7b6f)}
.delivery-grid-v40,.tracking-grid-v40{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.delivery-card-v40,.tracking-card-v40{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow-sm)}
.delivery-card-head-v40{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.delivery-card-head-v40 h3{margin:4px 0}.delivery-card-v40 p,.tracking-card-v40 p{color:var(--muted);font-size:.76rem;line-height:1.45}
.delivery-meta-v40{display:flex;justify-content:space-between;gap:10px;font-size:.74rem;font-weight:850;border-top:1px solid #edf1ed;padding-top:10px}
.delivery-actions-v40{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.delivery-actions-v40 button{border:1px solid #dce6de;background:#fff;border-radius:10px;padding:9px;font-weight:850;cursor:pointer}
.delivery-actions-v40 button.primary{background:var(--brand);color:#fff;border-color:var(--brand)}
.timeline-v40{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.timeline-v40 li{display:flex;gap:10px}.timeline-v40 li>span{width:10px;height:10px;border-radius:50%;background:var(--brand);margin-top:5px}
.timeline-v40 b,.timeline-v40 small{display:block}.timeline-v40 small{font-size:.65rem;color:var(--muted);margin-top:2px}
.notification-list-v40{display:grid;gap:10px}.notification-card-v40{display:flex;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px}
.notification-card-v40.read{opacity:.7}.notification-card-v40 p{margin:5px 0;color:var(--muted);font-size:.74rem}.notification-card-v40 small{font-size:.65rem;color:var(--muted)}
.notification-card-v40 button{border:0;background:#e7f7ea;color:#14663d;border-radius:9px;padding:7px 10px;font-weight:850;height:max-content}
@media(max-width:760px){.delivery-grid-v40,.tracking-grid-v40{grid-template-columns:1fr}}


/* v41 Friendly Admin UI */
.friendly-admin-body-v41{margin:0;background:#f4f7f4;color:#173126;font-family:Inter,Arial,sans-serif}
.friendly-admin-shell-v41{min-height:100vh;display:grid;grid-template-columns:248px 1fr}
.friendly-sidebar-v41{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#132b23,#0d6148 58%,#08786f);color:#fff;padding:18px 14px;display:flex;flex-direction:column;overflow:auto;z-index:30}
.friendly-brand-v41{display:flex;align-items:center;gap:10px;padding:4px 6px 18px}.friendly-brand-v41 img{width:44px;height:44px;border-radius:12px;background:#fff;object-fit:contain}.friendly-brand-v41 h1,.friendly-brand-v41 span{margin:0;display:block}.friendly-brand-v41 h1{font-size:1.02rem}.friendly-brand-v41 span{font-size:.67rem;opacity:.75;margin-top:3px}.friendly-brand-v41 button{display:none;margin-left:auto;border:0;background:transparent;color:#fff;font-size:1.5rem}
.friendly-admin-card-v41{display:flex;align-items:center;gap:10px;padding:11px;border-radius:14px;background:rgba(255,255,255,.1);margin-bottom:12px}.friendly-avatar-v41{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#126443;font-weight:900}.friendly-admin-card-v41 b,.friendly-admin-card-v41 small{display:block}.friendly-admin-card-v41 small{font-size:.66rem;opacity:.78;margin-top:3px}
.friendly-menu-search-v41{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border-radius:11px;padding:8px 10px;margin-bottom:10px}.friendly-menu-search-v41 input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:.74rem}.friendly-menu-search-v41 input::placeholder{color:rgba(255,255,255,.65)}
.friendly-nav-v41{display:grid;gap:4px}.friendly-nav-v41 p{font-size:.58rem;letter-spacing:.12em;opacity:.55;margin:13px 10px 5px}.friendly-nav-v41 a{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;padding:9px 10px;border-radius:10px;font-size:.76rem;font-weight:700;opacity:.86}.friendly-nav-v41 a:hover,.friendly-nav-v41 a.active{background:#20a54b;opacity:1;box-shadow:0 7px 18px rgba(0,0,0,.13)}.friendly-nav-v41 a span{width:22px;text-align:center}
.friendly-logout-v41{margin-top:auto;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.08);color:#fff;border-radius:11px;padding:10px;font-weight:800;cursor:pointer}
.friendly-main-v41{min-width:0}.friendly-topbar-v41{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:15px;justify-content:space-between;padding:14px 22px;background:rgba(255,255,255,.96);border-bottom:1px solid #dfe7e1;backdrop-filter:blur(12px)}.friendly-topbar-v41 h2,.friendly-topbar-v41 p{margin:0}.friendly-topbar-v41 h2{font-size:1.15rem}.friendly-topbar-v41 p{font-size:.72rem;color:#718078;margin-top:3px}.friendly-mobile-menu-v41{display:none;border:0;background:#edf5ef;border-radius:10px;padding:8px 10px;font-size:1.1rem}.friendly-top-actions-v41{display:flex;align-items:center;gap:9px}.friendly-top-actions-v41>a{display:grid;place-items:center;text-decoration:none;border:1px solid #dce6de;background:#fff;color:#183528;border-radius:10px;min-height:36px;padding:0 11px}.friendly-launch-button-v41{font-size:.73rem;font-weight:850!important;background:#168642!important;color:#fff!important;border-color:#168642!important}
.friendly-content-v41{padding:20px;max-width:1500px;margin:auto}.friendly-quick-actions-v41{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:15px}.friendly-quick-actions-v41 a{display:flex;align-items:center;gap:12px;text-decoration:none;color:#173126;background:#fff;border:1px solid #dfe8e1;border-radius:16px;padding:14px;box-shadow:0 6px 18px rgba(29,75,45,.05)}.friendly-quick-actions-v41 a:hover{transform:translateY(-1px);border-color:#a9d6b4}.friendly-quick-actions-v41 span{width:40px;height:40px;border-radius:12px;background:#e9f7ed;display:grid;place-items:center;color:#14763e;font-size:1.15rem}.friendly-quick-actions-v41 b,.friendly-quick-actions-v41 small{display:block}.friendly-quick-actions-v41 small{font-size:.65rem;color:#748078;margin-top:3px}
.friendly-kpis-v41{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin-bottom:15px}.friendly-kpis-v41 article{background:#fff;border:1px solid #dfe8e1;border-radius:15px;padding:14px;box-shadow:0 5px 16px rgba(29,75,45,.04)}.friendly-kpis-v41 small,.friendly-kpis-v41 strong,.friendly-kpis-v41 a{display:block}.friendly-kpis-v41 small{font-size:.66rem;color:#718078}.friendly-kpis-v41 strong{font-size:1.3rem;margin:7px 0;color:#153e2a}.friendly-kpis-v41 a{font-size:.62rem;color:#178442;text-decoration:none;font-weight:800}
.friendly-dashboard-grid-v41{display:grid;grid-template-columns:1.35fr .65fr;gap:14px}.friendly-bottom-grid-v41{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.friendly-panel-v41{background:#fff;border:1px solid #dfe8e1;border-radius:18px;padding:16px;box-shadow:0 6px 22px rgba(29,75,45,.05)}.friendly-panel-head-v41{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.friendly-panel-head-v41 h3,.friendly-panel-head-v41 p{margin:0}.friendly-panel-head-v41 h3{font-size:.95rem}.friendly-panel-head-v41 p{font-size:.67rem;color:#718078;margin-top:3px}.friendly-panel-head-v41>a{font-size:.68rem;color:#178442;text-decoration:none;font-weight:850}
.friendly-order-row-v41{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;text-decoration:none;color:#173126;padding:10px 2px;border-bottom:1px solid #eef2ef}.friendly-order-row-v41:last-child{border-bottom:0}.friendly-order-row-v41 b,.friendly-order-row-v41 small{display:block}.friendly-order-row-v41 small{font-size:.64rem;color:#748078;margin-top:3px}.friendly-order-row-v41>span{font-size:.73rem;font-weight:850}.friendly-order-row-v41 em{font-style:normal}
.friendly-alerts-v41{display:grid;gap:8px}.friendly-alerts-v41 a{display:flex;align-items:center;gap:10px;text-decoration:none;color:#173126;background:#f8faf8;border:1px solid #e7eee9;border-radius:12px;padding:10px}.friendly-alerts-v41 a>span{width:34px;height:34px;border-radius:10px;background:#fff;display:grid;place-items:center}.friendly-alerts-v41 b,.friendly-alerts-v41 small{display:block}.friendly-alerts-v41 small{font-size:.64rem;color:#718078;margin-top:2px}
.friendly-health-v41{display:grid;gap:9px}.friendly-health-row-v41{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #eef2ef}.friendly-health-row-v41:last-child{border-bottom:0}.friendly-health-row-v41>span{width:10px;height:10px;border-radius:50%}.friendly-health-row-v41 .ok{background:#18a44a}.friendly-health-row-v41 .soft{background:#f2a51b}.friendly-health-row-v41 .bad{background:#d63a50}.friendly-health-row-v41 small{font-size:.64rem;color:#718078}
.friendly-help-v41{display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(135deg,#153b2b,#168d4b);color:#fff}.friendly-help-v41>div>span{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center;font-weight:900}.friendly-help-v41 h3{margin:9px 0 5px}.friendly-help-v41 p{font-size:.7rem;line-height:1.5;opacity:.84;margin:0}.friendly-help-v41>a{flex:0 0 auto;text-decoration:none;color:#163826;background:#fff;border-radius:10px;padding:9px 11px;font-size:.68rem;font-weight:850}.friendly-empty-v41{padding:24px;text-align:center;color:#718078}.friendly-empty-v41 b,.friendly-empty-v41 small{display:block}.friendly-empty-v41 small{font-size:.68rem;margin-top:5px}
@media(max-width:1200px){.friendly-kpis-v41{grid-template-columns:repeat(3,1fr)}.friendly-quick-actions-v41{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.friendly-admin-shell-v41{grid-template-columns:1fr}.friendly-sidebar-v41{position:fixed;left:-270px;width:240px;transition:.22s}.friendly-sidebar-open-v41 .friendly-sidebar-v41{left:0}.friendly-brand-v41 button,.friendly-mobile-menu-v41{display:block}.friendly-dashboard-grid-v41,.friendly-bottom-grid-v41{grid-template-columns:1fr}.friendly-topbar-v41{padding:12px 14px}.friendly-top-actions-v41 .firebase-status{display:none}}
@media(max-width:620px){.friendly-content-v41{padding:12px}.friendly-kpis-v41,.friendly-quick-actions-v41{grid-template-columns:1fr 1fr}.friendly-top-actions-v41 .friendly-launch-button-v41{display:none}.friendly-order-row-v41{grid-template-columns:1fr auto}.friendly-order-row-v41 em{grid-column:1/-1;width:max-content}}
@media(max-width:420px){.friendly-kpis-v41,.friendly-quick-actions-v41{grid-template-columns:1fr}.friendly-help-v41{align-items:flex-start;flex-direction:column}}


/* v42 Friendly Product Manager */
.pm-toolbar-button-v42{border:1px solid #dbe6de;background:#fff;color:#173126;border-radius:10px;padding:9px 11px;font-size:.7rem;font-weight:850;cursor:pointer}
.pm-kpis-v42{grid-template-columns:repeat(4,minmax(0,1fr))}
.pm-layout-v42{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:14px;margin-bottom:14px}
.pm-text-button-v42{border:0;background:transparent;color:#178442;font-weight:850;cursor:pointer}
.pm-preview-box-v42{display:flex;align-items:center;gap:12px;background:#f7faf7;border:1px dashed #c9d9cd;border-radius:14px;padding:12px;margin-bottom:14px}.pm-preview-box-v42 img{width:74px;height:74px;border-radius:14px;object-fit:cover;background:#fff}.pm-preview-box-v42 b,.pm-preview-box-v42 small{display:block}.pm-preview-box-v42 small{font-size:.66rem;color:#728078;margin-top:4px;line-height:1.4}
.pm-form-grid-v42{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pm-form-grid-v42 label>span{display:block;font-size:.67rem;font-weight:850;margin:0 0 5px;color:#415148}.pm-form-grid-v42 textarea{min-height:88px;resize:vertical}.pm-full-v42{grid-column:1/-1}
.pm-options-v42{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:14px 0;font-size:.72rem;font-weight:750}.pm-options-v42 label{display:flex;align-items:center;gap:7px}.margin-chip-v42{display:inline-block;border-radius:999px;padding:4px 8px;background:#eef2ef}.margin-chip-v42.good{background:#e4f7e9;color:#14713f}.margin-chip-v42.warn{background:#fff0cf;color:#8c5b08}.margin-chip-v42.bad{background:#ffe4e8;color:#ae263e}
.pm-main-save-v42{max-width:240px}.pm-help-panel-v42{height:max-content}.pm-help-panel-v42 h3{margin-top:0}.pm-help-panel-v42 ol{padding-left:20px;font-size:.74rem;line-height:1.7;color:#526058}.pm-help-panel-v42>a{display:block;text-decoration:none;color:#177f43;background:#f2f8f3;border-radius:10px;padding:9px 10px;margin-top:7px;font-size:.7rem;font-weight:850}.pm-free-note-v42{margin-top:14px;background:#fff7e5;border:1px solid #f1dfb5;border-radius:12px;padding:11px}.pm-free-note-v42 b,.pm-free-note-v42 p{display:block;margin:0}.pm-free-note-v42 p{font-size:.67rem;line-height:1.45;color:#725d2a;margin-top:4px}
.pm-list-panel-v42{margin-bottom:30px}.pm-filters-v42{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:9px;margin-bottom:12px}.pm-table-v42{min-width:1100px}.pm-product-cell-v42{display:flex;align-items:center;gap:10px}.pm-product-cell-v42 img{width:46px;height:46px;border-radius:11px;object-fit:cover;background:#eef5ef}.pm-product-cell-v42 b,.pm-product-cell-v42 small{display:block}.pm-product-cell-v42 small{font-size:.64rem;color:#748078;margin-top:3px}
@media print{.friendly-sidebar-v41,.friendly-topbar-v41,.pm-form-panel-v42,.pm-help-panel-v42,.pm-filters-v42,.ops-actions{display:none!important}.friendly-admin-shell-v41{display:block}.friendly-content-v41{padding:0}.pm-list-panel-v42{box-shadow:none;border:0}}
@media(max-width:1100px){.pm-layout-v42{grid-template-columns:1fr}.pm-help-panel-v42{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pm-help-panel-v42 h3,.pm-help-panel-v42 ol,.pm-free-note-v42{grid-column:1/-1}.pm-kpis-v42{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.pm-form-grid-v42,.pm-filters-v42{grid-template-columns:1fr}.pm-full-v42{grid-column:auto}.pm-help-panel-v42{display:block}.friendly-top-actions-v41 .pm-toolbar-button-v42{display:none}}
@media(max-width:430px){.pm-kpis-v42{grid-template-columns:1fr}}

/* v43 Free phone login + customer live catalog */
.free-phone-note-v43{margin-top:12px;padding:10px 11px;border-radius:12px;background:#edf8ef;color:#24643c;font-size:.69rem;line-height:1.45}
.customer-cloud-line-v43{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}.customer-cloud-line-v43 small{font-size:.65rem;color:var(--muted)}
.auth-field-v35 textarea,textarea.auth-field-v35{min-height:76px;resize:vertical}


/* v44 Free JPG/PNG upload */
.category-upload-v44{display:grid;gap:6px;font-size:.68rem;font-weight:850;color:#405148}
.category-upload-v44 input,.pm-file-field-v44 input{padding:8px;background:#fff}
.category-preview-v44{display:flex;align-items:center;gap:10px;border:1px dashed #cad9ce;background:#f8fbf8;border-radius:12px;padding:9px}
.category-preview-v44 img{width:52px;height:52px;border-radius:11px;object-fit:cover;background:#fff}
.category-preview-v44 small,.pm-file-field-v44 small{font-size:.63rem;color:#718078;line-height:1.4}
.category-icon-v39{overflow:hidden}.category-icon-v39 img{width:100%;height:100%;object-fit:cover}
.pm-file-field-v44{display:grid;gap:5px}

/* v45 customer management and global search */
.customer-kpis-v45{grid-template-columns:repeat(3,minmax(0,1fr))}
.customer-layout-v45{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:14px;margin-bottom:14px}
.customer-help-v45{height:max-content}.customer-help-v45 p{font-size:.72rem;line-height:1.55;color:#607067}
.customer-filter-v45{grid-template-columns:2fr 1fr}.customer-table-v45{min-width:850px}
.category-search-results-v45{margin-bottom:12px}.search-category-chips-v45{display:flex;gap:9px;overflow-x:auto;padding-bottom:5px}.search-category-chips-v45 button{min-width:92px;border:1px solid #dfe8e1;background:#fff;border-radius:14px;padding:9px;display:grid;place-items:center;gap:5px}.search-category-chips-v45 img{width:42px;height:42px;border-radius:10px;object-fit:cover}.search-category-chips-v45 span{font-size:1.35rem}.search-category-chips-v45 b{font-size:.65rem}
.home-search-button-v45{border:0;background:#168642;color:#fff;border-radius:9px;padding:7px 10px;font-size:.66rem;font-weight:850}
@media(max-width:900px){.customer-layout-v45{grid-template-columns:1fr}.customer-kpis-v45{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:560px){.customer-kpis-v45{grid-template-columns:1fr}.customer-filter-v45{grid-template-columns:1fr}}

.clean-start-box-v46{max-width:520px}.clean-warning-v46{margin-top:14px;padding:12px;border-radius:12px;background:#fff5e4;border:1px solid #efd8ab;color:#715829;text-align:left}.clean-warning-v46 p{font-size:.7rem;line-height:1.5;margin:5px 0 0}

/* v47 rider approval controls */
.ops-actions{display:flex;flex-wrap:wrap;gap:6px}.ops-actions button{white-space:nowrap}

/* v50 reliable product loading */
.product-refresh-v50{border:0;background:transparent;color:#168642;font-size:.66rem;font-weight:850;cursor:pointer}
.customer-cloud-line-v43{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

/* v51 build verification */
.build-badge-v51{position:fixed;right:8px;top:8px;z-index:10000;background:#17265f;color:#fff;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:900;opacity:.82}
#catalogStatusV51{font-size:.66rem;font-weight:800;color:#168642}

/* v53 product click and detail */
.product-clickable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}
.product-clickable:active{transform:scale(.985)}
.product-clickable:focus-visible{outline:3px solid rgba(22,134,66,.28);outline-offset:2px}

/* v57 session and rider live status */
.rider-sync-v57{margin:10px 0;padding:8px 11px;border-radius:10px;background:#e7f7ed;color:#168642;font-size:.72rem;font-weight:850}

/* v58 admin clarity, finance, delivered orders and maps */
.customer-order-clean-v58 .workflow-actions-v32{display:none!important}
.new-orders-panel-v58{border:2px solid rgba(22,134,66,.18);background:linear-gradient(180deg,#f9fffb,#fff)}
.new-order-grid-v58{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.new-order-card-v58{position:relative;background:#fff;border:1px solid #dcebe1;border-radius:18px;padding:18px;box-shadow:0 10px 28px rgba(20,60,35,.08)}
.new-order-alert-v58{display:inline-flex;background:#e5253a;color:#fff;border-radius:999px;padding:4px 9px;font-size:.68rem;font-weight:900;margin-bottom:10px}
.new-order-badge-v58{background:#e5253a;color:#fff;padding:6px 10px;border-radius:999px;font-weight:900}
.new-order-kpi-v58,.cash-pending-kpi-v58{background:linear-gradient(135deg,#fff5f5,#fff)!important;border-color:#f1c7cc!important}
.order-actions-v58{display:flex;gap:5px;flex-wrap:wrap}
.order-actions-v58 button{padding:7px 9px}
.settlement-grid-v58{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.settlement-card-v58{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border:1px solid #dcebe1;border-radius:16px;padding:16px;background:#fff}
.settlement-card-v58 strong{font-size:1.2rem;color:#168642}
.settlement-card-v58 button{grid-column:1/-1;border:0;border-radius:10px;padding:10px;background:#168642;color:#fff;font-weight:850}
.rider-live-map-v58{overflow:hidden;border-radius:20px;background:#eef5ef;border:1px solid #d6e6da}
.rider-live-map-v58 iframe{width:100%;height:240px;border:0;display:block}
#riderMapStatusV58{padding:9px 12px;font-size:.72rem;font-weight:850;color:#168642}
.admin-rider-map-v58{height:68vh;min-height:420px;border-radius:18px;overflow:hidden}
.rider-location-list-v58{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:12px}
.rider-location-list-v58 article{display:flex;flex-direction:column;padding:12px;border:1px solid #dcebe1;border-radius:12px;background:#fff}
@media(max-width:700px){.admin-rider-map-v58{height:55vh}.new-order-grid-v58,.settlement-grid-v58{grid-template-columns:1fr}}

/* v59 faster realtime and persistent rider ledger */
.rider-live-card-v59{animation:riderOrderInV59 .22s ease-out}
@keyframes riderOrderInV59{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.rider-payment-row-v59{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #e5eee8}
.rider-payment-row-v59 div{display:flex;flex-direction:column}.rider-payment-row-v59 small{font-size:.68rem;color:#728079}

/* v59 final admin visual polish */
.dashboard-orders-v59{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)!important;gap:18px}
.new-orders-home-v59{border:2px solid rgba(22,134,66,.18);background:linear-gradient(180deg,#fbfffc,#fff)}
.late-orders-home-v59{background:linear-gradient(180deg,#fffdf7,#fff)}
.order-row-fast-v59{transition:transform .14s ease,box-shadow .14s ease}
.order-row-fast-v59:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(20,55,35,.08)}
.pm-form-panel-v42{border-radius:22px!important}
.pm-preview-box-v42{background:linear-gradient(135deg,#edf9f1,#f8fffb)!important}
.pm-form-grid-v42{gap:16px!important}
.pm-form-grid-v42 label span{font-weight:850;color:#253229}
.pm-form-grid-v42 .form-control{min-height:46px;border-radius:12px}
.pm-main-save-v42{min-height:48px;font-size:1rem}
@media(max-width:900px){.dashboard-orders-v59{grid-template-columns:1fr!important}}

/* v60 live categories and global branding */
.category-loading-v60{padding:18px;color:#64736a;font-weight:800}
.live-category-card-v60 img{width:64px!important;height:64px!important;object-fit:cover;border-radius:18px}
.category-emoji-v60{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#e8f8ee;font-size:2rem}
.live-category-large-v60 .product-media .category-emoji-v60{width:100%;height:150px;border-radius:0;font-size:4rem}
.branding-panel-v60{max-width:760px;margin:auto}
.branding-preview-v60{display:flex;align-items:center;gap:20px;padding:22px;border-radius:20px;background:linear-gradient(135deg,#e9f8ee,#fff);margin-bottom:20px}
.branding-preview-v60 img{width:130px;height:130px;object-fit:contain;background:#fff;border-radius:20px;padding:10px;box-shadow:0 12px 30px #0001}
.branding-field-v60{display:flex;flex-direction:column;gap:7px;margin:14px 0}.branding-field-v60 span{font-weight:850}
.branding-actions-v60{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.branding-actions-v60 button{width:auto}

/* v61 rider/vendor accounts and mobile rider dashboard */
.account-grid-v61{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.account-card-v61{background:#fff;border:1px solid #dcebe1;border-radius:20px;padding:18px;box-shadow:0 10px 28px rgba(20,60,35,.07)}
.account-card-head-v61{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.account-card-head-v61 h3{margin:4px 0 0}
.account-values-v61{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}
.account-values-v61 div{background:#f5faf7;border-radius:12px;padding:11px;display:flex;flex-direction:column;gap:4px}
.account-values-v61 small{color:#738079}.account-values-v61 b{color:#163a25}
.rider-mobile-stats-v61{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}
.rider-mobile-stats-v61 article{background:#fff;border:1px solid #dcebe1;border-radius:16px;padding:14px;box-shadow:0 8px 20px rgba(20,60,35,.06);display:flex;flex-direction:column;gap:6px}
.rider-mobile-stats-v61 small{font-size:.72rem;color:#718077;font-weight:750}
.rider-mobile-stats-v61 strong{font-size:1.35rem;color:#173f27}
.rider-cash-card-v61{background:linear-gradient(135deg,#fff8e7,#fff)!important;border-color:#edd8a7!important}
.rider-shell-v40 .delivery-grid-v40{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
@media(max-width:700px){
  .rider-shell-v40 .admin-sidebar{position:fixed;left:-280px;z-index:1200;transition:left .2s ease}
  body.admin-sidebar-open .rider-shell-v40 .admin-sidebar{left:0}
  .rider-shell-v40 .admin-main{margin-left:0!important;width:100%}
  .rider-shell-v40 .admin-content{padding:12px!important}
  .rider-shell-v40 .admin-topbar{padding:12px 14px!important}
  .rider-shell-v40 .ops-kpi-grid-v37{grid-template-columns:repeat(3,1fr);gap:7px}
  .rider-shell-v40 .ops-kpi-grid-v37 article{padding:10px 8px}
  .rider-shell-v40 .ops-kpi-grid-v37 strong{font-size:1.15rem}
  .delivery-card-v40{border-radius:16px!important;padding:14px!important}
  .delivery-actions-v40{display:grid!important;grid-template-columns:1fr!important}
  .delivery-actions-v40 button{width:100%;min-height:44px}
  .rider-live-map-v58 iframe{height:210px}
  .account-values-v61{grid-template-columns:1fr}
}

/* v62 mobile apps and account/customer details */
.account-card-expanded-v62 .account-values-v61{grid-template-columns:repeat(4,1fr)}.account-card-expanded-v62 p{margin:3px 0;color:#748078}.account-order-details-v62{margin-top:12px;border-top:1px solid #e5eee8;padding-top:10px}.account-order-details-v62 summary{font-weight:850;color:#168642;cursor:pointer}.account-order-row-v62{display:grid;grid-template-columns:1fr auto;gap:10px;padding:9px 0;border-bottom:1px solid #edf2ee}.account-order-row-v62 span{display:flex;flex-direction:column}.account-order-row-v62 small{color:#748078}.customer-location-status-v62{font-size:.72rem;margin-top:8px;color:#68766d}.customer-location-status-v62.ready{color:#168642;font-weight:850}.customer-insight-grid-v62{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-top:16px}.customer-insight-card-v62{background:#fff;border:1px solid #dcebe1;border-radius:20px;padding:18px;box-shadow:0 10px 28px #143c230f}.customer-insight-head-v62{display:flex;justify-content:space-between}.customer-insight-head-v62 h3{margin:4px 0}.customer-insight-head-v62 p{margin:0;color:#748078}.customer-rating-v62{background:#fff4d5;color:#835e00;padding:7px 10px;border-radius:999px;height:max-content;font-weight:900}.customer-insight-stats-v62{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:15px 0}.customer-insight-stats-v62 div{background:#f5faf7;padding:10px;border-radius:11px;display:flex;flex-direction:column}.customer-order-insight-row-v62{display:grid;grid-template-columns:1fr auto auto;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid #edf2ee}.customer-order-insight-row-v62 span{display:flex;flex-direction:column}.app-shell .section,.panel,.delivery-card-v40,.friendly-panel-v41,.smart-panel{content-visibility:auto;contain-intrinsic-size:1px 220px}
@media(max-width:760px){body{overflow-x:hidden}.app-shell{width:100%;max-width:100%;min-height:100vh;border-radius:0!important;padding-bottom:76px}.topbar{position:sticky;top:0;z-index:30}.section{padding-left:14px!important;padding-right:14px!important}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.panel{border-radius:16px!important;padding:14px!important}.primary-button,.secondary-button{min-height:46px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;padding-bottom:env(safe-area-inset-bottom)}.customer-insight-grid-v62{grid-template-columns:1fr}.customer-insight-stats-v62,.account-card-expanded-v62 .account-values-v61{grid-template-columns:repeat(2,1fr)}.customer-order-insight-row-v62{grid-template-columns:1fr auto}.customer-order-insight-row-v62 a{grid-column:1/-1}.auth-box{width:min(94vw,460px)!important;padding:18px!important}}

/* v63 full mobile responsiveness for Customer, Rider and Vendor */
html,body{max-width:100%;overflow-x:hidden}
img,video,iframe{max-width:100%}
.rider-order-mobile-v63{width:100%;max-width:100%;overflow:hidden}
.rider-order-head-v63{align-items:flex-start}.rider-order-head-v63 p{margin:4px 0 0;color:#748078;font-size:.76rem}
.rider-order-address-v63{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:flex-start;background:#f5faf7;border-radius:12px;padding:11px;margin:12px 0}
.rider-order-address-v63 p{margin:0;line-height:1.45;word-break:break-word}
.rider-order-summary-v63{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}
.rider-order-summary-v63 div{background:#f7faf8;border:1px solid #e4ece7;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:4px;min-width:0}
.rider-order-summary-v63 small{color:#748078}.rider-order-summary-v63 strong{word-break:break-word}
.rider-order-details-v63{border-top:1px solid #e4ece7;border-bottom:1px solid #e4ece7;padding:10px 0;margin:10px 0}
.rider-order-details-v63 summary{cursor:pointer;font-weight:850;color:#168642}
.rider-order-item-v63{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #edf2ee}
.rider-location-link-v63{display:block;text-align:center;margin-top:10px}
.rider-order-actions-v63{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:12px}
.rider-order-actions-v63 button{width:100%!important;min-height:48px!important;border-radius:12px!important;font-size:.95rem!important}
.rider-mobile-header-v63>div{min-width:0}.rider-mobile-header-v63 h2{margin:0}.rider-mobile-header-v63 small{display:block;color:#738079;margin-top:2px}
.role-mobile-ready-v63 .form-control,.role-mobile-ready-v63 input,.role-mobile-ready-v63 select,.role-mobile-ready-v63 textarea{max-width:100%;font-size:16px}
.role-mobile-ready-v63 .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.role-mobile-ready-v63 .data-table{min-width:640px}
.role-mobile-ready-v63 .section-head{gap:10px;align-items:flex-start}
.role-mobile-ready-v63 .product-card,.role-mobile-ready-v63 .panel,.role-mobile-ready-v63 .delivery-card-v40{min-width:0}
.role-mobile-ready-v63 .product-name,.role-mobile-ready-v63 .product-meta{overflow-wrap:anywhere}
@media(max-width:760px){
  body.smart-admin-body{background:#f5f8f6}
  .smart-admin,.rider-shell-v40{display:block!important;width:100%!important;min-height:100vh}
  .admin-sidebar,.friendly-sidebar-v41{position:fixed!important;top:0;bottom:0;left:-290px!important;width:280px!important;z-index:1500!important;transition:left .2s ease!important;overflow-y:auto!important}
  body.admin-sidebar-open .admin-sidebar,body.admin-sidebar-open .friendly-sidebar-v41{left:0!important}
  .admin-main,.friendly-main-v41{margin-left:0!important;width:100%!important;min-width:0!important}
  .admin-topbar,.friendly-topbar-v41{position:sticky!important;top:0;z-index:1000;padding:12px 14px!important;gap:10px!important;background:#fff}
  .admin-topbar .firebase-status{max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .admin-content,.friendly-content-v41{padding:12px!important}
  .ops-kpi-grid-v37,.friendly-kpis-v41{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .ops-kpi-grid-v37 article,.friendly-kpis-v41 article{padding:11px!important;min-width:0}
  .ops-kpi-grid-v37 strong,.friendly-kpis-v41 strong{font-size:1.15rem!important;overflow-wrap:anywhere}
  .delivery-grid-v40{grid-template-columns:1fr!important;gap:12px!important}
  .delivery-card-v40{padding:14px!important;border-radius:16px!important}
  .rider-order-summary-v63{grid-template-columns:1fr}
  .rider-order-head-v63{display:grid!important;grid-template-columns:1fr auto!important}
  .app-shell{max-width:100%!important;width:100%!important;border-radius:0!important;box-shadow:none!important}
  .topbar{padding:10px 12px!important}
  .brand-row,.page-header{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important}
  .brand-row .actions{display:flex!important;gap:6px!important}
  .brand-title{font-size:1rem!important}.brand-subtitle{font-size:.65rem!important}
  .search-card{margin:10px 12px!important}
  .hero,.section{margin-left:0!important;margin-right:0!important}
  .section{padding:12px!important}
  .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .scroller{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .category-card,.promo-card{scroll-snap-align:start}
  .bottom-nav a{font-size:.66rem!important}
  .auth-page{padding:12px!important}.auth-box{width:100%!important;max-width:460px!important}
  .payment-option{padding:12px!important}
  .checkout-steps{gap:6px!important}.checkout-step{font-size:.7rem!important}
  .role-mobile-stats-v62,.rider-mobile-stats-v61{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:390px){
  .grid-2{grid-template-columns:1fr!important}
  .ops-kpi-grid-v37,.friendly-kpis-v41{grid-template-columns:1fr 1fr!important}
  .role-mobile-stats-v62,.rider-mobile-stats-v61{grid-template-columns:1fr 1fr!important}
  .brand-subtitle{display:none}
}

/* v64 final production */
.place-order-button-v64:disabled{opacity:.7;cursor:not-allowed;filter:saturate(.7)}
.place-order-button-v64[aria-busy="true"]{position:relative}
.haq-project-footer-v64{text-align:center;font-size:.64rem;letter-spacing:.04em;color:#8a958e;padding:14px 10px 20px;opacity:.85}
.app-shell>.haq-project-footer-v64{padding-bottom:88px}
.admin-main>.haq-project-footer-v64,.friendly-main-v41>.haq-project-footer-v64{margin-top:auto}
.ops-actions .danger{background:#fff1f2!important;color:#b42335!important;border-color:#efc8cf!important}
@media(max-width:760px){.haq-project-footer-v64{font-size:.6rem;padding:10px 8px 84px}.admin-main>.haq-project-footer-v64,.friendly-main-v41>.haq-project-footer-v64{padding-bottom:20px}}

/* v64.1 admin font visibility improvements */
.smart-admin-body,
.friendly-admin-body-v41,
.admin-main,
.friendly-main-v41,
.admin-content,
.friendly-content-v41{
  font-size:16px;
  line-height:1.5;
}

.admin-topbar h2,
.friendly-topbar-v41 h2{
  font-size:1.55rem !important;
  font-weight:900 !important;
  letter-spacing:-0.02em;
  color:#163a25;
}

.admin-topbar small,
.friendly-topbar-v41 p,
.friendly-topbar-v41 small{
  font-size:.9rem !important;
  color:#66756c !important;
}

.admin-nav-link,
.friendly-nav-v41 a{
  font-size:.96rem !important;
  font-weight:800 !important;
}

.admin-brand h1,
.friendly-brand-v41 h1{
  font-size:1.25rem !important;
  font-weight:950 !important;
}

.admin-brand span,
.friendly-brand-v41 span{
  font-size:.78rem !important;
}

.smart-panel h2,
.smart-panel h3,
.friendly-panel-v41 h2,
.friendly-panel-v41 h3,
.section-head h2,
.friendly-panel-head-v41 h3{
  font-size:1.18rem !important;
  font-weight:900 !important;
  color:#183a27;
}

.smart-panel p,
.friendly-panel-v41 p,
.section-head p,
.friendly-panel-head-v41 p{
  font-size:.9rem !important;
  color:#68766d !important;
}

.data-table{
  font-size:.9rem !important;
}

.data-table th{
  font-size:.82rem !important;
  font-weight:900 !important;
  color:#33483a !important;
}

.data-table td{
  font-size:.9rem !important;
  color:#24362b !important;
}

.ops-kpi-grid-v37 small,
.friendly-kpis-v41 small{
  font-size:.8rem !important;
  font-weight:800 !important;
  color:#66756c !important;
}

.ops-kpi-grid-v37 strong,
.friendly-kpis-v41 strong{
  font-size:1.45rem !important;
  font-weight:950 !important;
  color:#173b26 !important;
}

.form-control,
.pm-form-grid-v42 label span,
.admin-form-grid label,
.auth-label-v35{
  font-size:.95rem !important;
}

.primary-button,
.secondary-button,
.ops-actions button,
.pm-text-button-v42{
  font-size:.92rem !important;
  font-weight:850 !important;
}

.status-chip,
.status,
.firebase-status{
  font-size:.76rem !important;
  font-weight:900 !important;
}

.table-sub,
.product-meta{
  font-size:.78rem !important;
}

@media(max-width:760px){
  .admin-topbar h2,
  .friendly-topbar-v41 h2{
    font-size:1.28rem !important;
  }

  .smart-admin-body,
  .friendly-admin-body-v41,
  .admin-main,
  .friendly-main-v41{
    font-size:15px;
  }

  .data-table{
    font-size:.86rem !important;
  }

  .ops-kpi-grid-v37 strong,
  .friendly-kpis-v41 strong{
    font-size:1.25rem !important;
  }
}

/* v65 compact Rider PWA + payment settings */
.payment-settings-panel-v65{max-width:820px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.payment-setting-card-v65{background:#fff;border:1px solid #dcebe1;border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:13px}
.payment-setting-card-v65 label,.payment-instructions-v65{display:flex;flex-direction:column;gap:7px;font-weight:850}
.payment-setting-brand-v65{display:flex;gap:12px;align-items:center}.payment-setting-brand-v65>span{font-size:2rem}.payment-setting-brand-v65 h3{margin:0}.payment-setting-brand-v65 p{margin:3px 0 0}
.toggle-line-v65{flex-direction:row!important;align-items:center}.toggle-line-v65 input{width:18px;height:18px}
.payment-instructions-v65{grid-column:1/-1}.payment-settings-panel-v65>.primary-button,.payment-settings-panel-v65>#paymentSettingsMessageV65{grid-column:1/-1}
.payment-transfer-help-v65{margin-top:10px;padding:13px;border-radius:14px;background:#eef9f1;border:1px solid #d4eadb;display:flex;flex-direction:column;gap:4px}
.payment-transfer-help-v65 strong{user-select:all;font-size:1.05rem;color:#168642}

/* Rider always presents like a focused mobile application */
.rider-shell-v40{max-width:520px!important;margin:0 auto!important;min-height:100vh!important;box-shadow:0 0 38px rgba(0,0,0,.12);background:#f5f8f6;position:relative}
.rider-shell-v40 .admin-sidebar{position:fixed!important;top:0!important;bottom:0!important;left:-290px!important;width:270px!important;z-index:1600!important;transition:left .2s ease!important}
body.admin-sidebar-open .rider-shell-v40 .admin-sidebar{left:max(calc(50% - 260px),0px)!important}
.rider-shell-v40 .admin-main{margin-left:0!important;width:100%!important;min-width:0!important}
.rider-shell-v40 .admin-topbar{position:sticky!important;top:0!important;z-index:1200!important;padding:11px 13px!important}
.rider-shell-v40 .admin-content{padding:11px!important}
.rider-shell-v40 .ops-kpi-grid-v37{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
.rider-shell-v40 .ops-kpi-grid-v37 article{padding:10px 8px!important}
.rider-shell-v40 .ops-kpi-grid-v37 strong{font-size:1.1rem!important}
.rider-shell-v40 .delivery-grid-v40{grid-template-columns:1fr!important}
.rider-shell-v40 .delivery-card-v40{padding:13px!important;border-radius:16px!important}
.rider-shell-v40 .firebase-status{font-size:.66rem!important;max-width:105px;overflow:hidden;text-overflow:ellipsis}
.rider-shell-v40 .haq-project-footer-v64{padding-bottom:18px!important}
@media(max-width:850px){
  .payment-settings-panel-v65{grid-template-columns:1fr}
  .payment-instructions-v65,.payment-settings-panel-v65>.primary-button,.payment-settings-panel-v65>#paymentSettingsMessageV65{grid-column:auto}
}
@media(max-width:540px){
  .rider-shell-v40{max-width:100%!important;box-shadow:none}
  body.admin-sidebar-open .rider-shell-v40 .admin-sidebar{left:0!important}
}

/* v66 refined Admin typography — clear, modern and not over-bold */
.smart-admin-body,
.friendly-admin-body-v41,
.smart-admin,
.friendly-admin-shell-v41,
.admin-main,
.friendly-main-v41{
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  color:#21332a;
  font-weight:400!important;
  letter-spacing:0;
}

.admin-topbar h2,
.friendly-topbar-v41 h2{
  font-size:1.55rem!important;
  line-height:1.2!important;
  font-weight:650!important;
  letter-spacing:-.025em!important;
  color:#173b27!important;
}

.admin-topbar small,
.friendly-topbar-v41 small,
.friendly-topbar-v41 p{
  font-size:.88rem!important;
  line-height:1.45!important;
  font-weight:400!important;
  color:#6a786f!important;
}

.admin-brand h1,
.friendly-brand-v41 h1{
  font-size:1.18rem!important;
  font-weight:700!important;
  letter-spacing:.015em!important;
}

.admin-brand span,
.friendly-brand-v41 span{
  font-size:.73rem!important;
  font-weight:400!important;
  opacity:.82;
}

.admin-nav-link,
.friendly-nav-v41 a{
  font-size:.94rem!important;
  line-height:1.25!important;
  font-weight:500!important;
  letter-spacing:-.005em!important;
}

.admin-nav-link.active,
.friendly-nav-v41 a.active{
  font-weight:650!important;
}

.smart-panel h2,
.smart-panel h3,
.friendly-panel-v41 h2,
.friendly-panel-v41 h3,
.section-head h2,
.friendly-panel-head-v41 h3{
  font-size:1.12rem!important;
  line-height:1.3!important;
  font-weight:650!important;
  letter-spacing:-.015em!important;
}

.smart-panel p,
.friendly-panel-v41 p,
.section-head p,
.friendly-panel-head-v41 p{
  font-size:.87rem!important;
  line-height:1.5!important;
  font-weight:400!important;
}

.data-table{
  font-size:.9rem!important;
  font-weight:400!important;
}

.data-table th{
  font-size:.78rem!important;
  text-transform:uppercase;
  letter-spacing:.035em!important;
  font-weight:600!important;
  color:#627168!important;
}

.data-table td,
.data-table td b{
  font-size:.9rem!important;
  font-weight:450!important;
  color:#26382e!important;
}

.data-table td b{
  font-weight:600!important;
}

.ops-kpi-grid-v37 small,
.friendly-kpis-v41 small{
  font-size:.77rem!important;
  font-weight:500!important;
  letter-spacing:.01em!important;
}

.ops-kpi-grid-v37 strong,
.friendly-kpis-v41 strong{
  font-size:1.38rem!important;
  font-weight:650!important;
  letter-spacing:-.025em!important;
}

.primary-button,
.secondary-button,
.ops-actions button,
.pm-text-button-v42{
  font-size:.88rem!important;
  font-weight:600!important;
  letter-spacing:0!important;
}

.form-control,
.pm-form-grid-v42 label span,
.admin-form-grid label{
  font-size:.92rem!important;
  font-weight:450!important;
}

.status-chip,
.status,
.firebase-status{
  font-size:.72rem!important;
  font-weight:600!important;
  letter-spacing:.01em!important;
}

.new-order-alert-v58,
.new-order-badge-v58{
  font-weight:650!important;
  letter-spacing:.025em!important;
}

@media(max-width:760px){
  .admin-topbar h2,.friendly-topbar-v41 h2{font-size:1.28rem!important}
  .admin-nav-link,.friendly-nav-v41 a{font-size:.92rem!important}
}

/* v67.1 Project of Haq Group footer */
.haq-project-footer-v64,
.haq-project-footer-v67{
  color:#29D18A !important;
  font-size:.76rem !important;
  line-height:1.4 !important;
  font-weight:600 !important;
  letter-spacing:.045em !important;
  opacity:1 !important;
  text-align:center !important;
  text-shadow:0 1px 0 rgba(255,255,255,.55);
}

.admin-main > .haq-project-footer-v64,
.admin-main > .haq-project-footer-v67,
.friendly-main-v41 > .haq-project-footer-v64,
.friendly-main-v41 > .haq-project-footer-v67{
  padding-top:16px !important;
  padding-bottom:18px !important;
}

@media(max-width:760px){
  .haq-project-footer-v64,
  .haq-project-footer-v67{
    font-size:.7rem !important;
    padding-left:8px !important;
    padding-right:8px !important;
  }
}

.order-server-status-v69{margin:10px 0;padding:9px 12px;border-radius:10px;background:#eef9f1;color:#267044;font-size:.8rem;font-weight:600}

/* v71 final Rider mobile-first responsive layout */
.rider-shell-v40{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  min-height:100vh!important;
  box-shadow:none!important;
  background:#f4faf7!important;
}

.rider-shell-v40 .admin-main{
  width:100%!important;
  min-width:0!important;
  margin-left:0!important;
}

.rider-shell-v40 .admin-content{
  width:100%!important;
  max-width:980px!important;
  margin:0 auto!important;
  padding:16px!important;
  box-sizing:border-box!important;
}

.rider-shell-v40 .admin-topbar{
  width:100%!important;
  min-height:76px!important;
  padding:14px 18px!important;
  box-sizing:border-box!important;
  background:linear-gradient(135deg,#0cae77,#00a383)!important;
  color:#fff!important;
}

.rider-shell-v40 .admin-topbar h2,
.rider-shell-v40 .admin-topbar small{
  color:#fff!important;
}

.rider-shell-v40 .firebase-status{
  background:#fff!important;
  color:#087f59!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  max-width:125px!important;
  text-align:center!important;
  line-height:1.15!important;
  padding:8px 10px!important;
  border-radius:999px!important;
}

.rider-shell-v40 .ops-kpi-grid-v37{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin-bottom:12px!important;
}

.rider-shell-v40 .ops-kpi-grid-v37 article{
  min-width:0!important;
  padding:15px!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid #dcebe3!important;
  box-shadow:0 8px 22px rgba(13,94,60,.08)!important;
}

.rider-shell-v40 .ops-kpi-grid-v37 small{
  display:block!important;
  margin-bottom:6px!important;
}

.rider-shell-v40 .delivery-grid-v40{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;
  gap:16px!important;
  width:100%!important;
}

.rider-shell-v40 .delivery-card-v40{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding:18px!important;
  border-radius:20px!important;
  background:#fff!important;
  border:1px solid #d9ebe1!important;
  box-shadow:0 12px 30px rgba(13,94,60,.09)!important;
}

.rider-order-head-v63{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:start!important;
}

.rider-order-head-v63 h3{
  margin:6px 0 2px!important;
  font-size:1.3rem!important;
  line-height:1.2!important;
  overflow-wrap:anywhere!important;
}

.rider-order-date-v71,
.order-date-time-v71{
  margin:5px 0 0!important;
  font-size:.78rem!important;
  color:#67776d!important;
  font-weight:500!important;
}

.rider-order-address-v63{
  margin:14px 0!important;
  padding:13px!important;
}

.rider-order-summary-v63{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}

.rider-order-summary-v63 strong{
  font-size:1.02rem!important;
}

.rider-order-details-v63 summary{
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
}

.rider-order-actions-v63 button{
  min-height:50px!important;
  width:100%!important;
  background:linear-gradient(135deg,#15b96f,#00a383)!important;
  color:#fff!important;
  border:0!important;
  border-radius:13px!important;
  font-size:1rem!important;
  font-weight:650!important;
}

@media(min-width:900px){
  .rider-shell-v40 .admin-sidebar{
    left:0!important;
    width:250px!important;
  }

  .rider-shell-v40 .admin-main{
    margin-left:250px!important;
    width:calc(100% - 250px)!important;
  }

  .rider-shell-v40 .admin-hamburger{
    display:none!important;
  }
}

@media(max-width:899px){
  .rider-shell-v40 .admin-sidebar{
    position:fixed!important;
    top:0!important;
    bottom:0!important;
    left:-290px!important;
    width:270px!important;
    z-index:1700!important;
    transition:left .2s ease!important;
  }

  body.admin-sidebar-open .rider-shell-v40 .admin-sidebar{
    left:0!important;
  }

  .rider-shell-v40 .admin-main{
    margin-left:0!important;
    width:100%!important;
  }
}

@media(max-width:600px){
  .rider-shell-v40 .admin-topbar{
    min-height:72px!important;
    padding:12px!important;
    gap:9px!important;
  }

  .rider-shell-v40 .admin-topbar h2{
    font-size:1.32rem!important;
  }

  .rider-shell-v40 .admin-topbar small{
    font-size:.76rem!important;
  }

  .rider-shell-v40 .admin-content{
    padding:11px!important;
  }

  .rider-shell-v40 .ops-kpi-grid-v37{
    gap:8px!important;
  }

  .rider-shell-v40 .ops-kpi-grid-v37 article{
    padding:11px 9px!important;
  }

  .rider-shell-v40 .ops-kpi-grid-v37 strong{
    font-size:1.2rem!important;
  }

  .rider-shell-v40 .delivery-grid-v40{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  .rider-shell-v40 .delivery-card-v40{
    padding:15px!important;
    border-radius:17px!important;
  }

  .rider-order-summary-v63{
    grid-template-columns:1fr 1fr!important;
  }

  .rider-order-head-v63 .status-chip{
    max-width:115px!important;
    text-align:center!important;
    white-space:normal!important;
  }
}

@media(max-width:360px){
  .rider-shell-v40 .ops-kpi-grid-v37{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .rider-shell-v40 .ops-kpi-grid-v37 small{
    font-size:.66rem!important;
  }

  .rider-order-summary-v63{
    grid-template-columns:1fr!important;
  }
}

/* v72 advertisement manager */
.ad-editor-v72{display:flex;flex-direction:column;gap:16px}
.ad-form-grid-v72{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ad-form-grid-v72 label,.ad-source-grid-v72 label,.ad-editor-v72>label{display:flex;flex-direction:column;gap:7px;font-weight:600}
.ad-source-grid-v72{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ad-upload-box-v72{border:1px dashed #9bcbb2;border-radius:15px;padding:14px;background:#f4fbf7}
.ad-upload-box-v72 small,.ad-source-grid-v72 small{font-weight:400;color:#718077}
.ad-preview-v72{min-height:180px;border:1px solid #dcebe1;border-radius:18px;background:#f5faf7;display:grid;place-items:center;overflow:hidden;color:#748078}
.ad-preview-v72 img,.ad-preview-v72 video{width:100%;max-height:360px;object-fit:contain;background:#111}
.ad-editor-actions-v72{display:flex;gap:10px;flex-wrap:wrap}.ad-editor-actions-v72 button{width:auto}
.ad-admin-grid-v72{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px}
.ad-admin-card-v72{border:1px solid #dcebe1;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 28px #143c2310}
.ad-admin-media-v72{height:180px;background:#111;display:grid;place-items:center}.ad-admin-media-v72 img,.ad-admin-media-v72 video{width:100%;height:100%;object-fit:cover}
.ad-admin-body-v72{padding:14px}.ad-admin-head-v72{display:flex;justify-content:space-between;gap:10px}.ad-admin-head-v72 h3{margin:4px 0}
.ad-admin-actions-v72{display:flex;gap:8px;margin-top:14px}.ad-admin-actions-v72 button{border:1px solid #cfe0d6;background:#f7faf8;border-radius:10px;padding:8px 11px;font-weight:600}.ad-admin-actions-v72 .danger{color:#b42335;background:#fff1f2}
.live-ad-slot-v72{padding:0 14px;margin:12px 0}.live-ad-link-v72{display:block;color:inherit}
.live-ad-card-v72{position:relative;border-radius:18px;overflow:hidden;background:#111;box-shadow:0 12px 28px #123a2418}
.live-ad-card-v72 img,.live-ad-card-v72 video{display:block;width:100%;max-height:300px;object-fit:cover}
.live-ad-label-v72{position:absolute;left:10px;bottom:10px;right:10px;display:flex;justify-content:space-between;gap:8px;align-items:center;background:#0c2c21cc;color:#fff;padding:8px 10px;border-radius:10px;backdrop-filter:blur(6px)}
.live-ad-label-v72 span{font-size:.62rem;text-transform:uppercase;letter-spacing:.06em}.live-ad-label-v72 b{font-size:.82rem}
@media(max-width:700px){.ad-form-grid-v72,.ad-source-grid-v72{grid-template-columns:1fr}.ad-editor-actions-v72 button{width:100%}.live-ad-card-v72 img,.live-ad-card-v72 video{max-height:220px}}

/* Bear Box v73 — three dedicated Customer Home advertisement positions only */
.live-ad-top-v73{padding:0;margin:0 0 20px}.live-ad-top-v73>.hero{margin:0 16px}
.live-ad-top-v73>.live-ad-link-v72,.live-ad-top-v73>.live-ad-card-v72{margin:0 16px}
.ad-offer-scroller-v73{align-items:stretch}.live-ad-offer-v73{padding:0;margin:0;min-width:222px;max-width:222px;display:block}
.live-ad-offer-v73[hidden]{display:none}.live-ad-offer-v73 .promo-card{min-width:222px}
.live-ad-offer-v73 .live-ad-card-v72{height:145px;border-radius:24px;box-shadow:var(--shadow-sm);border:1px solid var(--brand-100)}
.live-ad-offer-v73 .live-ad-card-v72 img,.live-ad-offer-v73 .live-ad-card-v72 video{width:100%;height:145px;max-height:none;object-fit:cover}
.live-ad-offer-v73 .live-ad-label-v72{padding:6px 8px}.live-ad-offer-v73 .live-ad-label-v72 b{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* v73.1 rider deliveries desktop width correction — layout only */
.rider-shell-v40{
  display:block!important;
}
@media(min-width:900px){
  .rider-shell-v40 .admin-sidebar{
    position:fixed!important;
    left:0!important;
    width:250px!important;
  }
  .rider-shell-v40 .admin-main{
    margin-left:250px!important;
    width:calc(100% - 250px)!important;
    min-width:0!important;
  }
}