:root{
  --c3-bg:#17181B;
  --c3-surface:#1E2024;
  --c3-surface-2:#24262B;
  --c3-border:#2E3136;
  --c3-text:#F4F4F1;
  --c3-muted:#9DA0A7;
  --c3-accent:#FF6A35;
  --c3-accent-hover:#FF8257;
  --c3-accent-2:#3DDDD0;
  --c3-thumb-bg:#F3EEDA;
  --c3-thumb-ink:#3A3626;
  --c3-danger:#E5484D;
  --c3-danger-hover:#FF6169;
  --c3-warn:#FFB648;
}
body{ background:var(--c3-bg); font-family:'Manrope',system-ui,sans-serif; }
.c3-brand{ display:inline-flex; align-items:center; gap:.5rem; font-family:'Outfit',sans-serif; font-weight:800; color:var(--c3-text); text-decoration:none; }
.c3-brand:hover{ color:var(--c3-text); }
.c3-brand-logo{ height:1.5em; width:auto; display:inline-block; vertical-align:-0.3em; }
.c3-icon{ width:1.25em; height:1.25em; display:inline-block; vertical-align:-0.2em; }
.c3-navbar{ background:var(--c3-bg); border-bottom:1px solid var(--c3-border); }
.c3-navbar-row2{ background:var(--c3-surface); border-top:1px solid var(--c3-border); }
.c3-search{ background:var(--c3-surface-2); border:1px solid var(--c3-border); border-radius:999px; overflow:hidden; }
.c3-search input{ background:transparent; border:none; color:var(--c3-text); box-shadow:none; }
.c3-search input::placeholder{ color:var(--c3-muted); }
.c3-search input:focus{ background:transparent; color:var(--c3-text); box-shadow:none; }
.c3-search button{ background:transparent; border:none; color:var(--c3-muted); }
.c3-search button:hover{ color:var(--c3-accent); }
.c3-link{ color:var(--c3-muted); text-decoration:none; }
.c3-link:hover{ color:var(--c3-text); }
.c3-active{ color:var(--c3-accent) !important; }
.c3-inactive{ color:var(--c3-muted) !important; }
.c3-btn-solid{ background:var(--c3-accent); color:#fff; border:none; border-radius:10px; font-weight:700; }
.c3-btn-solid:hover{ background:var(--c3-accent-hover); color:#fff; }
.c3-iconbtn{ color:var(--c3-text); }
.c3-iconbtn:hover{ color:var(--c3-accent); }
.c3-cart-badge{ background:var(--c3-accent-2); color:#0B1F1D; font-size:10px; }
.c3-bottomnav{ background:var(--c3-bg); border-top:1px solid var(--c3-border); }

.c3-page-title{ font-family:'Outfit',sans-serif; font-weight:700; color:var(--c3-text); }
.c3-page-title i{ color:var(--c3-accent); }
.c3-empty{ color:var(--c3-muted); text-align:center; padding-block:3rem; }

.c3-card{ background:var(--c3-surface); border:1px solid var(--c3-border); border-radius:14px; overflow:hidden; transition:transform .15s, border-color .15s; text-decoration:none; display:block; height:100%; }
.c3-card:hover{ transform:translateY(-3px); border-color:#3A3D42; }
.c3-card-thumb{ height:140px; background:var(--c3-thumb-bg); color:var(--c3-thumb-ink); display:flex; align-items:center; justify-content:center; overflow:hidden; }
.c3-card-thumb img{ width:100%; height:100%; object-fit:cover; }
.c3-card-thumb .c3-icon{ width:2rem; height:2rem; opacity:.6; }
.c3-card-body{ padding:.6rem .7rem .75rem; }
.c3-card-tag{ font-size:.64rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:var(--c3-accent); margin-bottom:.25rem; display:block; }
.c3-card-title{ font-weight:600; font-size:.83rem; line-height:1.25; margin-bottom:.2rem; color:var(--c3-text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.c3-card-store{ color:var(--c3-muted); font-size:.72rem; margin-bottom:.35rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.c3-card-foot{ display:flex; align-items:center; justify-content:space-between; }
.c3-card-price{ font-family:'Outfit',sans-serif; font-weight:700; font-size:.95rem; color:var(--c3-text); }
.c3-card-meta{ color:var(--c3-muted); font-size:.7rem; display:flex; align-items:center; gap:.2rem; }

.c3-store-card{ background:var(--c3-surface); border:1px solid var(--c3-border); border-radius:14px; overflow:hidden; transition:transform .15s, border-color .15s; text-decoration:none; display:block; height:100%; }
.c3-store-card:hover{ transform:translateY(-3px); border-color:#3A3D42; }
.c3-store-banner{ height:100px; background:var(--c3-surface-2); overflow:hidden; }
.c3-store-banner img{ width:100%; height:100%; object-fit:cover; }
.c3-store-banner-fallback{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:var(--c3-accent); }
.c3-store-body{ padding:.85rem 1rem; }
.c3-store-logo{ width:40px; height:40px; border-radius:50%; object-fit:cover; flex-shrink:0; background:var(--c3-surface-2); border:1px solid var(--c3-border); }
.c3-store-name{ font-family:'Outfit',sans-serif; font-weight:700; color:var(--c3-text); font-size:.95rem; }
.c3-store-rating{ color:var(--c3-muted); font-size:.78rem; }
.c3-store-rating .sd-star, .c3-store-rating .c3-star{ color:#FFB648; }
.c3-store-desc{ color:var(--c3-muted); font-size:.8rem; margin-top:.5rem; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

.c3-box{ background:var(--c3-surface); border:1px solid var(--c3-border); border-radius:14px; }
.c3-box-warn{ background:rgba(255,182,72,.08); border:1px solid rgba(255,182,72,.35); border-radius:14px; }
.c3-box-warn i{ color:var(--c3-warn); }
.c3-box-warn-title{ color:var(--c3-warn); }
.c3-divider{ border-color:var(--c3-border) !important; }
.c3-title{ font-family:'Outfit',sans-serif; font-weight:700; color:var(--c3-text); }
.c3-text{ color:var(--c3-text); }

.c3-input{ background:var(--c3-surface-2); color:var(--c3-text); border:1px solid var(--c3-border); }
.c3-input::placeholder{ color:var(--c3-muted); }
.c3-input:focus{ background:var(--c3-surface-2); color:var(--c3-text); border-color:var(--c3-accent); box-shadow:none; }

.c3-btn-outline{ background:var(--c3-surface-2); color:var(--c3-text); border:1px solid var(--c3-border); border-radius:10px; font-weight:700; }
.c3-btn-outline:hover{ border-color:var(--c3-accent); color:var(--c3-accent); }
.c3-btn-danger{ background:var(--c3-danger); border:none; color:#fff; border-radius:10px; font-weight:700; }
.c3-btn-danger:hover{ background:var(--c3-danger-hover); color:#fff; }
.c3-btn-whatsapp{ background:#25D366; border:none; color:#0B1F1D; border-radius:10px; font-weight:700; }
.c3-btn-whatsapp:hover{ background:#2FE277; color:#0B1F1D; }
.c3-btn-mp{ background:#fff; border:2px solid #009EE3; color:#00224f; border-radius:10px; font-weight:700; }
.c3-btn-mp:hover{ color:#00224f; }

.c3-iconbtn-sm{ width:30px; height:30px; border-radius:50%; background:var(--c3-surface-2); border:1px solid var(--c3-border); color:var(--c3-text); display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; }
.c3-iconbtn-sm:hover{ border-color:var(--c3-accent); color:var(--c3-accent); }
.c3-thumb-sm{ width:60px; height:60px; border-radius:10px; background:var(--c3-thumb-bg); color:var(--c3-thumb-ink); display:flex; align-items:center; justify-content:center; flex-shrink:0; overflow:hidden; }
.c3-thumb-sm img{ width:100%; height:100%; object-fit:cover; }
.c3-qty-input{ width:50px; }
.c3-icon-mp{ height:22px; }
.c3-icon-accent{ color:var(--c3-accent); }
.c3-icon-warn{ color:var(--c3-warn); }

.c3-badge{ font-weight:600; color:#fff; }
.c3-badge-neutral{ background:var(--c3-surface-2); color:var(--c3-muted); border:1px solid var(--c3-border); }
.c3-badge-ok{ background:#3FB65F; }
.c3-badge-danger{ background:var(--c3-danger); }
.c3-badge-info{ background:#049CD8; }
.c3-badge-warn{ background:var(--c3-warn); color:#1a1a1a; }
.c3-badge-purple{ background:#7B5EA7; }

.c3-order-card{ background:var(--c3-surface); border:1px solid var(--c3-border); border-radius:14px; padding:1rem; text-decoration:none; display:block; }
.c3-order-card:hover{ border-color:#3A3D42; }

.c3-pill-scroll{ display:flex; gap:.5rem; overflow-x:auto; scrollbar-width:none; -ms-overflow-style:none; }
.c3-pill-scroll::-webkit-scrollbar{ display:none; }
.c3-filter-pill{ border-radius:999px; font-weight:700; flex-shrink:0; border:1px solid var(--c3-border); background:var(--c3-surface-2); color:var(--c3-muted); }
.c3-filter-pill:hover{ color:var(--c3-text); }
.c3-filter-pill.active{ background:var(--c3-accent); border-color:var(--c3-accent); color:#fff; }
.c3-filter-pill .badge{ font-size:10px; }
.c3-filter-pill .badge.c3-count-active{ background:rgba(255,255,255,.25); color:#fff; }
.c3-filter-pill .badge.c3-count-inactive{ background:var(--c3-border); color:var(--c3-muted); }

.c3-chip{ font-size:10px; background:var(--c3-surface-2); color:var(--c3-muted); border:1px solid var(--c3-border); }
.c3-msg{ border-radius:12px; padding:.5rem .75rem; }
.c3-msg-in{ background:var(--c3-surface-2); }
.c3-msg-out{ background:rgba(255,106,53,.12); }
.c3-msg-sender{ font-weight:600; }
.c3-msg-sender-me{ color:var(--c3-accent); }
.c3-msg-sender-other{ color:var(--c3-accent-2); }

.c3-box-ok{ background:rgba(63,182,95,.08); border:1px solid rgba(63,182,95,.35); border-radius:14px; }
.c3-box-ok i{ color:#3FB65F; }

.c3-btn-ok{ background:#3FB65F; border:none; color:#fff; border-radius:10px; font-weight:700; }
.c3-btn-ok:hover{ background:#4FCB70; color:#fff; }
.c3-btn-info{ background:#049CD8; border:none; color:#fff; border-radius:10px; font-weight:700; }
.c3-btn-info:hover{ background:#1CB3EF; color:#fff; }
.c3-btn-outline-danger{ background:transparent; border:1px solid var(--c3-danger); color:var(--c3-danger); border-radius:10px; font-weight:700; }
.c3-btn-outline-danger:hover{ background:var(--c3-danger); color:#fff; }

.c3-subbox{ background:var(--c3-surface-2); border-radius:10px; }

.c3-icon-ok{ color:#3FB65F; }
.c3-icon-danger{ color:var(--c3-danger); }
.c3-btn-warn{ background:var(--c3-warn); border:none; color:#1a1a1a; border-radius:10px; font-weight:700; }
.c3-btn-warn:hover{ background:#FFC670; color:#1a1a1a; }

.c3-icon-accent2{ color:var(--c3-accent-2); }
.c3-icon-info{ color:#049CD8; }
.c3-link-accent{ color:var(--c3-accent); text-decoration:none; font-weight:700; }
.c3-link-accent:hover{ color:var(--c3-accent-hover); }
.c3-danger-text{ color:var(--c3-danger); }
.c3-avatar-circle{ width:50px; height:50px; border-radius:50%; background:var(--c3-surface-2); border:1px solid var(--c3-border); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.c3-list-row{ text-decoration:none; padding:.9rem 1rem; display:flex; justify-content:space-between; align-items:center; }
.c3-list-row:hover{ background:var(--c3-surface-2); }

.c3-dash-header{ background:var(--c3-surface); border-bottom:1px solid var(--c3-border); padding:1rem; margin:-1rem -1rem 0 -1rem; display:flex; align-items:center; gap:1rem; }
.c3-dash-stats{ background:var(--c3-surface); border-bottom:1px solid var(--c3-border); margin:0 -1rem 1rem -1rem; }
.c3-dash-stat{ border-right:1px solid var(--c3-border); }
.c3-dash-stat:last-child{ border-right:none; }
.c3-dash-stat-value{ font-family:'Outfit',sans-serif; font-weight:700; font-size:1.1rem; color:var(--c3-text); }
.c3-dash-stat-label{ color:var(--c3-muted); font-size:10px; }
.c3-card-thumb-sm{ height:75px; }