:root{--blue:#0866f5;--blue-dark:#064fc2;--ink:#14213d;--muted:#687386;--line:#e5eaf2;--surface:#fff;--bg:#f4f7fb;--green:#15803d;--red:#dc2626}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border-radius:10px;padding:10px 15px;border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:650;transition:.15s}button:hover{filter:brightness(.97);transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.primary,.adminActions button,.adminHeadActions #adminNotificationsBtn{background:var(--blue)!important;color:#fff!important;border-color:var(--blue)!important}.primary:hover{background:var(--blue-dark)!important}.secondary{background:#fff;color:var(--blue);border-color:#cbdcfb}.danger{background:#ef4444;color:#fff;border-color:#ef4444}.hidden{display:none!important}.top{background:#fff;box-shadow:0 2px 14px #1725540c;position:sticky;top:0;z-index:10}.notice{text-align:center;background:var(--blue);color:white;padding:7px 12px;font-size:13px}.nav{max-width:1200px;margin:auto;padding:14px 18px;display:flex;align-items:center;gap:14px}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:#075bea;font-weight:900;font-size:21px;white-space:nowrap}.brand img{width:42px;height:42px;object-fit:contain}.search{display:flex;flex:1;max-width:650px;margin:auto}.search input{width:100%;border:1px solid var(--line);border-radius:12px 0 0 12px;padding:12px 14px;min-width:0}.search button{border-radius:0 12px 12px 0;background:var(--blue);color:#fff;border-color:var(--blue)}.iconBtn{color:var(--blue);background:#f4f8ff}.cats{max-width:1200px;margin:auto;padding:0 18px 12px;display:flex;gap:8px;overflow:auto}.cats button{white-space:nowrap;border-radius:999px}.cats button.active,.tabs button.active,.adminTabs button.active{background:var(--blue);color:#fff;border-color:var(--blue)}main{max-width:1200px;margin:22px auto 70px;padding:0 18px}.screen{min-height:65vh;display:grid;place-items:center}.authCard{background:white;border:1px solid var(--line);border-radius:24px;box-shadow:0 15px 50px #10254b12;width:min(100%,460px);padding:30px}.authLogo{display:block;width:110px;height:110px;object-fit:contain;margin:0 auto 10px}.authCard h1{text-align:center;margin:8px 0}.authCard>p{text-align:center;color:var(--muted)}.tabs{display:flex;gap:10px;margin:22px 0}.tabs button{flex:1}.authCard form,.checkout{display:grid;gap:14px}label{display:grid;gap:6px;font-weight:650}input,select,textarea{width:100%;border:1px solid #d6deeb;border-radius:10px;padding:12px;background:white;color:var(--ink)}textarea{resize:vertical}form .primary{width:100%;padding:13px}.msg{font-size:13px;margin:8px 0;color:#b91c1c}.small{font-size:12px}.muted{color:var(--muted);font-size:13px}.hero{background:linear-gradient(115deg,#075bea,#3287ff);color:white;border-radius:20px;padding:28px;display:flex;justify-content:space-between;align-items:center;gap:18px}.hero h1{margin:0 0 5px}.hero p{margin:0}.whatsapp{background:#fff;color:#075bea;border-radius:12px;padding:11px 15px;text-decoration:none;font-weight:750}.strips{display:flex;gap:12px;flex-wrap:wrap;padding:16px 0;color:var(--muted)}.strips span{background:#fff;border:1px solid var(--line);padding:9px 13px;border-radius:999px}.sectionHead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:20px 0 14px}.sectionHead h2{margin:0}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 3px 12px #17255408}.card>img{width:100%;height:190px;object-fit:cover;background:#f1f5f9}.cardBody{padding:14px}.cardBody h3{margin:4px 0 8px;font-size:16px}.price{font-size:22px;color:var(--blue);font-weight:850;margin:7px 0}.stockBadge{display:inline-flex;border-radius:999px;padding:5px 10px;font-weight:750;font-size:13px;margin:4px 0 12px}.inStock{background:#dcfce7;color:#15803d}.outStock{background:#fee2e2;color:#b91c1c}.cardBody .primary{display:block;width:100%;margin-top:6px}.productDetail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px}.productDetail img{width:100%;max-height:460px;object-fit:contain;border-radius:14px;background:#f8fafc}.productDetail h1{margin:5px 0}.productDetail label{max-width:150px;margin:12px 0}.productDetail button{margin-right:8px}.summary,.orderCard,.notificationPanel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;margin:12px 0}.orderStatusTabs,.adminTabs{display:flex;gap:8px;margin:16px 0;border-bottom:1px solid var(--line);padding-bottom:10px;overflow:auto}.orderStatusTabs button,.adminTabs button{white-space:nowrap}.orderStatusTabs button.active{background:var(--blue);color:white;border-color:var(--blue)}.orderCard p{margin:7px 0}.status{font-weight:750;color:var(--blue)}.notificationPanelHead{display:flex;justify-content:space-between;align-items:center;gap:10px}.notificationPanelHead h3,.notificationPanelHead h2{margin:0}.notificationItem{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.notificationItem:last-child{border-bottom:0}.notificationText{flex:1;min-width:0}.notificationText p{margin:3px 0}.notificationBadge{display:inline-block;background:#ef4444;color:white;border-radius:999px;padding:1px 7px}.adminHead{display:flex;justify-content:space-between;align-items:center;gap:16px;background:white;border:1px solid var(--line);padding:20px;border-radius:18px}.adminHead h1{margin:0}.adminHead p{margin:4px 0;color:var(--muted)}.adminHeadActions{display:flex;gap:8px;flex-wrap:wrap}.adminActions{display:flex;justify-content:flex-end;margin:12px 0}.adminRow{display:grid;grid-template-columns:70px minmax(150px,1.8fr) 120px 90px 90px 180px;gap:10px;align-items:center;padding:12px;border-bottom:1px solid var(--line);background:#fff}.adminRow img{width:58px;height:58px;object-fit:cover;border-radius:10px}.adminTable{overflow:auto;border:1px solid var(--line);border-radius:14px}.adminRow:first-child{background:#f1f5fb;font-weight:750}.adminRow button{background:var(--blue);color:white;border-color:var(--blue)}.adminRow button.danger{background:#ef4444;border-color:#ef4444}.modal{position:fixed;inset:0;background:#0f172a99;z-index:50;display:grid;place-items:center;padding:16px;overflow:auto}.modalCard{position:relative;background:white;border-radius:18px;padding:24px;width:min(100%,520px);max-height:90vh;overflow:auto}.close{float:right;font-size:24px;padding:2px 10px;color:#64748b}.preview{max-width:140px;max-height:140px;border-radius:10px;margin:8px 0}.checkout{max-width:680px;background:white;padding:22px;border-radius:18px;border:1px solid var(--line)}.bankBox{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:14px;margin:12px 0}.cartRow{display:flex;align-items:center;gap:12px;background:white;padding:12px;border:1px solid var(--line);border-radius:14px;margin:10px 0}.cartRow img{width:64px;height:64px;object-fit:cover;border-radius:10px}.accountMenu{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden}.accountMenuRow{width:100%;display:flex;align-items:center;gap:14px;padding:16px;border:0;border-bottom:1px solid var(--line);border-radius:0;text-align:left;background:white}.accountMenuRow span:nth-child(2){flex:1}.accountMenuRow small{display:block;color:var(--muted)}.accountMenuIcon{color:var(--blue);font-size:22px}.bottomNav{position:fixed;bottom:0;left:0;right:0;z-index:20;background:white;border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom));box-shadow:0 -4px 20px #0f172a0a}.bottomNav button{border:0;background:transparent;color:var(--muted);padding:5px 10px;display:grid;gap:1px;justify-items:center}.bottomNav button span{font-size:20px}.bottomNav button.active{color:var(--blue)}footer{text-align:center;color:var(--muted);font-size:12px;padding:24px}
body.dark{--ink:#e5edf9;--muted:#a7b3c6;--line:#2d3b51;--surface:#172337;--bg:#0b1220;background:var(--bg);color:var(--ink)}body.dark .top,body.dark .authCard,body.dark .card,body.dark .orderCard,body.dark .summary,body.dark .notificationPanel,body.dark .adminHead,body.dark .adminRow,body.dark .checkout,body.dark .modalCard,body.dark .accountMenu,body.dark .accountMenuRow,body.dark .bottomNav{background:#111c2d;color:var(--ink)}body.dark input,body.dark select,body.dark textarea{background:#0b1220;color:var(--ink)}body.dark .adminRow:first-child{background:#1b2b43}
@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card>img{height:155px}.adminRow{grid-template-columns:55px minmax(120px,1fr) 90px 65px 70px 150px;min-width:650px}.productDetail{gap:18px;padding:16px}.hero{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.nav{padding:10px;gap:8px;flex-wrap:wrap}.brand{font-size:18px}.brand img{width:34px;height:34px}.search{order:3;flex-basis:100%;max-width:none}.cats{padding:0 10px 10px}main{padding:0 10px;margin-top:14px}.authCard{padding:22px 17px}.hero{padding:20px}.grid{gap:10px}.card>img{height:125px}.cardBody{padding:10px}.cardBody h3{font-size:14px}.price{font-size:19px}.productDetail{grid-template-columns:1fr}.productDetail img{max-height:300px}.adminHead{align-items:flex-start;flex-direction:column}.adminHeadActions{width:100%}.adminHeadActions button{flex:1}.notificationItem{flex-wrap:wrap}.cartRow{flex-wrap:wrap}.orderStatusTabs button{font-size:13px;padding:9px 10px}}

/* Big Alien Venture fixes: show discovery controls only on the marketplace. */
body:not(.marketplace-view) .nav .search, body:not(.marketplace-view) .cats { display:none !important; }
/* Dark mode: keep payment/account panels and form text readable. */
body.dark .bankBox { background:#172b46; border-color:#35577e; color:#f1f5fb; }
body.dark .bankBox p, body.dark .bankBox b, body.dark .bankBox span { color:#f1f5fb; }
body.dark .accountPanel, body.dark .accountPanel h3, body.dark .accountPanel h4,
body.dark .accountPanel p, body.dark .accountPanel label, body.dark .checkout label,
body.dark .productDetail, body.dark .productDetail p, body.dark .productDetail label,
body.dark .cartRow, body.dark .cartRow b, body.dark .cartRow div { color:var(--ink); }
body.dark .accountPanel hr { border:0; border-top:1px solid var(--line); }
body.dark .addressFieldset { border-color:#3a4b65; background:#111c2d; }
body.dark .addressFieldset legend { color:#f1f5fb; }
body.dark .addressFieldset input, body.dark .addressFieldset select { background:#0b1220; color:#f1f5fb; border-color:#40516b; }
.addressFieldset { min-width:0; margin:8px 0; padding:14px; border:1px solid var(--line); border-radius:14px; display:grid; gap:12px; }
.addressFieldset legend { padding:0 8px; font-weight:800; }
.serializedAddress { display:none !important; }
body.dark .accountMenuRow small { color:#c0ccdc; }
body.dark .notificationItem, body.dark .notificationText p, body.dark .notificationText small { color:#e5edf9; }
body.dark .muted, body.dark .small { color:#bdc9da; }
@media(max-width:560px){ .addressFieldset { padding:12px; } }

/* Big Alien Venture fixes: show discovery controls only on the marketplace. */
body:not(.marketplace-view) .nav .search, body:not(.marketplace-view) .cats { display:none !important; }
/* Dark mode: keep payment/account panels and form text readable. */
body.dark .bankBox { background:#172b46; border-color:#35577e; color:#f1f5fb; }
body.dark .bankBox p, body.dark .bankBox b, body.dark .bankBox span { color:#f1f5fb; }
body.dark .accountPanel, body.dark .accountPanel h3, body.dark .accountPanel h4,
body.dark .accountPanel p, body.dark .accountPanel label, body.dark .checkout label,
body.dark .productDetail, body.dark .productDetail p, body.dark .productDetail label,
body.dark .cartRow, body.dark .cartRow b, body.dark .cartRow div { color:var(--ink); }
body.dark .accountPanel hr { border:0; border-top:1px solid var(--line); }
body.dark .addressFieldset { border-color:#3a4b65; background:#111c2d; }
body.dark .addressFieldset legend { color:#f1f5fb; }
body.dark .addressFieldset input, body.dark .addressFieldset select { background:#0b1220; color:#f1f5fb; border-color:#40516b; }
.addressFieldset { min-width:0; margin:8px 0; padding:14px; border:1px solid var(--line); border-radius:14px; display:grid; gap:12px; }
.addressFieldset legend { padding:0 8px; font-weight:800; }
.serializedAddress { display:none !important; }
body.dark .accountMenuRow small { color:#c0ccdc; }
body.dark .notificationItem, body.dark .notificationText p, body.dark .notificationText small { color:#e5edf9; }
body.dark .muted, body.dark .small { color:#bdc9da; }
@media(max-width:560px){ .addressFieldset { padding:12px; } }

/* Page-level back button: shown only on customer pages other than Marketplace. */
.pageBackBtn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  font-weight: 750;
}


/* Keep admin notification actions visible on mobile */
#adminNotifications .notificationItem {
  flex-wrap: wrap;
  min-width: 0;
}

#adminNotifications .notificationText {
  flex: 1 1 180px;
  min-width: 0;
  overflow-wrap: anywhere;
}

#adminNotifications .notificationItem button {
  max-width: 100%;
  white-space: normal;
}