:root {
  color-scheme: light;
  --ink: #171817;
  --muted: #717872;
  --line: #e6e7e4;
  --surface: #fff;
  --canvas: #fafaf7;
  --peach: #fff0ea;
  --mint: #b8f1d5;
  --violet: #7657e8;
  --pink: #ff4f86;
  --coral: #ff5a50;
  --danger: #cf3244;
  --success: #15875f;
  --shadow: 0 18px 48px rgba(25, 28, 25, 0.08);
  --radius: 22px;
}

* { box-sizing: border-box; }
.sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--canvas);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 15px;
  line-height: 1.5;
}
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }

.site-header {
  position: sticky;
  z-index: 30;
  top: 0;
  min-height: 74px;
  padding: 0 max(22px, calc((100vw - 1240px) / 2));
  display: grid;
  grid-template-columns: 230px 1fr auto;
  align-items: center;
  gap: 20px;
  border-bottom: 1px solid rgba(223, 226, 221, 0.9);
  background: rgba(250, 250, 247, 0.92);
  backdrop-filter: blur(18px);
}
.brand { min-width: 0; display: grid; grid-template-columns: 40px auto; grid-template-rows: 20px 16px; align-items: center; column-gap: 10px; }
.brand > span { grid-row: 1 / 3; width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px 12px 12px 5px; color: #fff; background: linear-gradient(135deg, var(--coral), var(--pink) 55%, var(--violet)); font-size: 21px; font-weight: 950; box-shadow: 0 8px 18px rgba(255, 79, 104, 0.24); }
.brand > b { align-self: end; font-size: 17px; letter-spacing: -0.45px; }
.brand > small { align-self: start; overflow: hidden; display: flex; align-items: center; gap: 5px; color: #858c86; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.7px; text-overflow: ellipsis; white-space: nowrap; }
.country-flag { width: 18px; height: 18px; flex: 0 0 18px; display: inline-grid; place-items: center; overflow: hidden; border: 1px solid rgba(23, 24, 23, 0.1); border-radius: 50%; background: #fff; font-size: 14px; font-style: normal; line-height: 1; box-shadow: 0 2px 6px rgba(23, 24, 23, 0.1); }
.desktop-nav { height: 100%; display: flex; align-items: center; justify-content: center; gap: 6px; }
.desktop-nav > a { position: relative; min-height: 42px; padding: 0 14px; display: inline-flex; align-items: center; border-radius: 12px; color: #5e655f; font-size: 13px; font-weight: 750; }
.desktop-nav > a:hover, .desktop-nav > a.active { color: var(--ink); background: #fff; }
.desktop-nav > a.active::after { content: ""; position: absolute; right: 15px; bottom: 7px; left: 15px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, var(--coral), var(--pink)); }
.desktop-nav i { min-width: 17px; height: 17px; margin-left: 6px; padding: 0 4px; display: inline-grid; place-items: center; border-radius: 20px; color: #fff; background: var(--pink); font-size: 9px; font-style: normal; }
.header-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.language-switcher select, .theme-toggle { height: 36px; border: 1px solid var(--line); border-radius: 11px; color: var(--ink); background: var(--surface); font-size: 11px; font-weight: 900; }
.language-switcher select { padding: 0 8px; }
.theme-toggle { width: 36px; padding: 0; display: grid; place-items: center; font-size: 17px; }
.text-button { padding: 10px; font-size: 13px; font-weight: 800; }
.primary-button, .dark-button, .outline-button {
  min-height: 46px; padding: 0 20px; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  border: 0; border-radius: 13px; font-weight: 850; transition: 160ms ease;
}
.primary-button { color: #fff; background: linear-gradient(135deg, var(--coral), var(--pink)); box-shadow: 0 9px 20px rgba(255, 79, 104, 0.2); }
.primary-button:hover { transform: translateY(-1px); box-shadow: 0 12px 26px rgba(255, 79, 104, 0.27); }
.primary-button.small { min-height: 40px; padding: 0 15px; font-size: 12px; }
.dark-button { color: #fff; background: var(--ink); }
.outline-button { border: 1px solid var(--line); background: #fff; }
.account-menu { position: relative; }
.account-menu summary { display: flex; align-items: center; gap: 8px; list-style: none; cursor: pointer; }
.account-menu summary::-webkit-details-marker { display: none; }
.account-menu summary > span { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--ink); font-weight: 900; }
.account-menu summary > b { max-width: 112px; overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.account-menu > div { position: absolute; top: 48px; right: 0; width: 220px; padding: 8px; border: 1px solid var(--line); border-radius: 15px; background: #fff; box-shadow: var(--shadow); }
.account-menu > div a, .account-menu > div button { width: 100%; min-height: 39px; padding: 0 10px; display: flex; align-items: center; border: 0; border-radius: 9px; background: transparent; font-size: 12px; font-weight: 750; text-align: left; }
.account-menu > div a:hover, .account-menu > div button:hover { background: #f3f3ef; }
.site-main { width: min(1240px, calc(100% - 44px)); min-height: calc(100vh - 230px); margin: 0 auto; }
.flash { position: fixed; z-index: 80; top: 86px; right: 24px; max-width: 380px; padding: 14px 42px 14px 16px; border: 1px solid #dde0dc; border-radius: 13px; background: #fff; box-shadow: var(--shadow); font-weight: 750; }
.flash.success { border-color: #bde7d1; color: #136d4e; }
.flash.error { border-color: #f2b5bd; color: #a61f33; }
.flash button { position: absolute; top: 7px; right: 8px; width: 28px; height: 28px; border: 0; border-radius: 50%; background: #f2f3f0; }
.market-hero { position: relative; min-height: 390px; margin-top: 22px; padding: 62px 60px 38px; overflow: hidden; border-radius: 32px; background: radial-gradient(circle at 85% 10%, rgba(122, 86, 232, 0.22), transparent 32%), radial-gradient(circle at 8% 90%, rgba(184, 241, 213, 0.5), transparent 34%), linear-gradient(135deg, #fff3ee, #fff 58%, #f1edff); box-shadow: inset 0 0 0 1px rgba(225, 221, 218, 0.9); }
.market-hero::before, .market-hero::after { content: ""; position: absolute; border-radius: 50%; }
.market-hero::before { top: -110px; right: -85px; width: 280px; height: 280px; background: linear-gradient(135deg, var(--pink), var(--violet)); opacity: 0.16; }
.market-hero::after { bottom: 78px; left: -90px; width: 180px; height: 180px; border: 36px solid rgba(255, 90, 80, 0.1); }
.hero-copy { position: relative; z-index: 1; max-width: 700px; }
.eyebrow { color: var(--pink); font-size: 11px; font-weight: 950; letter-spacing: 1.4px; }
.hero-copy h1 { max-width: 710px; margin: 10px 0 8px; font-size: clamp(42px, 5.3vw, 74px); line-height: 0.99; letter-spacing: -4px; }
.hero-copy p { max-width: 620px; margin: 0; color: #636b65; font-size: 17px; }
.free-seal { position: absolute; z-index: 2; top: 48px; right: 55px; width: 126px; height: 126px; padding: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; transform: rotate(5deg); border-radius: 50% 50% 50% 26%; color: #fff; background: var(--ink); text-align: center; box-shadow: 0 18px 30px rgba(20, 22, 20, 0.18); }
.free-seal b { color: var(--mint); font-size: 28px; letter-spacing: -1px; }
.free-seal span { margin-top: 3px; font-size: 9px; font-weight: 800; line-height: 1.25; }
.hero-search { position: relative; z-index: 3; margin-top: 50px; padding: 8px; display: grid; grid-template-columns: 1.2fr .85fr 1fr 130px; gap: 8px; border: 1px solid var(--line); border-radius: 20px; background: #fff; box-shadow: var(--shadow); }
.hero-search label { min-height: 65px; padding: 10px 14px; display: grid; grid-template-columns: 28px 1fr; grid-template-rows: 18px 28px; align-items: center; column-gap: 8px; border-radius: 13px; background: #f5f6f3; }
.hero-search label small { grid-column: 1 / 3; color: #858d87; font-size: 10px; font-weight: 850; text-transform: uppercase; letter-spacing: 0.6px; }
.hero-search label > span { color: var(--violet); font-size: 22px; }
.hero-search input, .hero-search select { width: 100%; padding: 0; border: 0; outline: 0; color: var(--ink); background: transparent; font-weight: 750; }
.hero-search button { border: 0; border-radius: 14px; color: #fff; background: var(--ink); font-weight: 900; }
.hero-search > input[type="hidden"] { display: none; }
.hero-search label:nth-child(2) { grid-template-columns: 28px 1fr 34px; }
.hero-search label:nth-child(2) small { grid-column: 1 / 4; }
.hero-search .geo-button { width: 32px; height: 32px; padding: 0; border-radius: 10px; color: #fff; background: var(--violet); font-size: 17px; }
.hero-search .geo-button { overflow: hidden; white-space: nowrap; }
.geo-button.is-locating { color: transparent; }
.geo-button.is-locating::after { content: ""; position: absolute; width: 13px; height: 13px; margin: 9px; inset: 0; border: 2px solid rgba(255,255,255,.45); border-top-color: #fff; border-radius: 50%; animation: location-spin .7s linear infinite; }
.geo-button { position: relative; }
@keyframes location-spin { to { transform: rotate(360deg); } }
.hero-search .hero-city { grid-template-columns: 28px 1fr; }
.hero-search .hero-city small { grid-column: 1 / 3; }
.hero-search .location-picker { min-width: 0; }
.hero-search .location-picker input { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hero-search .location-picker > button { display: none; }
.category-row { margin: 20px 0 12px; padding: 10px; display: grid; grid-template-columns: repeat(5, 1fr); gap: 7px; border: 1px solid var(--line); border-radius: 22px; background: #fff; }
.category-row a { min-height: 70px; padding: 9px; display: grid; grid-template-columns: 46px 1fr; align-items: center; gap: 9px; border-radius: 14px; }
.category-row a:hover { background: #f5f2ff; }
.category-row a > span { width: 45px; height: 45px; display: grid; place-items: center; border-radius: 13px; background: linear-gradient(135deg, var(--peach), #f0ecff); color: var(--violet); font-size: 19px; font-weight: 900; }
.category-row div { min-width: 0; display: flex; flex-direction: column; }
.category-row b { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.category-row small { margin-top: 3px; overflow: hidden; color: #939a95; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.trust-strip { margin: 22px 0 30px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.trust-strip article { min-height: 108px; padding: 20px; display: grid; grid-template-columns: 50px 1fr; align-items: center; gap: 14px; border: 1px solid var(--line); border-radius: 20px; background: #fff; }
.trust-strip article > span { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50% 50% 50% 18px; color: #123e2f; background: var(--mint); font-size: 19px; font-weight: 950; }
.trust-strip article:nth-child(2) > span { color: #5c3ccc; background: #ede7ff; }
.trust-strip article:nth-child(3) > span { color: #a22c3e; background: #ffe5e9; }
.trust-strip b { font-size: 13px; }
.trust-strip p { margin: 4px 0 0; color: var(--muted); font-size: 11px; }
.section-heading { min-height: 95px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.section-heading > div > span { color: var(--pink); font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; }
.section-heading h1, .section-heading h2 { margin: 4px 0 0; font-size: 29px; letter-spacing: -1px; }
.section-heading > a { font-size: 12px; font-weight: 850; }
.sponsored-card { min-height: 112px; margin-bottom: 18px; padding: 22px 26px; overflow: hidden; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-radius: 22px; color: #fff; background: radial-gradient(circle at 15% 150%, rgba(184, 241, 213, 0.28), transparent 45%), linear-gradient(120deg, #171817, #3c315f); }
.sponsored-card small { color: var(--mint); font-size: 9px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; }
.sponsored-card h3 { margin: 4px 0; font-size: 21px; }
.sponsored-card p { margin: 0; color: #c7c9c7; font-size: 12px; }
.sponsored-card > a { min-width: 100px; padding: 12px 16px; border-radius: 11px; color: #171817; background: var(--mint); font-weight: 900; text-align: center; }
.listing-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 15px; }
.listing-card { overflow: hidden; border: 1px solid var(--line); border-radius: 20px; background: #fff; transition: 180ms ease; }
.listing-card:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
.listing-image { position: relative; aspect-ratio: 1.2; overflow: hidden; display: block; background: #eceeea; }
.listing-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 300ms ease; }
.listing-card:hover .listing-image img { transform: scale(1.025); }
.listing-image > span, .featured-badge, .urgent-badge, .top-badge, .demo-paid-badge { position: absolute; padding: 6px 8px; border-radius: 8px; font-size: 9px; font-weight: 900; backdrop-filter: blur(8px); }
.listing-image > span { bottom: 10px; left: 10px; color: #176a4e; background: rgba(231, 249, 241, 0.94); }
.featured-badge { top: 10px; right: 10px; color: #292b2a; border: 1px solid rgba(255,255,255,.72); background: rgba(255,255,255,.86); box-shadow: 0 8px 24px rgba(20,22,20,.12); }
.urgent-badge { top: 10px; left: 10px; color: #fff4c6; border: 1px solid rgba(255,220,117,.35); background: rgba(24,25,24,.86); box-shadow: 0 8px 25px rgba(20,22,20,.22); letter-spacing: .45px; }
.top-badge { top: 10px; left: 10px; color: #2d240d; border: 1px solid rgba(255,255,255,.55); background: rgba(255,218,104,.92); box-shadow: 0 8px 25px rgba(92,70,10,.18); letter-spacing: .35px; }
.demo-paid-badge { right: 10px; bottom: 10px; color: #fff; border: 1px solid rgba(255,255,255,.24); background: rgba(24,25,24,.72); letter-spacing: .55px; }
.paid-demo-label { margin-left: 5px; color: #684a00 !important; background: #ffe7a0 !important; }
.listing-content { padding: 13px; }
.listing-location { overflow: hidden; color: #828a83; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.listing-location span { color: var(--violet); }
.listing-card h3 { height: 43px; margin: 7px 0 5px; overflow: hidden; font-size: 15px; line-height: 1.35; }
.listing-price { min-height: 35px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #eceeea; }
.listing-price b { font-size: 18px; letter-spacing: -0.5px; }
.listing-price small { color: #858d87; font-size: 10px; }
.seller-line { min-height: 44px; display: grid; grid-template-columns: 28px 1fr 16px; align-items: center; gap: 7px; }
.seller-line > span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--ink); font-size: 10px; font-weight: 900; }
.seller-line b { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.seller-line i { width: 14px; height: 14px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--violet); font-size: 8px; font-style: normal; }
.card-actions { display: grid; grid-template-columns: 38px 1fr; gap: 6px; }
.card-actions form button { width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 10px; color: var(--pink); background: #fff; font-size: 18px; }
.card-actions > a { min-height: 38px; display: flex; align-items: center; justify-content: center; gap: 8px; border-radius: 10px; color: #fff; background: var(--ink); font-size: 11px; font-weight: 850; }
.sell-banner { margin: 40px 0 70px; padding: 30px 34px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-radius: 26px; background: linear-gradient(135deg, #ffe5dc, #f0eaff); }
.sell-banner > div { display: grid; grid-template-columns: 48px 1fr; }
.sell-banner > div > span { grid-row: 1 / 3; width: 46px; height: 46px; display: grid; place-items: center; border-radius: 14px; color: #fff; background: var(--ink); font-size: 24px; }
.sell-banner h2 { margin: 0 0 0 14px; font-size: 23px; }
.sell-banner p { margin: 2px 0 0 14px; color: var(--muted); font-size: 12px; }
.browse-layout { padding: 38px 0 70px; display: grid; grid-template-columns: 260px 1fr; gap: 28px; }
.filter-panel { position: sticky; top: 98px; height: max-content; padding: 22px; border: 1px solid var(--line); border-radius: 20px; background: #fff; }
.filter-panel h1 { margin: 4px 0 18px; font-size: 25px; }
.filter-panel form, .campaign-form, .settings-form, .expense-form, .auth-card form { display: flex; flex-direction: column; gap: 13px; }
.filter-panel label, .campaign-form label, .settings-form label, .expense-form label, .auth-card label, .listing-form label, .deal-grid label { display: flex; flex-direction: column; gap: 6px; color: #5f675f; font-size: 11px; font-weight: 800; }
input, select, textarea { width: 100%; min-height: 45px; padding: 0 12px; border: 1px solid #dfe2de; border-radius: 11px; outline: none; color: var(--ink); background: #fff; }
textarea { min-height: 110px; padding-top: 11px; resize: vertical; }
input:focus, select:focus, textarea:focus { border-color: var(--violet); box-shadow: 0 0 0 3px rgba(118, 87, 232, 0.09); }
.price-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.reset-link { color: var(--violet); font-size: 11px; font-weight: 800; text-align: center; }
.location-tools { min-height: 42px; padding: 7px; display: flex; align-items: center; gap: 8px; border-radius: 11px; background: #f1edff; }
.location-tools button { min-height: 30px; padding: 0 9px; border: 0; border-radius: 8px; color: #fff; background: var(--violet); font-size: 10px; font-weight: 850; }
.location-tools small { color: #635d78; font-size: 9px; }
.location-picker { position: relative; width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
.location-picker > input { min-width: 0; }
.location-picker > [data-location-choose] { min-height: 34px; padding: 0 9px; border: 0; border-radius: 9px; color: var(--violet); background: #f1edff; font-size: 10px; font-weight: 900; }
.location-results { position: absolute; z-index: 70; top: calc(100% + 6px); right: 0; left: 0; max-height: 310px; padding: 7px; overflow-y: auto; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); box-shadow: 0 20px 45px rgba(23,24,23,.18); }
.location-results[hidden] { display: none; }
.location-results > button { width: 100%; min-height: 44px; padding: 7px 9px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 0; border-radius: 9px; color: var(--ink); background: transparent; text-align: left; }
.location-results > button:hover, .location-results > button:focus { outline: 0; background: var(--peach); }
.location-results b { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.location-results small, .location-results p { margin: 0; color: var(--muted); font-size: 10px; }
.location-results p { padding: 11px; }
.form-location { margin-top: 13px; }
.browse-results { min-width: 0; }
.results-heading { min-height: 76px; display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.results-heading span { color: var(--pink); font-size: 10px; font-weight: 900; text-transform: uppercase; }
.results-heading h2 { margin: 3px 0 0; font-size: 28px; }
.results-actions { display: flex; align-items: center; gap: 8px; }
.results-actions a, .results-actions button { min-height: 38px; padding: 0 12px; border: 0; border-radius: 10px; background: #eee9ff; color: #583dc4; font-size: 11px; font-weight: 850; }
.results-actions button { background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
.browse-results .listing-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.empty-state { min-height: 390px; padding: 40px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px dashed #d7dad5; border-radius: 24px; background: #fff; text-align: center; }
.empty-state > span { width: 78px; height: 78px; display: grid; place-items: center; border-radius: 50% 50% 50% 25%; color: var(--violet); background: #eee9ff; font-size: 28px; font-weight: 900; }
.empty-state h1, .empty-state h2 { margin: 18px 0 7px; }
.empty-state p { max-width: 100%; margin: 0 0 20px; overflow-wrap: anywhere; color: var(--muted); }
.empty-actions { display: flex; gap: 9px; }
.listing-detail { padding: 38px 0 30px; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(390px, 0.9fr); gap: 34px; }
.detail-gallery { min-width: 0; }
.main-photo { position: relative; aspect-ratio: 1.1; overflow: hidden; border-radius: 25px; background: #eceeea; outline: none; touch-action: pan-y; }
.main-photo img { width: 100%; height: 100%; object-fit: cover; cursor: zoom-in; }
.main-photo:focus-visible { box-shadow: 0 0 0 3px rgba(118,87,232,.28); }
.gallery-expand { position: absolute; z-index: 3; top: 16px; right: 16px; width: 44px; height: 44px; padding: 0; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.32); border-radius: 50%; color: #fff; background: rgba(15,17,16,.72); box-shadow: 0 8px 26px rgba(0,0,0,.2); backdrop-filter: blur(10px); font-size: 19px; font-weight: 900; cursor: pointer; transition: transform 160ms, background 160ms; }
.gallery-expand:hover { transform: scale(1.06); background: rgba(15,17,16,.92); }
.gallery-expand:focus-visible { outline: 3px solid rgba(255,255,255,.8); outline-offset: 2px; }
.gallery-arrow { position: absolute; z-index: 2; top: 50%; width: 48px; height: 48px; padding: 0; display: grid; place-items: center; transform: translateY(-50%); border: 1px solid rgba(255,255,255,.3); border-radius: 50%; color: #fff; background: rgba(15,17,16,.72); box-shadow: 0 8px 26px rgba(0,0,0,.2); backdrop-filter: blur(10px); font-size: 21px; font-weight: 900; cursor: pointer; transition: transform 160ms, background 160ms, opacity 160ms; }
.gallery-arrow:hover:not(:disabled) { transform: translateY(-50%) scale(1.06); background: rgba(15,17,16,.9); }
.gallery-arrow:focus-visible { outline: 3px solid rgba(255,255,255,.8); outline-offset: 2px; }
.gallery-arrow:disabled { opacity: .3; cursor: default; }
.gallery-previous { left: 16px; }
.gallery-next { right: 16px; }
.gallery-count { position: absolute; z-index: 2; right: 16px; bottom: 15px; padding: 6px 9px; border: 1px solid rgba(255,255,255,.25); border-radius: 20px; color: #fff; background: rgba(15,17,16,.7); backdrop-filter: blur(9px); font-size: 10px; font-weight: 900; }
.thumb-row { margin-top: 10px; display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; }
.thumb-row button { aspect-ratio: 1; padding: 0; overflow: hidden; border: 2px solid transparent; border-radius: 11px; background: #eee; }
.thumb-row button.active { border-color: var(--pink); }
.thumb-row img { width: 100%; height: 100%; object-fit: cover; }
body.gallery-open { overflow: hidden; }
.gallery-lightbox[hidden] { display: none; }
.gallery-lightbox { position: fixed; z-index: 999; inset: 0; padding: 24px; display: grid; place-items: center; background: rgba(5,7,6,.92); backdrop-filter: blur(18px); overscroll-behavior: contain; }
.gallery-lightbox-dialog { width: min(1180px, 100%); height: min(820px, calc(100vh - 48px)); display: grid; grid-template-rows: auto minmax(0, 1fr); overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 24px; background: #0f1110; box-shadow: 0 28px 90px rgba(0,0,0,.58); }
.lightbox-toolbar { min-height: 64px; padding: 10px 12px 10px 20px; display: flex; align-items: center; justify-content: space-between; gap: 14px; border-bottom: 1px solid rgba(255,255,255,.1); color: #fff; background: rgba(22,25,23,.96); }
.lightbox-toolbar > span { min-width: 54px; color: #d7ddd8; font-size: 12px; font-weight: 900; letter-spacing: .04em; }
.lightbox-toolbar > div { display: flex; align-items: center; gap: 7px; }
.lightbox-toolbar button { min-width: 42px; height: 42px; padding: 0 12px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.14); border-radius: 12px; color: #fff; background: #282c29; font-size: 17px; font-weight: 900; cursor: pointer; transition: border-color 160ms, background 160ms, opacity 160ms, transform 160ms; }
.lightbox-toolbar button:hover:not(:disabled) { border-color: rgba(255,255,255,.34); background: #343936; transform: translateY(-1px); }
.lightbox-toolbar button:focus-visible, .lightbox-arrow:focus-visible { outline: 3px solid rgba(168,149,255,.85); outline-offset: 2px; }
.lightbox-toolbar button:disabled { opacity: .35; cursor: default; }
.lightbox-toolbar [data-gallery-zoom-reset] { min-width: 64px; font-size: 11px; }
.lightbox-toolbar .lightbox-close { margin-left: 5px; color: #171817; background: #fff; font-size: 24px; }
.lightbox-stage { position: relative; min-height: 0; display: grid; place-items: center; overflow: hidden; background: radial-gradient(circle at center, #242825, #0b0d0c 68%); touch-action: none; }
.lightbox-viewport { width: 100%; height: 100%; display: grid; place-items: center; overflow: hidden; }
.lightbox-viewport img { width: 100%; height: 100%; object-fit: contain; transform: scale(var(--gallery-zoom, 1)); transform-origin: center; transition: transform 180ms ease; user-select: none; -webkit-user-drag: none; }
.lightbox-arrow { position: absolute; z-index: 2; top: 50%; width: 50px; height: 50px; padding: 0; display: grid; place-items: center; transform: translateY(-50%); border: 1px solid rgba(255,255,255,.25); border-radius: 50%; color: #fff; background: rgba(15,17,16,.78); box-shadow: 0 10px 30px rgba(0,0,0,.35); backdrop-filter: blur(12px); font-size: 21px; font-weight: 900; cursor: pointer; transition: transform 160ms, background 160ms, opacity 160ms; }
.lightbox-arrow:hover:not(:disabled) { transform: translateY(-50%) scale(1.06); background: rgba(50,55,52,.95); }
.lightbox-arrow:disabled { opacity: .22; cursor: default; }
.lightbox-previous { left: 18px; }
.lightbox-next { right: 18px; }
.detail-breadcrumb { display: flex; gap: 8px; color: #7b837c; font-size: 11px; }
.detail-title { margin-top: 18px; display: grid; grid-template-columns: 1fr 48px; gap: 10px; }
.detail-title > div > span { display: inline-block; padding: 5px 8px; border-radius: 7px; color: #176a4e; background: #e8f8f0; font-size: 9px; font-weight: 900; }
.detail-title h1 { margin: 9px 0 5px; font-size: 34px; line-height: 1.12; letter-spacing: -1.2px; }
.detail-title p { margin: 0; color: var(--muted); font-size: 11px; }
.detail-title form button { width: 46px; height: 46px; border: 1px solid var(--line); border-radius: 50%; color: var(--pink); background: #fff; font-size: 22px; }
.detail-title form button.saved { color: #fff; background: var(--pink); }
.detail-price { margin: 20px 0 12px; font-size: 35px; font-weight: 950; letter-spacing: -1.3px; }
.detail-description { color: #555d56; font-size: 14px; line-height: 1.7; }
.detail-specs { margin: 20px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.detail-specs > div { padding: 12px; border-radius: 11px; background: #f1f3ef; }
.detail-specs dt { color: #8a918b; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.detail-specs dd { margin: 3px 0 0; font-size: 12px; font-weight: 800; }
.seller-panel { padding: 17px; border: 1px solid var(--line); border-radius: 18px; background: #fff; }
.seller-profile { display: grid; grid-template-columns: 48px 1fr; align-items: center; gap: 11px; }
.seller-profile > span { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--ink); font-weight: 900; }
.seller-profile small { color: #8b928c; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.seller-profile h3 { margin: 2px 0; font-size: 15px; }
.seller-profile h3 i { width: 14px; height: 14px; display: inline-grid; place-items: center; border-radius: 50%; color: #fff; background: var(--violet); font-size: 8px; font-style: normal; }
.seller-profile p { margin: 0; color: var(--muted); font-size: 10px; }
.contact-actions { margin-top: 13px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 7px; }
.contact-actions a, .contact-actions button { min-height: 42px; padding: 0 8px; font-size: 10px; }
.listing-safety { margin-top: 10px; padding: 13px; display: grid; grid-template-columns: 30px 1fr; align-items: center; gap: 9px; border: 1px solid #f0dfac; border-radius: 14px; background: #fff9e8; }
.listing-safety > span, .safety-banner > span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; color: #7b5200; background: #ffe7a0; font-weight: 950; }
.listing-safety p, .safety-banner p { margin: 0; color: #6d5d34; font-size: 10px; }
.deal-grid { margin-top: 12px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.deal-grid form { padding: 16px; border: 1px solid var(--line); border-radius: 17px; background: #fff; }
.deal-grid h3 { margin: 0 0 10px; font-size: 14px; }
.deal-grid textarea { min-height: 82px; }
.deal-grid input, .deal-grid textarea { margin-bottom: 8px; }
.deal-grid button { width: 100%; min-height: 42px; font-size: 11px; }
.report-box { margin-top: 13px; padding: 12px; border-radius: 12px; background: #f2f3f0; color: #666d67; font-size: 11px; }
.report-box summary { cursor: pointer; font-weight: 800; }
.report-box form { margin-top: 10px; display: grid; gap: 7px; }
.report-box button { min-height: 39px; border: 0; border-radius: 9px; color: #fff; background: var(--danger); font-weight: 800; }
.login-callout { min-height: 52px; margin-top: 12px; padding: 0 16px; display: flex; align-items: center; justify-content: center; border-radius: 13px; color: #fff; background: var(--ink); font-weight: 850; }
.auth-shell { min-height: calc(100vh - 74px); margin-right: calc((100vw - min(1240px, calc(100vw - 44px))) / -2); margin-left: calc((100vw - min(1240px, calc(100vw - 44px))) / -2); display: grid; grid-template-columns: 1fr 1fr; background: #fff; }
.auth-promo { padding: 55px max(45px, calc((100vw - 1240px) / 2 + 40px)); display: flex; flex-direction: column; justify-content: space-between; color: #fff; background: radial-gradient(circle at 100% 0, rgba(255, 79, 134, 0.36), transparent 34%), radial-gradient(circle at 0 100%, rgba(184, 241, 213, 0.25), transparent 33%), #171817; }
.brand-light > b { color: #fff; }
.brand-light > small { color: #aeb7b0; }
.auth-promo h1 { max-width: 520px; margin: 10px 0; font-size: 54px; line-height: 1; letter-spacing: -2.5px; }
.auth-promo p { max-width: 500px; color: #b9c0ba; }
.auth-promo ul { margin: 0; padding: 0; display: flex; flex-direction: column; gap: 7px; list-style: none; color: #d4d8d5; font-size: 12px; }
.auth-card { width: min(430px, calc(100% - 40px)); margin: auto; padding: 35px; border: 1px solid var(--line); border-radius: 24px; background: #fff; box-shadow: var(--shadow); }
.auth-card h1 { margin: 6px 0 20px; font-size: 32px; }
.auth-card > p { color: var(--muted); font-size: 12px; text-align: center; }
.auth-card > p a { color: var(--violet); font-weight: 850; }
.auth-card button { margin-top: 5px; }
.single-auth { display: flex; }
.form-page { padding: 44px 0 80px; }
.form-intro { max-width: 800px; margin-bottom: 28px; }
.form-intro h1 { margin: 6px 0; font-size: 45px; letter-spacing: -2px; }
.form-intro p { color: var(--muted); }
.listing-form { display: flex; flex-direction: column; gap: 16px; }
.form-section { padding: 28px; display: grid; grid-template-columns: 54px 1fr; gap: 20px; border: 1px solid var(--line); border-radius: 24px; background: #fff; }
.form-section > span { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50% 50% 50% 18px; color: #fff; background: var(--ink); font-weight: 900; }
.form-section h2 { margin: 0; font-size: 23px; }
.form-section h2 + p { margin: 3px 0 16px; color: var(--muted); font-size: 11px; }
.upload-zone { min-height: 180px; display: flex !important; flex-direction: column; align-items: center; justify-content: center; border: 1px dashed #cfd4ce; border-radius: 18px; background: #f7f8f5; cursor: pointer; }
.upload-zone input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.upload-zone b { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 16px; color: #fff; background: linear-gradient(135deg, var(--coral), var(--pink)); font-size: 26px; }
.upload-zone strong { margin-top: 9px; color: var(--ink); }
.upload-zone small { color: #8d948e; }
.upload-zone.ready { border-color: var(--violet); background: #f3f0ff; }
.photo-preview { margin-top: 12px; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 9px; }
.photo-preview:empty { display: none; }
.photo-preview figure { position: relative; aspect-ratio: 1; margin: 0; overflow: hidden; border-radius: 13px; background: #eceeea; }
.photo-preview img { width: 100%; height: 100%; object-fit: cover; }
.photo-preview figure:first-child::after { content: "COVER"; position: absolute; left: 7px; bottom: 7px; padding: 3px 6px; border-radius: 6px; color: #fff; background: rgba(23, 24, 23, 0.78); font-size: 8px; font-weight: 900; letter-spacing: 0.6px; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.form-grid .wide { grid-column: 1 / 3; }
.listing-form textarea { min-height: 160px; }
.field-help { margin-top: 6px; display: flex; justify-content: space-between; gap: 14px; color: var(--muted); font-size: 10px; font-weight: 500; }
.field-help b { flex: 0 0 auto; color: var(--violet); }
.condition-picker { margin: 0; padding: 0; border: 0; }
.condition-picker legend { margin-bottom: 7px; color: var(--ink); font-size: 11px; font-weight: 850; }
.condition-picker > div { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; }
.condition-picker label { min-height: 78px; padding: 9px 6px; display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 4px; border: 1px solid var(--line); border-radius: 13px; background: #fafaf7; cursor: pointer; text-align: center; }
.condition-picker input { position: absolute; opacity: 0; }
.condition-picker label > span { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 9px; color: var(--violet); background: #eeebff; font-size: 14px; }
.condition-picker label > b { font-size: 10px; }
.condition-picker label:has(input:checked) { border-color: var(--violet); background: #f5f2ff; box-shadow: inset 0 0 0 1px var(--violet); }
.condition-picker label:has(input:checked) > span { color: #fff; background: var(--violet); }
.ai-writer { padding: 16px; border: 1px solid #dcd5ff; border-radius: 18px; background: radial-gradient(circle at 95% 0, rgba(255, 79, 134, 0.12), transparent 30%), linear-gradient(135deg, #f7f4ff, #fff); }
.ai-writer-head { margin-bottom: 13px; display: grid; grid-template-columns: 42px 1fr; align-items: center; gap: 10px; }
.ai-writer-head > span { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 13px; color: #fff; background: linear-gradient(135deg, var(--violet), var(--pink)); box-shadow: 0 8px 18px rgba(118, 87, 232, 0.2); }
.ai-writer-head div { display: flex; flex-direction: column; }
.ai-writer-head b { font-size: 14px; }
.ai-writer-head small, .ai-writer-action small { color: var(--muted); font-size: 10px; }
.ai-writer-action { margin-top: 12px; display: flex; align-items: center; gap: 12px; }
.ai-writer-action button { min-height: 40px; padding: 0 15px; border: 0; border-radius: 11px; color: #fff; background: var(--violet); font-size: 11px; font-weight: 900; }
.choice-card { max-width: 420px; min-height: 70px; margin-top: 14px; padding: 12px; display: grid !important; grid-template-columns: 42px 1fr; align-items: center; gap: 11px; border: 1px solid var(--line); border-radius: 15px; background: #f8f7ff; cursor: pointer; }
.choice-card input { position: absolute; opacity: 0; }
.choice-card > span { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; color: var(--violet); background: #ebe7ff; font-size: 19px; font-weight: 900; }
.choice-card input:checked + span { color: #fff; background: var(--violet); }
.choice-card div { display: flex; flex-direction: column; }
.choice-card small { color: var(--muted); font-size: 10px; }
.smart-fields:empty::before { content: "✓"; width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; color: var(--success); background: #e6f8ef; }
[data-category-field][hidden] { display: none !important; }
.contact-choice { margin-top: 18px; padding: 18px; border: 1px solid var(--line); border-radius: 18px; background: #fbfbf8; }
.contact-choice h3 { margin: 0 0 13px; font-size: 16px; }
.contact-choice .toggle-list { margin-top: 13px; display: grid; grid-template-columns: repeat(3, 1fr); }
.contact-choice .toggle-list label { grid-template-columns: 44px 1fr; background: #fff; border: 1px solid var(--line); }
.publish-note { margin-top: 18px; padding: 16px; display: grid; grid-template-columns: 40px 1fr auto; align-items: center; gap: 12px; border-radius: 16px; background: linear-gradient(135deg, #e6f8ef, #f1ecff); }
.publish-note > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--success); }
.publish-note p { margin: 0; color: #59635b; font-size: 11px; }
.compact-form-page { max-width: 850px; margin: 0 auto; }
.settings-form, .campaign-form { padding: 28px; border: 1px solid var(--line); border-radius: 22px; background: #fff; }
.toggle-list { display: flex; flex-direction: column; gap: 8px; }
.toggle-list label { min-height: 68px; padding: 12px; display: grid !important; grid-template-columns: 44px 1fr; align-items: center; gap: 10px; border-radius: 13px; background: #f4f5f2; cursor: pointer; }
.toggle-list input { position: absolute; opacity: 0; }
.toggle-list label > span { position: relative; width: 42px; height: 24px; border-radius: 20px; background: #cdd1cc; transition: 160ms; }
.toggle-list label > span::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; transition: 160ms; }
.toggle-list input:checked + span { background: var(--violet); }
.toggle-list input:checked + span::after { transform: translateX(18px); }
.toggle-list label div { display: flex; flex-direction: column; }
.toggle-list small { color: var(--muted); font-size: 10px; }
.dashboard-hero { min-height: 180px; margin-top: 25px; padding: 34px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-radius: 26px; background: linear-gradient(135deg, #ffe6df, #f1edff); }
.dashboard-hero h1 { margin: 5px 0; font-size: 42px; letter-spacing: -1.8px; }
.dashboard-hero p { margin: 0; color: var(--muted); }
.dashboard-actions { display: flex; align-items: center; gap: 9px; }
.metric-row { margin: 16px 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.metric-row article { min-height: 90px; padding: 17px; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 17px; background: #fff; }
.metric-row small { color: var(--muted); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.metric-row b { margin-top: 5px; font-size: 26px; }
.dashboard-grid { margin-bottom: 70px; display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 14px; }
.panel { min-width: 0; padding: 20px; border: 1px solid var(--line); border-radius: 20px; background: #fff; }
.panel-heading { min-height: 45px; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.panel-heading h1, .panel-heading h2 { margin: 0; font-size: 19px; }
.panel-heading a, .panel-heading span { color: var(--violet); font-size: 10px; font-weight: 850; }
.management-list, .offer-list, .campaign-list { display: flex; flex-direction: column; }
.management-list article { min-height: 88px; padding: 10px 0; display: grid; grid-template-columns: 70px 1fr auto; align-items: center; gap: 12px; border-top: 1px solid #eceeea; }
.management-list img { width: 70px; height: 64px; object-fit: cover; border-radius: 11px; }
.management-list small, .offer-list small, .campaign-list small { color: var(--muted); font-size: 9px; text-transform: uppercase; }
.management-list h3, .offer-list h3, .campaign-list h3 { margin: 3px 0; font-size: 13px; }
.management-list article > div:last-child { display: flex; flex-direction: column; align-items: flex-end; gap: 5px; }
.management-list article > div:last-child a { font-size: 10px; font-weight: 800; }
.management-list .urgent-note { margin: 2px 0; color: #d52c49; font-size: 9px; font-weight: 800; }
.urgent-request { padding: 6px 8px; border: 1px solid #ffd0d7; border-radius: 7px; color: #ce2b48; background: #fff5f7; font-size: 8px; font-weight: 900; cursor: pointer; }
.urgent-choice { margin: 18px 0 0; padding: 17px; display: grid !important; grid-template-columns: 38px 1fr; align-items: center; gap: 11px; border: 1px solid #ffc3cc; border-radius: 14px; background: linear-gradient(135deg,#fff5f7,#fff); cursor: pointer; }
.urgent-choice > input { position: absolute; opacity: 0; pointer-events: none; }
.urgent-choice > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; color: #fff; background: var(--pink); font-size: 19px; }
.urgent-choice div { display: flex; flex-direction: column; }
.urgent-choice b { color: #bd233f; font-size: 13px; }
.urgent-choice small { color: #7c5c63; font-size: 9px; line-height: 1.5; }
.urgent-choice:has(input:checked) { border-color: #ea3452; box-shadow: 0 0 0 3px rgba(234,52,82,.09); }
.urgent-choice.unavailable { opacity: .65; cursor: default; }
.top-choice { border-color: #f0d177; background: linear-gradient(135deg,#fff9e7,#fff); }
.top-choice > span { color: #362500; background: #ffd35b; }
.top-choice b { color: #7b5500; }
.top-choice:has(input:checked) { border-color: #dcae25; box-shadow: 0 0 0 3px rgba(220,174,37,.1); }
.top-request { border-color: #f0d177; color: #755000; background: #fff9e7; }
.offer-list article { min-height: 86px; padding: 12px 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid #eceeea; }
.offer-list form { display: flex; gap: 5px; }
.offer-list button, .deal-list button { min-height: 34px; padding: 0 9px; border: 0; border-radius: 8px; background: #efebff; color: #5439c0; font-size: 9px; font-weight: 850; }
.empty-mini { padding: 30px 10px; color: var(--muted); font-size: 12px; text-align: center; }
.simple-page { padding: 30px 0 80px; }
.message-shell { min-height: calc(100vh - 130px); padding: 25px 0 45px; display: grid; grid-template-columns: 330px 1fr; gap: 13px; }
.safety-banner { grid-column: 1 / 3; padding: 11px 14px; display: grid; grid-template-columns: 30px 1fr; align-items: center; gap: 9px; border: 1px solid #f0dfac; border-radius: 14px; background: #fff9e8; }
.saved-search-list { display: flex; flex-direction: column; gap: 9px; }
.saved-search-list article { min-height: 72px; padding: 10px 12px; display: grid; grid-template-columns: 1fr 36px; align-items: center; gap: 10px; border: 1px solid var(--line); border-radius: 15px; background: #fff; }
.saved-search-list article > a { min-width: 0; display: grid; grid-template-columns: 42px 1fr; align-items: center; gap: 10px; }
.saved-search-list article > a > span { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; color: var(--violet); background: #eee9ff; font-size: 18px; }
.saved-search-list article > a div { min-width: 0; display: flex; flex-direction: column; }
.saved-search-list small { overflow: hidden; color: var(--muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.saved-search-list button { width: 34px; height: 34px; border: 0; border-radius: 10px; color: var(--danger); background: #fff0f2; font-size: 18px; }
.expense-page { padding: 28px 0 80px; }
.expense-hero { min-height: 190px; padding: 34px; display: flex; align-items: center; justify-content: space-between; gap: 24px; overflow: hidden; border: 1px solid var(--line); border-radius: 26px; background: radial-gradient(circle at 90% 15%, rgba(118,87,232,.2), transparent 30%), linear-gradient(135deg, #fff1ea, #fff 55%, #eeebff); }
.expense-hero h1 { margin: 5px 0 7px; font-size: clamp(36px, 5vw, 56px); line-height: 1; letter-spacing: -2.4px; }
.expense-hero p { max-width: 640px; margin: 0; color: var(--muted); }
.expense-hero-icon { width: 112px; height: 112px; flex: 0 0 112px; display: grid; place-items: center; transform: rotate(8deg); border-radius: 34px 34px 34px 12px; color: var(--mint); background: var(--ink); box-shadow: 0 22px 40px rgba(23,24,23,.16); font-size: 46px; font-weight: 900; }
.expense-metrics { margin: 14px 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.expense-metrics article { min-height: 92px; padding: 17px; display: flex; flex-direction: column; justify-content: center; border: 1px solid var(--line); border-radius: 17px; background: var(--surface); }
.expense-metrics small { color: var(--muted); font-size: 10px; font-weight: 850; text-transform: uppercase; letter-spacing: .4px; }
.expense-metrics b { margin-top: 3px; font-size: 25px; letter-spacing: -.8px; }
.expense-layout { display: grid; grid-template-columns: minmax(310px,.72fr) minmax(0,1.28fr); align-items: start; gap: 14px; }
.expense-form { position: sticky; top: 94px; padding: 23px; border: 1px solid var(--line); border-radius: 21px; background: var(--surface); box-shadow: var(--shadow); }
.expense-form .panel-heading > div { display: flex; align-items: center; gap: 9px; }
.expense-form .panel-heading span { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; color: #fff; background: var(--violet); font-size: 18px; }
.expense-form .panel-heading h2 { margin: 0; font-size: 20px; }
.expense-form .form-grid { grid-template-columns: 1fr 1fr; }
.expense-hint { margin-top: -6px; color: var(--muted); font-size: 9px; line-height: 1.45; }
[data-custom-expense][hidden] { display: none !important; }
.expense-records { min-width: 0; }
.expense-breakdown { margin-bottom: 10px; display: flex; gap: 7px; overflow-x: auto; scrollbar-width: none; }
.expense-breakdown span { min-width: max-content; min-height: 42px; padding: 6px 10px 6px 7px; display: flex; align-items: center; gap: 7px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); color: var(--muted); font-size: 9px; font-weight: 750; }
.expense-breakdown i { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; color: var(--violet); background: #eee9ff; font-style: normal; font-size: 13px; }
.expense-breakdown b { margin-left: 4px; color: var(--ink); font-size: 10px; }
.expense-list { display: flex; flex-direction: column; gap: 8px; }
.expense-list > article { min-height: 88px; padding: 13px; display: grid; grid-template-columns: 46px minmax(0,1fr) auto 36px; align-items: center; gap: 11px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
.expense-list > article > span { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 13px; color: var(--violet); background: #eee9ff; font-size: 19px; font-weight: 900; }
.expense-list article > div { min-width: 0; }
.expense-list small { color: var(--muted); font-size: 9px; font-weight: 800; text-transform: uppercase; }
.expense-list h3 { margin: 3px 0 0; overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.expense-list > article p { margin: 3px 0 0; overflow: hidden; color: var(--muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.expense-list > article > b { font-size: 16px; white-space: nowrap; }
.expense-list form button { width: 34px; height: 34px; border: 0; border-radius: 10px; color: var(--danger); background: #fff0f2; font-size: 18px; }
.expense-empty { min-height: 330px; }
.conversation-list, .chat-panel { overflow: hidden; border: 1px solid var(--line); border-radius: 21px; background: #fff; }
.conversation-list .panel-heading { padding: 20px; }
.conversation-list > a { min-height: 83px; padding: 10px 12px; display: grid; grid-template-columns: 54px 1fr 22px; align-items: center; gap: 10px; border-top: 1px solid #eceeea; }
.conversation-list > a.active { background: #f1eeff; }
.conversation-list img { width: 54px; height: 54px; object-fit: cover; border-radius: 12px; }
.conversation-list > a div { min-width: 0; display: flex; flex-direction: column; }
.conversation-list b, .conversation-list span, .conversation-list small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.conversation-list b { font-size: 12px; }
.conversation-list span { font-size: 10px; }
.conversation-list small { margin-top: 3px; color: var(--muted); font-size: 9px; }
.conversation-list i { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--pink); font-size: 9px; font-style: normal; }
.chat-panel { display: grid; grid-template-rows: 72px 1fr auto; }
.chat-panel > header { padding: 0 20px; display: flex; align-items: center; justify-content: space-between; gap: 15px; border-bottom: 1px solid #eceeea; }
.chat-panel > header small { color: var(--muted); font-size: 9px; text-transform: uppercase; }
.chat-panel > header h2 { margin: 1px 0; font-size: 17px; }
.chat-panel > header a { max-width: 240px; overflow: hidden; color: var(--violet); font-size: 10px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.message-stream { max-height: 560px; padding: 20px; overflow-y: auto; display: flex; flex-direction: column; gap: 9px; background: #f8f9f6; }
.message-stream article { max-width: 72%; padding: 10px 12px; align-self: flex-start; border-radius: 14px 14px 14px 5px; background: #fff; box-shadow: 0 5px 15px rgba(20, 23, 20, 0.05); }
.message-stream article.mine { align-self: flex-end; border-radius: 14px 14px 5px 14px; color: #fff; background: var(--violet); }
.message-stream b { font-size: 9px; }
.message-stream p { margin: 3px 0; font-size: 12px; }
.message-stream small { opacity: 0.68; font-size: 8px; }
.chat-form { padding: 12px; display: grid; grid-template-columns: 1fr 110px; gap: 8px; border-top: 1px solid #eceeea; }
.chat-form textarea { min-height: 56px; }
.deal-list { display: flex; flex-direction: column; gap: 9px; }
.deal-list article { min-height: 100px; padding: 12px; display: grid; grid-template-columns: 84px 1fr 150px auto; align-items: center; gap: 14px; border: 1px solid var(--line); border-radius: 17px; background: #fff; }
.deal-list img { width: 84px; height: 76px; object-fit: cover; border-radius: 12px; }
.deal-list small { color: var(--muted); font-size: 9px; text-transform: uppercase; }
.deal-list h3 { margin: 4px 0; font-size: 15px; }
.deal-list p { margin: 0; color: var(--muted); font-size: 10px; }
.deal-list article > div:nth-child(3) { display: flex; flex-direction: column; align-items: flex-end; }
.deal-list article > div:nth-child(3) b { font-size: 18px; }
.deal-list article > div:nth-child(3) a { margin-top: 5px; color: var(--violet); font-size: 10px; font-weight: 800; }
.ads-hero { min-height: 270px; margin-top: 24px; padding: 38px; display: flex; align-items: center; justify-content: space-between; gap: 30px; border-radius: 28px; color: #fff; background: radial-gradient(circle at 80% 0, rgba(255, 79, 134, 0.42), transparent 37%), #171817; }
.ads-hero h1 { margin: 7px 0; font-size: 48px; letter-spacing: -2px; }
.ads-hero p { max-width: 590px; margin: 0; color: #b9c0ba; }
.ad-visual { width: 260px; min-height: 170px; padding: 25px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; transform: rotate(3deg); border-radius: 25px; color: var(--ink); background: linear-gradient(135deg, var(--mint), #efe9ff); }
.ad-visual span { padding: 4px 7px; border-radius: 6px; color: #fff; background: var(--pink); font-size: 9px; font-weight: 900; }
.ad-visual b { margin: 8px 0 4px; font-size: 25px; }
.ad-visual small { font-size: 10px; }
.login-callout.large { margin: 18px 0 70px; padding: 20px 24px; justify-content: space-between; }
.login-callout.large h2 { margin: 0; }
.login-callout.large p { margin: 3px 0; color: #bfc4c0; font-size: 11px; }
.ads-grid { margin: 18px 0 70px; display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 14px; }
.campaign-form .form-grid { grid-template-columns: 1fr 1fr; }
.campaign-form select[multiple] { min-height: 130px; padding: 8px; }
.campaign-list article { min-height: 90px; padding: 12px 0; display: flex; align-items: center; justify-content: space-between; gap: 15px; border-top: 1px solid #eceeea; }
.campaign-list article > div:last-child { display: flex; flex-direction: column; align-items: flex-end; }
.legal-page { max-width: 800px; margin: 65px auto 90px; padding: 44px; border: 1px solid var(--line); border-radius: 25px; background: #fff; box-shadow: var(--shadow); }
.legal-page h1 { margin: 7px 0 16px; font-size: 46px; letter-spacing: -2px; }
.legal-page h2 { margin: 28px 0 7px; font-size: 21px; }
.legal-page p { color: #59625b; line-height: 1.8; }
.legal-hero { min-height: 310px; margin: 32px 0 18px; padding: 44px; display: flex; align-items: end; justify-content: space-between; gap: 25px; border-radius: 28px; color: #fff; background: radial-gradient(circle at 90% 15%, rgba(184,241,213,.25), transparent 30%), linear-gradient(135deg, #111c17, #24372e); }
.legal-hero h1 { max-width: 720px; margin: 7px 0 12px; font-size: clamp(38px, 6vw, 68px); line-height: .96; letter-spacing: -3px; }
.legal-hero p { max-width: 650px; color: #c7d0ca; line-height: 1.7; }
.legal-hero small { color: #92a098; font-size: 10px; }
.policy-grid { margin: 0 0 80px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.policy-grid > a { min-height: 155px; padding: 20px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid var(--line); border-radius: 19px; background: #fff; transition: transform .2s, box-shadow .2s; }
.policy-grid > a:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
.policy-grid > a > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; color: var(--ink); background: var(--mint); font-weight: 900; }
.policy-grid h2 { margin: 24px 0 5px; font-size: 17px; }
.policy-grid p { margin: 0; color: var(--pink); font-size: 10px; font-weight: 800; }
.legal-document > nav { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 30px; padding-bottom: 16px; border-bottom: 1px solid var(--line); }
.legal-document > nav a { color: var(--pink); font-size: 10px; font-weight: 850; }
.legal-document > nav small { color: var(--muted); font-size: 9px; }
.legal-document section { scroll-margin-top: 100px; }
.legal-document section a { color: var(--pink); font-weight: 800; }
.legal-actions { margin-top: 36px; padding-top: 24px; display: flex; align-items: center; gap: 20px; border-top: 1px solid var(--line); }
.legal-request-shell { max-width: 980px; margin: 55px auto 85px; display: grid; grid-template-columns: .8fr 1.2fr; gap: 18px; }
.legal-request-shell > div, .legal-request-shell > form { padding: 35px; border: 1px solid var(--line); border-radius: 23px; background: #fff; box-shadow: var(--shadow); }
.legal-request-shell > div { color: #fff; background: var(--ink); }
.legal-request-shell > div h1 { margin: 8px 0 14px; font-size: 42px; letter-spacing: -2px; }
.legal-request-shell > div p { color: #b7c0ba; line-height: 1.7; }
.legal-request-shell > div a { color: var(--mint); font-size: 10px; font-weight: 800; }
.legal-request-shell > form { display: grid; gap: 13px; }
.legal-check { display: flex !important; flex-direction: row !important; align-items: flex-start; gap: 10px; color: #59625b; font-size: 10px; font-weight: 650; line-height: 1.5; }
.legal-check input { width: 18px !important; min-width: 18px; height: 18px !important; margin: 0; accent-color: var(--pink); }
.legal-check a { color: var(--pink); text-decoration: underline; }
.seller-legal { margin: 18px 0 0; padding: 16px; border: 1px solid #ffd0d7; border-radius: 13px; background: #fff7f8; }
.call-now { border-color: #9bd8bc !important; background: #effbf5 !important; }
.site-footer { min-height: 180px; padding: 42px max(22px, calc((100vw - 1240px) / 2)); display: grid; grid-template-columns: 1fr auto; align-items: start; gap: 20px; color: #fff; background: var(--ink); }
.site-footer p { color: #9da59f; font-size: 11px; }
.site-footer nav { max-width: 720px; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 14px 18px; color: #cdd1ce; font-size: 11px; font-weight: 750; }
.site-footer nav button { padding: 0; border: 0; color: var(--mint); background: transparent; font: inherit; cursor: pointer; }
.site-footer > small { grid-column: 1 / 3; padding-top: 15px; border-top: 1px solid #323532; color: #858c86; }
.cookie-panel { position: fixed; z-index: 100; inset: 0; padding: 20px; display: grid; place-items: end center; background: rgba(8,12,10,.52); backdrop-filter: blur(5px); }
.cookie-panel[hidden] { display: none; }
.cookie-card { position: relative; width: min(850px, 100%); padding: 25px; border: 1px solid #333b36; border-radius: 22px; color: #fff; background: #151a17; box-shadow: 0 25px 80px rgba(0,0,0,.4); }
.cookie-card h2 { margin: 5px 0 8px; font-size: 26px; }
.cookie-card > p { max-width: 680px; color: #aeb8b1; font-size: 11px; line-height: 1.6; }
.cookie-card > p a { color: var(--mint); }
.cookie-close { position: absolute; top: 15px; right: 17px; border: 0; color: #fff; background: transparent; font-size: 22px; cursor: pointer; }
.cookie-options { margin: 16px 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.cookie-options label { min-height: 62px; padding: 11px; display: flex; align-items: center; justify-content: space-between; gap: 8px; border: 1px solid #333b36; border-radius: 12px; }
.cookie-options label span { display: flex; flex-direction: column; }
.cookie-options label b { font-size: 10px; }
.cookie-options label small { color: var(--mint); font-size: 8px; }
.cookie-options input { width: 17px; height: 17px; accent-color: var(--pink); }
.cookie-actions { display: flex; justify-content: flex-end; gap: 8px; }
.cookie-actions button { min-height: 38px; padding: 0 14px; border: 1px solid #465149; border-radius: 9px; color: #fff; background: #232a26; font-size: 9px; font-weight: 850; cursor: pointer; }
.mobile-nav { display: none; }

/* English administration */
.admin-body { color: #eef0ee; background: #111312; }
.admin-topbar { position: sticky; z-index: 35; top: 0; min-height: 76px; padding: 0 28px; display: grid; grid-template-columns: 250px 1fr 230px; align-items: center; gap: 20px; border-bottom: 1px solid #292c2a; background: rgba(17, 19, 18, 0.94); backdrop-filter: blur(17px); }
.admin-topbar nav { display: flex; align-items: center; justify-content: center; gap: 5px; }
.admin-topbar nav a { min-height: 38px; padding: 0 12px; display: flex; align-items: center; border-radius: 9px; color: #929b94; font-size: 11px; font-weight: 800; }
.admin-topbar nav a:hover, .admin-topbar nav a.active { color: #fff; background: #292d2a; }
.admin-person { display: grid; grid-template-columns: 36px 1fr; align-items: center; gap: 8px; }
.admin-person > span, .avatar { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; color: #17251e; background: var(--mint); font-size: 10px; font-weight: 900; }
.admin-person div { display: flex; flex-direction: column; }
.admin-person b { font-size: 10px; }
.admin-person small { color: #7f8881; font-size: 8px; }
.admin-main { width: min(1380px, calc(100% - 48px)); min-height: calc(100vh - 120px); margin: 0 auto; }
.admin-heading { min-height: 150px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.admin-heading > div > span { color: var(--mint); font-size: 9px; font-weight: 900; letter-spacing: 1.2px; }
.admin-heading h1 { margin: 4px 0; color: #fff; font-size: 35px; letter-spacing: -1.4px; }
.admin-heading p { margin: 0; color: #7f8881; font-size: 11px; }
.status-pill { padding: 9px 12px; display: flex; align-items: center; gap: 7px; border: 1px solid #2f3732; border-radius: 20px; color: #b9c1bb; font-size: 9px; font-weight: 800; }
.status-pill i { width: 8px; height: 8px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 4px rgba(184, 241, 213, 0.08); }
.admin-metrics { display: grid; grid-template-columns: repeat(6, 1fr); gap: 9px; }
.admin-metrics article { min-height: 92px; padding: 14px; display: grid; grid-template-columns: 35px 1fr; align-items: center; gap: 9px; border: 1px solid #2a2e2b; border-radius: 14px; background: #191c1a; }
.admin-metrics article > span { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; color: var(--mint); background: #252c28; font-size: 8px; font-weight: 950; }
.admin-metrics article div { display: flex; flex-direction: column; }
.admin-metrics small { color: #7f8881; font-size: 8px; text-transform: uppercase; }
.admin-metrics b { margin-top: 3px; color: #fff; font-size: 21px; }
.admin-grid { margin: 14px 0 70px; display: grid; grid-template-columns: 1fr 300px; gap: 12px; }
.admin-panel { border: 1px solid #2a2e2b; border-radius: 16px; background: #191c1a; }
.admin-panel-heading { min-height: 66px; padding: 14px 17px; display: flex; align-items: center; justify-content: space-between; gap: 15px; border-bottom: 1px solid #292d2a; }
.admin-panel-heading span { color: var(--pink); font-size: 8px; font-weight: 900; letter-spacing: 1px; }
.admin-panel-heading h2 { margin: 3px 0 0; color: #fff; font-size: 16px; }
.admin-panel-heading > a { color: var(--mint); font-size: 9px; font-weight: 800; }
.legal-admin-list article { padding: 17px; display: grid; grid-template-columns: 1fr 90px 300px; align-items: start; gap: 14px; border-top: 1px solid #292d2a; }
.legal-admin-list article:first-child { border-top: 0; }
.legal-admin-list h3 { margin: 5px 0; color: #fff; font-size: 15px; }
.legal-admin-list p { margin: 0 0 7px; color: #aeb6b0; font-size: 10px; line-height: 1.6; }
.legal-admin-list small { color: #748078; font-size: 8px; }
.legal-admin-list form textarea { width: 100%; min-height: 65px; padding: 9px; border: 1px solid #363d38; border-radius: 8px; color: #fff; background: #111412; resize: vertical; }
.legal-admin-list form div { margin-top: 6px; display: flex; gap: 5px; }
.legal-admin-list form button { min-height: 28px; padding: 0 8px; border: 1px solid #3c453f; border-radius: 6px; color: #d7ddd8; background: #252a27; font-size: 7px; font-weight: 850; cursor: pointer; }
.email-metrics { grid-template-columns: repeat(3, minmax(150px, 220px)); }
.email-admin-grid { grid-template-columns: 1fr 330px; }
.email-log-list article { min-height: 68px; padding: 12px 15px; display: grid; grid-template-columns: 1fr 75px; align-items: center; gap: 8px; border-top: 1px solid #292d2a; }
.email-log-list article:first-child { border-top: 0; }
.email-log-list h3 { margin: 3px 0; color: #e7ebe8; font-size: 11px; }
.email-log-list p { margin: 0; color: #8f9992; font-size: 9px; }
.email-log-list small { color: #69726c; font-size: 8px; }
.email-test { padding: 20px; display: block; }
.email-test p { color: #8e9991; font-size: 10px; line-height: 1.6; }
.email-test form { margin-top: 18px; display: grid; gap: 12px; }
.email-test label { display: grid; gap: 6px; color: #bec5c0; font-size: 9px; font-weight: 800; }
.email-test input { min-height: 42px; padding: 0 11px; border: 1px solid #363d38; border-radius: 8px; color: #fff; background: #111412; }
.role-form select { width: 100%; min-height: 30px; padding: 0 6px; border: 1px solid #3a423d; border-radius: 7px; color: #dfe5e0; background: #232825; font-size: 8px; }
.urgent-admin-list article { min-height: 82px; padding: 13px 16px; display: grid; grid-template-columns: 1fr 120px 85px 320px; align-items: center; gap: 12px; border-top: 1px solid #292d2a; }
.urgent-admin-list article:first-child { border-top: 0; }
.urgent-admin-list h3 { margin: 4px 0; color: #fff; font-size: 13px; }
.urgent-admin-list p, .urgent-admin-list small { margin: 0; color: #7d8880; font-size: 8px; }
.urgent-admin-list > article > b { color: #ff758b; font-size: 11px; }
.urgent-admin-list form { display: grid; grid-template-columns: 1fr auto auto; gap: 5px; }
.urgent-admin-list input { min-height: 31px; padding: 0 8px; border: 1px solid #3a423d; border-radius: 7px; color: #fff; background: #111412; font-size: 8px; }
.urgent-admin-list button { padding: 0 8px; border: 1px solid #3a423d; border-radius: 7px; color: #fff; background: #262c28; font-size: 7px; font-weight: 850; }
.admin-table > div { min-height: 61px; padding: 10px 14px; display: grid; grid-template-columns: 35px 1fr 80px 100px 22px; align-items: center; gap: 9px; border-top: 1px solid #252825; }
.admin-table > div:first-child { border-top: 0; }
.admin-table > div > div { min-width: 0; display: flex; flex-direction: column; }
.admin-table b { overflow: hidden; color: #e6e9e6; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.admin-table small, .admin-table time { overflow: hidden; color: #737c75; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.admin-table > div > a { color: var(--mint); }
.status { width: max-content; padding: 4px 7px; border-radius: 20px; color: #b8c1ba; background: #2a2e2b; font-size: 8px; font-style: normal; font-weight: 900; text-transform: uppercase; }
.status.active, .status.resolved { color: #7ed7ae; background: #183126; }
.status.pending, .status.open { color: #f4c77b; background: #382d1b; }
.status.rejected, .status.suspended { color: #ee91a0; background: #3a1d23; }
.admin-actions { padding: 17px; border: 1px solid #2a2e2b; border-radius: 16px; background: linear-gradient(160deg, #1b1e1c, #1d2622); }
.admin-actions h2 { margin: 0 0 13px; color: #fff; font-size: 16px; }
.admin-actions > a { min-height: 65px; padding: 10px 0; display: grid; grid-template-columns: 32px 1fr 15px; align-items: center; gap: 9px; border-top: 1px solid #303531; }
.admin-actions > a > span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; color: #111; background: var(--mint); font-size: 8px; font-weight: 900; }
.admin-actions > a div { display: flex; flex-direction: column; }
.admin-actions b { font-size: 10px; }
.admin-actions small { color: #7e8780; font-size: 8px; }
.admin-filters { display: flex; gap: 6px; }
.admin-filters a { padding: 7px 10px; border: 1px solid #303431; border-radius: 8px; color: #aab1ac; font-size: 9px; font-weight: 800; }
.admin-wide { margin-bottom: 70px; overflow: hidden; }
.admin-listing-table article { min-height: 86px; padding: 10px 13px; display: grid; grid-template-columns: 70px minmax(190px, 1fr) 105px 75px 245px 50px; align-items: center; gap: 11px; border-top: 1px solid #282c29; }
.admin-listing-table img { width: 70px; height: 64px; object-fit: cover; border-radius: 10px; }
.admin-listing-table small { color: #788079; font-size: 8px; text-transform: uppercase; }
.admin-listing-table h3 { margin: 3px 0; color: #fff; font-size: 12px; }
.admin-listing-table p { margin: 0; color: #939b95; font-size: 9px; }
.admin-listing-table article > b { color: #fff; font-size: 12px; }
.admin-listing-table form { display: flex; flex-wrap: wrap; gap: 5px; }
.admin-listing-table form select { width: 100%; min-height: 30px; padding: 0 7px; border: 1px solid #343835; border-radius: 7px; color: #d9ddda; background: #222522; font-size: 8px; }
.rejection-note { margin: 2px 0 5px; color: var(--danger); font-size: 9px; text-transform: capitalize; }
.admin-listing-table button, .admin-user-table button, .report-list button, .campaign-admin-list button { min-height: 30px; padding: 0 8px; border: 1px solid #333934; border-radius: 7px; color: #cad0cb; background: #242824; font-size: 8px; font-weight: 800; }
.admin-listing-table article > a, .report-list article > a { color: var(--mint); font-size: 8px; font-weight: 800; }
.admin-user-table header, .admin-user-table article { min-height: 58px; padding: 10px 15px; display: grid; grid-template-columns: minmax(240px, 1fr) 100px 80px 80px 90px 80px; align-items: center; gap: 10px; border-top: 1px solid #282c29; }
.admin-user-table header { min-height: 42px; border-top: 0; color: #6f7771; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.admin-user-table article > div:first-child { display: grid; grid-template-columns: 35px 1fr; align-items: center; gap: 9px; }
.admin-user-table article > div:first-child > div { display: flex; flex-direction: column; }
.admin-user-table b { color: #fff; font-size: 10px; }
.admin-user-table small { color: #7d857f; font-size: 8px; }
.admin-user-table article > span { color: #aeb5af; font-size: 9px; }
.report-list article { min-height: 112px; padding: 14px; display: grid; grid-template-columns: 1fr 80px 190px 50px; align-items: center; gap: 14px; border-top: 1px solid #292d2a; }
.report-list article > div:first-child { display: grid; grid-template-columns: 38px 1fr; gap: 11px; }
.report-icon { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 11px; color: #fff; background: var(--danger); font-weight: 950; }
.report-list h3 { margin: 3px 0; color: #fff; font-size: 13px; }
.report-list p { margin: 2px 0; color: #9aa19b; font-size: 9px; }
.report-list small { color: #6f7771; font-size: 8px; }
.report-list form { display: flex; gap: 5px; }
.campaign-admin-list article { min-height: 118px; padding: 15px; display: grid; grid-template-columns: 1fr 180px 210px; align-items: center; gap: 17px; border-top: 1px solid #292d2a; }
.campaign-admin-list h3 { margin: 4px 0; color: #fff; font-size: 14px; }
.campaign-admin-list p { margin: 0; color: #929a94; font-size: 9px; }
.campaign-admin-list a { color: var(--mint); font-size: 8px; }
.campaign-admin-list article > div:nth-child(2) { display: flex; flex-direction: column; align-items: flex-end; gap: 5px; }
.campaign-admin-list article > div:nth-child(2) b { color: #fff; font-size: 13px; }
.campaign-admin-list article > div:nth-child(2) small { color: #727a74; font-size: 8px; }
.campaign-admin-list form { display: flex; gap: 5px; }
.admin-footer { min-height: 50px; padding: 16px 24px; border-top: 1px solid #292c2a; color: #616963; font-size: 8px; text-align: center; }

@media (max-width: 1080px) {
  .site-header { grid-template-columns: 190px 1fr auto; }
  .desktop-nav > a { padding: 0 9px; }
  .desktop-nav > a:nth-child(5) { display: none; }
  .listing-grid { grid-template-columns: repeat(3, 1fr); }
  .category-row { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .category-row a { grid-template-columns: 40px 1fr; }
  .category-row a > span { width: 39px; height: 39px; }
  .browse-results .listing-grid { grid-template-columns: repeat(2, 1fr); }
  .admin-topbar { grid-template-columns: 210px 1fr 180px; }
  .admin-topbar nav a { padding: 0 8px; }
  .admin-metrics { grid-template-columns: repeat(3, 1fr); }
  .admin-listing-table article { grid-template-columns: 64px minmax(170px, 1fr) 95px 70px 100px 45px; }
  .admin-listing-table form { flex-direction: column; }
}

@media (max-width: 820px) {
  body { padding-bottom: 66px; }
  .site-header { min-height: 64px; padding: 0 15px; grid-template-columns: 1fr auto; }
  .site-header .brand { grid-template-columns: 36px auto; grid-template-rows: 18px 14px; }
  .brand > span { width: 36px; height: 36px; }
  .desktop-nav { display: none; }
  .header-actions .text-button, .header-actions > .primary-button { display: none; }
  .account-menu summary > b { display: none; }
  .site-main { width: min(100% - 26px, 680px); }
  .market-hero { min-height: 380px; margin-top: 13px; padding: 38px 22px 22px; border-radius: 24px; }
  .hero-copy { padding-right: 35px; }
  .hero-copy h1 { font-size: 45px; letter-spacing: -2.7px; }
  .hero-copy p { font-size: 14px; }
  .free-seal { top: 20px; right: 17px; width: 82px; height: 82px; padding: 11px; }
  .free-seal b { font-size: 19px; }
  .free-seal span { font-size: 7px; }
  .hero-search { margin-top: 36px; grid-template-columns: 1fr 55px; }
  .hero-search label:nth-child(2), .hero-search .hero-city { display: none; }
  .hero-search button { font-size: 0; }
  .hero-search button span { font-size: 20px; }
  .hero-search .geo-button { display: none; }
  .category-row { margin-right: -13px; margin-left: -13px; padding: 10px 13px; display: flex; overflow-x: auto; border-right: 0; border-left: 0; border-radius: 0; scrollbar-width: none; }
  .category-row a { min-width: 155px; }
  .trust-strip { grid-template-columns: 1fr; }
  .trust-strip article { min-height: 86px; }
  .listing-grid, .browse-results .listing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
  .listing-content { padding: 10px; }
  .listing-card h3 { height: 39px; font-size: 13px; }
  .listing-price b { font-size: 15px; }
  .seller-line { display: none; }
  .card-actions { margin-top: 8px; }
  .sell-banner { padding: 22px; align-items: flex-start; flex-direction: column; }
  .browse-layout { display: block; padding-top: 20px; }
  .filter-panel { position: static; margin-bottom: 15px; }
  .filter-panel > div { display: none; }
  .filter-panel form { display: grid; grid-template-columns: 1fr 1fr; }
  .filter-panel form > label:first-child { grid-column: 1 / 3; }
  .price-fields { display: none; }
  .listing-detail { grid-template-columns: 1fr; padding-top: 20px; }
  .main-photo { border-radius: 19px; }
  .detail-title h1 { font-size: 28px; }
  .contact-actions { grid-template-columns: 1fr; }
  .deal-grid { grid-template-columns: 1fr; }
  .auth-shell { margin: 0 -13px; grid-template-columns: 1fr; }
  .auth-promo { display: none; }
  .auth-card { margin: 30px auto; }
  .form-intro h1 { font-size: 36px; }
  .form-section { padding: 20px; grid-template-columns: 1fr; }
  .form-section > span { width: 38px; height: 38px; }
  .form-grid { grid-template-columns: 1fr; }
  .form-grid .wide { grid-column: auto; }
  .photo-preview { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .condition-picker > div { grid-template-columns: repeat(2, 1fr); }
  .condition-picker label:last-child { grid-column: 1 / 3; }
  .ai-writer-action { align-items: flex-start; flex-direction: column; }
  .contact-choice .toggle-list { grid-template-columns: 1fr; }
  .publish-note { grid-template-columns: 35px 1fr; }
  .publish-note button { grid-column: 1 / 3; }
  .dashboard-hero { padding: 24px; flex-direction: column; align-items: flex-start; }
  .dashboard-actions { width: 100%; flex-wrap: wrap; }
  .metric-row { grid-template-columns: repeat(2, 1fr); }
  .dashboard-grid { grid-template-columns: 1fr; }
  .message-shell { grid-template-columns: 1fr; }
  .safety-banner { grid-column: 1; }
  .conversation-list { max-height: 300px; overflow-y: auto; }
  .chat-panel { min-height: 560px; }
  .deal-list article { grid-template-columns: 70px 1fr; }
  .deal-list img { width: 70px; height: 64px; }
  .deal-list article > div:nth-child(3), .deal-list article > form { grid-column: 2; align-items: flex-start; }
  .expense-layout { grid-template-columns: 1fr; }
  .expense-form { position: static; }
  .ads-hero { padding: 28px; }
  .ads-hero h1 { font-size: 37px; }
  .ad-visual { display: none; }
  .ads-grid { grid-template-columns: 1fr; }
  .legal-hero { min-height: 280px; padding: 28px; align-items: flex-start; flex-direction: column; }
  .legal-hero h1 { font-size: 42px; }
  .policy-grid { grid-template-columns: repeat(2, 1fr); }
  .legal-request-shell { margin: 25px 0 65px; grid-template-columns: 1fr; }
  .cookie-options { grid-template-columns: repeat(2, 1fr); }
  .cookie-actions { flex-wrap: wrap; }
  .legal-admin-list article { grid-template-columns: 1fr 80px; }
  .legal-admin-list form { grid-column: 1 / 3; }
  .urgent-admin-list article { grid-template-columns: 1fr 90px; }
  .urgent-admin-list article > i, .urgent-admin-list article > form, .urgent-admin-list article > small { grid-column: 1 / 3; }
  .site-footer { margin-bottom: -66px; padding: 34px 22px 90px; grid-template-columns: 1fr; }
  .site-footer nav { flex-wrap: wrap; }
  .site-footer > small { grid-column: 1; }
  .mobile-nav { position: fixed; z-index: 45; right: 0; bottom: 0; left: 0; min-height: 66px; padding: 5px 8px max(5px, env(safe-area-inset-bottom)); display: grid; grid-template-columns: repeat(5, 1fr); border-top: 1px solid var(--line); background: rgba(255,255,255,.96); backdrop-filter: blur(18px); }
  .mobile-nav a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; color: #747b75; font-size: 8px; font-weight: 750; }
  .mobile-nav a span { font-size: 19px; }
  .mobile-nav .mobile-sell span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 13px; color: #fff; background: linear-gradient(135deg, var(--coral), var(--pink)); }
  .admin-topbar { min-height: 66px; padding: 0 14px; grid-template-columns: 1fr auto; }
  .admin-topbar nav { display: none; }
  .admin-person { grid-template-columns: 34px; }
  .admin-person div { display: none; }
  .admin-main { width: calc(100% - 24px); }
  .admin-heading { min-height: 125px; }
  .admin-heading h1 { font-size: 28px; }
  .admin-heading .status-pill, .admin-filters { display: none; }
  .admin-metrics { grid-template-columns: repeat(2, 1fr); }
  .admin-grid { grid-template-columns: 1fr; }
  .admin-listing-table article { grid-template-columns: 60px 1fr 75px; }
  .admin-listing-table article > b, .admin-listing-table article > i, .admin-listing-table article > a { display: none; }
  .admin-listing-table form { grid-column: 2 / 4; flex-direction: row; }
  .admin-user-table { overflow-x: auto; }
  .admin-user-table header, .admin-user-table article { min-width: 760px; }
  .report-list article { grid-template-columns: 1fr 80px; }
  .report-list article > form { grid-column: 1 / 3; }
  .campaign-admin-list article { grid-template-columns: 1fr; }
  .campaign-admin-list article > div:nth-child(2) { align-items: flex-start; }
}

@media (max-width: 480px) {
  .hero-copy h1 { font-size: 38px; }
  .listing-grid, .browse-results .listing-grid { grid-template-columns: 1fr 1fr; }
  .listing-image { aspect-ratio: 1; }
  .listing-location { font-size: 8px; }
  .listing-card h3 { font-size: 12px; }
  .listing-price small { display: none; }
  .card-actions { grid-template-columns: 34px 1fr; }
  .card-actions form button { width: 34px; height: 36px; }
  .card-actions > a { min-height: 36px; font-size: 9px; }
  .filter-panel form { grid-template-columns: 1fr; }
  .filter-panel form > label:first-child { grid-column: auto; }
  .filter-panel form > label:nth-child(4), .filter-panel .reset-link { display: none; }
  .expense-hero { min-height: 165px; padding: 24px; }
  .expense-hero-icon { width: 72px; height: 72px; flex-basis: 72px; border-radius: 22px 22px 22px 8px; font-size: 30px; }
  .expense-metrics { grid-template-columns: 1fr; }
  .expense-metrics article { min-height: 76px; }
  .expense-form .form-grid { grid-template-columns: 1fr; }
  .expense-list > article { grid-template-columns: 42px minmax(0,1fr) 34px; }
  .expense-list > article > b { grid-column: 2; grid-row: 2; }
  .expense-list > article > form { grid-column: 3; grid-row: 1 / 3; }
  .detail-specs { grid-template-columns: 1fr; }
  .thumb-row { grid-template-columns: repeat(5, 1fr); }
  .gallery-arrow { width: 40px; height: 40px; font-size: 18px; }
  .gallery-expand { top: 10px; right: 10px; width: 40px; height: 40px; }
  .gallery-previous { left: 10px; }
  .gallery-next { right: 10px; }
  .gallery-count { right: 10px; bottom: 10px; }
  .gallery-lightbox { padding: 0; }
  .gallery-lightbox-dialog { width: 100%; height: 100vh; height: 100dvh; border: 0; border-radius: 0; }
  .lightbox-toolbar { min-height: 60px; padding: max(8px, env(safe-area-inset-top)) 8px 8px 14px; }
  .lightbox-toolbar > div { gap: 5px; }
  .lightbox-toolbar button { min-width: 38px; height: 38px; padding: 0 9px; border-radius: 11px; }
  .lightbox-toolbar [data-gallery-zoom-reset] { min-width: 56px; }
  .lightbox-toolbar .lightbox-close { margin-left: 1px; }
  .lightbox-arrow { width: 42px; height: 42px; font-size: 18px; }
  .lightbox-previous { left: 10px; }
  .lightbox-next { right: 10px; }
  .auth-card { padding: 24px; }
  .management-list article { grid-template-columns: 60px 1fr; }
  .management-list img { width: 60px; height: 56px; }
  .management-list article > div:last-child { grid-column: 2; align-items: flex-start; flex-direction: row; }
  .chat-form { grid-template-columns: 1fr; }
  .chat-form button { min-height: 42px; }
  .legal-page { margin: 25px 0 60px; padding: 25px; }
  .legal-page h1 { font-size: 35px; }
  .policy-grid { grid-template-columns: 1fr; }
  .legal-request-shell > div, .legal-request-shell > form { padding: 24px; }
  .cookie-card { padding: 22px 16px 16px; }
  .cookie-options { grid-template-columns: 1fr 1fr; }
  .cookie-actions button { flex: 1; }
}

html[data-theme-effective="dark"] {
  color-scheme: dark;
  --ink: #f4f5f3;
  --muted: #a6aea8;
  --line: #343a36;
  --surface: #191c1a;
  --canvas: #0e100f;
  --peach: #3a2521;
  --mint: #72d9aa;
  --violet: #a895ff;
  --pink: #ff6f9e;
  --coral: #ff7168;
  --danger: #ff7182;
  --success: #55d5a2;
  --shadow: 0 20px 55px rgba(0,0,0,.35);
}
html[data-theme-effective="dark"] .site-header { border-color: var(--line); background: rgba(14,16,15,.9); }
html[data-theme-effective="dark"] .mobile-nav { background: rgba(20,23,21,.96); }
html[data-theme-effective="dark"] .market-hero { background: radial-gradient(circle at 85% 10%, rgba(168,149,255,.2), transparent 32%), radial-gradient(circle at 8% 90%, rgba(114,217,170,.14), transparent 34%), linear-gradient(135deg, #251b19, #151816 58%, #211c36); }
html[data-theme-effective="dark"] .hero-copy p { color: var(--muted); }
html[data-theme-effective="dark"] :is(
  .desktop-nav > a:hover, .desktop-nav > a.active, .outline-button, .account-menu > div,
  .flash, .hero-search, .category-row, .trust-strip article, .listing-card,
  .card-actions form button, .filter-panel, input, select, textarea, .results-actions button,
  .empty-state, .detail-title form button, .seller-panel, .deal-grid form, .auth-shell,
  .auth-card, .form-section, .contact-choice .toggle-list label, .settings-form,
  .campaign-form, .expense-form, .expense-metrics article, .expense-list > article, .metric-row article, .panel, .saved-search-list article,
  .conversation-list, .chat-panel, .message-stream article, .deal-list article,
  .legal-page, .policy-grid > a, .legal-request-shell > div, .legal-request-shell > form
) { color: var(--ink); background: var(--surface); }
html[data-theme-effective="dark"] :is(.hero-search label, .condition-picker label) { background: #222624; }
html[data-theme-effective="dark"] :is(.account-menu > div a:hover, .account-menu > div button:hover, .location-tools, .location-picker > [data-location-choose]) { background: #29263a; }
html[data-theme-effective="dark"] :is(.listing-price, .chat-panel header, .chat-form) { border-color: var(--line); }
html[data-theme-effective="dark"] .listing-safety,
html[data-theme-effective="dark"] .safety-banner { border-color: #6b5828; background: #292413; }
html[data-theme-effective="dark"] .sell-banner { background: linear-gradient(135deg, #3a2521, #292442); }
html[data-theme-effective="dark"] .seller-legal { border-color: #68343d; background: #2f1e21; }
html[data-theme-effective="dark"] .country-flag { border-color: #555; background: #fff; }
html[data-theme-effective="dark"] .free-seal { color: #fff; border: 1px solid #3c423e; background: #0b0d0c; }
html[data-theme-effective="dark"] .hero-search > button { color: #fff; background: linear-gradient(135deg, var(--coral), var(--pink)); }
html[data-theme-effective="dark"] :is(.dark-button, .card-actions > a, .login-callout) { color: #111311; background: #f4f5f3; }
html[data-theme-effective="dark"] :is(.account-menu summary > span, .seller-line > span, .seller-profile > span, .form-section > span, .sell-banner > div > span) { color: #fff; background: linear-gradient(135deg, var(--coral), var(--pink)); }
html[data-theme-effective="dark"] .site-footer { color: #f4f5f3; background: #080a09; }
html[data-theme-effective="dark"] .detail-description { color: #c6ccc7; }
html[data-theme-effective="dark"] .detail-specs > div { border: 1px solid var(--line); background: #1b1f1c; }
html[data-theme-effective="dark"] .detail-specs dt { color: #8f9991; }
html[data-theme-effective="dark"] .detail-specs dd { color: #f4f5f3; }
html[data-theme-effective="dark"] .call-now { color: #b8f1d5 !important; border-color: #3f765f !important; background: #15261e !important; }
html[data-theme-effective="dark"] :is(.listing-safety p, .safety-banner p) { color: #eadb9a; }
html[data-theme-effective="dark"] :is(.filter-panel label, .campaign-form label, .settings-form label, .expense-form label, .auth-card label, .listing-form label, .deal-grid label) { color: #b4bdb6; }
html[data-theme-effective="dark"] .expense-hero { background: radial-gradient(circle at 90% 15%, rgba(168,149,255,.18), transparent 30%), linear-gradient(135deg, #2d201b, #151816 55%, #211d38); }
html[data-theme-effective="dark"] .expense-hero-icon { color: #151816; background: var(--mint); }
html[data-theme-effective="dark"] .expense-breakdown i,
html[data-theme-effective="dark"] .expense-list > article > span { color: #d6ccff; background: #2b2742; }
html[data-theme-effective="dark"] .expense-list form button { color: #ff9aab; background: #341d22; }
html[data-theme-effective="dark"] .toggle-list label { border: 1px solid var(--line); color: var(--ink); background: #1b1f1c; }
html[data-theme-effective="dark"] .upload-zone {
  color: var(--ink);
  border-color: #465049;
  background: #1b1f1c;
}
html[data-theme-effective="dark"] .upload-zone strong { color: #f4f6f4; }
html[data-theme-effective="dark"] .upload-zone small { color: #aeb7b0; }
html[data-theme-effective="dark"] .upload-zone.ready { border-color: var(--violet); background: #242138; }
html[data-theme-effective="dark"] .ai-writer {
  color: var(--ink);
  border-color: #494166;
  background:
    radial-gradient(circle at 95% 0, rgba(255,111,158,.15), transparent 34%),
    linear-gradient(135deg, #211f2d, #191c1a);
}
html[data-theme-effective="dark"] .ai-writer :is(label, .ai-writer-head b) { color: #f4f6f4; }
html[data-theme-effective="dark"] .ai-writer :is(.ai-writer-head small, .ai-writer-action small) { color: #aeb7b0; }
html[data-theme-effective="dark"] .choice-card {
  color: var(--ink);
  border-color: #454052;
  background: #211f2a;
}
html[data-theme-effective="dark"] .choice-card b { color: #f4f6f4; }
html[data-theme-effective="dark"] .choice-card small { color: #aeb7b0; }
html[data-theme-effective="dark"] .choice-card > span { color: #cbbfff; background: #302a4d; }
html[data-theme-effective="dark"] .contact-choice {
  color: var(--ink);
  border-color: var(--line);
  background: #151816;
}
html[data-theme-effective="dark"] .contact-choice h3 { color: #f4f6f4; }
html[data-theme-effective="dark"] .urgent-choice {
  border-color: #6c3c48;
  background: linear-gradient(135deg, #302023, #1b1d1b);
}
html[data-theme-effective="dark"] .urgent-choice b { color: #ffadbd; }
html[data-theme-effective="dark"] .urgent-choice small { color: #cbb4b9; }
html[data-theme-effective="dark"] .top-choice {
  border-color: #6b5927;
  background: linear-gradient(135deg, #2d2818, #1b1d1b);
}
html[data-theme-effective="dark"] .top-choice b { color: #ffe49a; }
html[data-theme-effective="dark"] .top-choice small { color: #c8b98e; }
html[data-theme-effective="dark"] .publish-note {
  background: linear-gradient(135deg, #173127, #26213a);
}
html[data-theme-effective="dark"] .publish-note p { color: #d7ddd8; }
html[data-theme-effective="dark"] .message-stream { background: #111412; }
html[data-theme-effective="dark"] .message-stream article.mine { color: #fff; background: var(--violet); }
html[data-theme-effective="dark"] .legal-page p { color: #bcc5be; }
html[data-theme-effective="dark"] :is(.detail-breadcrumb, .legal-page nav, .legal-page nav small) { color: #9ba49d; }