:root{--accent:#2563eb;--accent-dark:#1d4ed8;--accent-soft:rgba(37,99,235,.1);--cta:#ffc933;--cta-dark:#f0b207;--cta-text:#2a2113;--price:#e11b22;--gold:#c8971f;--gold-soft:rgba(200,151,31,.12);--bg:#f4f4f5;--card-bg:#ffffff;--tile-bg:#f4f4f5;--text:#212121;--text-muted:#767676;--text-faint:#a3a3a8;--border:#e8e8ea;--border-strong:#d9d9dd;--danger:#dc2626;--success:#16a34a;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:22px;--pill:999px;--max-width:1200px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font-xs:12px;--font-sm:13px;--font-base:14.5px;--font-md:16px;--font-lg:clamp(18px,1.5vw + 12px,20px);--font-xl:clamp(21px,2vw + 14px,26px);--font-2xl:clamp(26px,3vw + 14px,34px);--font-3xl:clamp(32px,4.5vw + 14px,48px);--shadow-xs:0 1px 2px rgba(16,24,40,.05);--shadow-sm:0 1px 4px rgba(16,24,40,.07);--shadow-md:0 4px 14px rgba(16,24,40,.09);--shadow-lg:0 10px 30px rgba(16,24,40,.12);--shadow-xl:0 20px 50px rgba(16,24,40,.18);--shadow-focus:0 0 0 3px var(--accent-soft);--ease:cubic-bezier(.22,1,.36,1);--t-fast:.15s;--t-base:.25s;--t-slow:.4s} *{box-sizing:border-box} [hidden]{display:none !important} html{scroll-behavior:smooth} @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto} *{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}} body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.55;font-size:var(--font-base);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} h1,h2,h3,h4{font-family:inherit;letter-spacing:-0.01em;margin:0} a{color:inherit;text-decoration:none;transition:color var(--t-fast) var(--ease)} a.link{color:var(--accent);text-decoration:underline} a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)} .container{max-width:var(--max-width);margin:0 auto;padding:0 16px} @media (min-width:1440px){.container{max-width:1320px}} @media (min-width:1800px){.container{max-width:1480px}} @media (max-width:360px){.container{padding:0 12px}} .reveal{opacity:0;transform:translateY(14px);transition:opacity var(--t-slow) var(--ease),transform var(--t-slow) var(--ease)} .reveal.in-view{opacity:1;transform:translateY(0)} @media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}} @keyframes card-fade-in{from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:translateY(0)}} .card-fade-in{animation:card-fade-in .35s var(--ease) both} @media (prefers-reduced-motion:reduce){.card-fade-in{animation:none}} .panel{background:var(--card-bg);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4);box-shadow:var(--shadow-xs)} .panel-slim{padding:11px 18px} .site-header{background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 1px 3px rgba(0,0,0,.06)} .topbar{border-bottom:1px solid var(--border);font-size:13px} .topbar-inner{display:flex;align-items:center;justify-content:space-between;padding:8px 0;gap:12px} .topbar-left{display:flex;gap:18px;color:var(--text-muted)} .topbar-left a{color:var(--text-muted);font-weight:500} .topbar-left a:hover{color:var(--accent)} .topbar-right{display:flex;align-items:center;gap:10px} .topbar-text-link{color:var(--text-muted);font-weight:600} .topbar-text-link:hover{color:var(--accent)} .icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:var(--text-muted)} .icon-btn:hover{background:var(--tile-bg);color:var(--accent)} .icon-btn .badge{position:absolute;top:-2px;right:-4px;margin-left:0} .avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(120deg,var(--accent),var(--accent-dark));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px} .header-main{display:flex;align-items:center;gap:12px;padding:12px 0;flex-wrap:wrap} .logo{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:800;color:var(--text);white-space:nowrap;letter-spacing:-0.02em} .logo svg{flex-shrink:0} .logo-text{display:flex;flex-direction:column;line-height:1.12} .logo-tagline{color:var(--text-muted);font-weight:500;font-size:11px;white-space:normal;max-width:150px} .search-form{position:relative;flex:1;display:flex;align-items:center;gap:8px;min-width:240px;height:46px;padding:0 5px 0 14px;border:1.5px solid var(--border);border-radius:var(--pill);background:#fff} .search-suggest{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--card-bg,#fff);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px rgba(0,0,0,0.12);z-index:50;overflow:hidden} .search-suggest-group-title{padding:8px 14px 4px;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.03em} .search-suggest-item{padding:9px 14px;font-size:14px;cursor:pointer} .search-suggest-item:hover{background:var(--tile-bg)} .search-form:focus-within{border-color:var(--accent)} .search-form .search-icon{color:var(--text-muted);flex-shrink:0;display:flex} .search-form input[type="text"]{flex:1;border:none;font-size:14.5px;min-width:0;background:transparent} .search-form input[type="text"]:focus{outline:none} .search-form button[type="submit"]{width:36px;height:36px;flex-shrink:0;border-radius:50%;background:var(--cta);color:var(--cta-text);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center} .search-form button[type="submit"]:hover{background:var(--cta-dark)} .city-select-form{display:flex;align-items:center;gap:6px;padding:0 14px;border:1.5px solid var(--cta);background:#fffdf5;border-radius:var(--pill);height:46px;color:var(--text);white-space:nowrap} .city-select-form .pin-icon{flex-shrink:0;color:var(--cta-dark)} .city-select-form select{border:none;background:transparent;font-size:14px;font-weight:600;color:var(--text);max-width:150px;cursor:pointer} .city-select-form select:focus{outline:none} .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:var(--pill);border:1.5px solid var(--border);background:#fff;color:var(--text);cursor:pointer;font-size:14px;font-weight:600;white-space:nowrap;transition:border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),background var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)} .btn:hover{border-color:var(--accent);color:var(--accent)} .btn:active{transform:scale(.97)} .btn-primary{background:var(--cta);color:var(--cta-text);border-color:var(--cta);font-weight:700;box-shadow:0 2px 10px rgba(240,178,7,.35)} .btn-primary:hover{background:var(--cta-dark);border-color:var(--cta-dark);color:var(--cta-text);box-shadow:0 4px 16px rgba(240,178,7,.45);transform:translateY(-1px)} .btn-primary:active{transform:translateY(0) scale(.97)} .btn-blue{background:var(--accent);color:#fff;border-color:var(--accent)} .btn-blue:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff} .btn-danger{background:#fff;color:var(--danger);border-color:#f3c9c9} .btn-danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)} .btn-sm{padding:6px 12px;font-size:12px} .btn-lg{padding:14px 26px;font-size:15.5px} .btn-block{display:flex;width:100%} .btn:disabled,.btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none} .lang-switch{display:flex;gap:4px} .lang-switch a{padding:4px 9px;border-radius:var(--pill);font-size:12px;font-weight:700;border:1px solid var(--border);color:var(--text-muted)} .lang-switch a.active{background:var(--accent);color:#fff;border-color:var(--accent)} .nav-categories{display:flex;gap:2px;overflow-x:auto;padding:6px 0 10px;font-size:13px;scrollbar-width:none} .nav-categories::-webkit-scrollbar{display:none} .nav-categories a{padding:7px 12px;border-radius:var(--pill);white-space:nowrap;color:var(--text-muted);font-weight:500} .nav-categories a:hover{background:var(--tile-bg);color:var(--text)} .nav-cat-link{display:inline-flex !important;align-items:center;gap:7px} .nav-cat-icon{display:inline-flex;color:var(--accent)} .nav-cat-icon svg{width:17px;height:17px;display:block} .badge{background:var(--danger);color:#fff;border-radius:var(--pill);font-size:11px;font-weight:700;padding:1px 6px;margin-left:4px} .flash{padding:11px 18px;border-radius:var(--pill);margin:12px 0;font-size:14px;font-weight:500} .flash-success{background:#dcfce7;color:#166534} .flash-error{background:#fee2e2;color:#991b1b} .page{padding:16px 0 60px} .layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:16px;align-items:start} @media (max-width:860px){.layout{grid-template-columns:minmax(0,1fr)}} .card{background:var(--card-bg);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-xs)} .card:has(> table.admin-table),.card:has(> .admin-row),.card:has(form.admin-row),.card:has(.district-row){overflow-x:auto} .district-city-group{margin-bottom:22px} .district-city-group:last-child{margin-bottom:0} .district-city-title{font-size:14px;font-weight:800;margin:0 0 8px;display:flex;align-items:center;gap:8px} .district-row{display:grid;grid-template-columns:1.6fr repeat(5,64px) auto;gap:8px;align-items:center;padding:9px 4px;border-bottom:1px solid var(--border);min-width:720px} .district-row:last-child{border-bottom:none} .district-row-head{font-size:10.5px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-weight:700;text-align:center} .district-row-head > div:first-child{text-align:left} .district-score-input{width:100%;text-align:center;padding:6px 4px;border:1px solid var(--border);border-radius:8px;font-size:13px} .district-score-label{font-size:15px;display:block;text-align:center;margin-bottom:2px} .field-row{display:grid;grid-template-columns:0.9fr 1fr 1fr 1fr 90px 1.1fr 70px 70px auto;gap:8px;align-items:center;padding:9px 4px;border-bottom:1px solid var(--border);min-width:980px} .field-row:last-child{border-bottom:none} .field-row-head{font-size:10.5px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-weight:700} .field-row input[type="text"],.field-row select{width:100%;padding:6px 8px;border:1px solid var(--border);border-radius:8px;font-size:13px} .field-row input[type="checkbox"]{justify-self:center} .card:has(.field-row){overflow-x:auto} .section-title{font-size:var(--font-lg);font-weight:800;margin:0 0 14px;letter-spacing:-0.01em} .section-subtitle{font-size:var(--font-sm);color:var(--text-muted);margin:-8px 0 14px} .section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap} .section-head .section-title{margin-bottom:0} .section-head-link{font-size:13px;font-weight:700;color:var(--accent);white-space:nowrap} .section-head-link:hover{text-decoration:underline} .filter-chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:4px} .chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--pill);background:var(--tile-bg);font-size:13.5px;font-weight:600;color:var(--text);border:none;cursor:pointer} .chip:hover{background:#e9e9ec} .chip.active{background:var(--accent-soft);color:var(--accent)} .sort-chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-left:auto} .chip-reset{color:var(--accent);background:transparent;font-weight:600} .chip-reset:hover{background:var(--accent-soft)} .save-search-form{display:inline-flex} .chip-save-search{font:inherit} .saved-search-list{display:flex;flex-direction:column;gap:10px} .saved-search-item{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap} .saved-search-name{font-weight:700;color:var(--text)} .saved-search-name:hover{color:var(--accent)} .saved-search-meta{font-size:12px;color:var(--text-muted);margin-right:auto} .category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px} .category-tile{position:relative;background:var(--tile-bg);border-radius:var(--radius-lg);padding:18px;min-height:158px;font-size:15px;font-weight:700;overflow:hidden;display:flex;align-items:flex-start;transition:box-shadow .15s,transform .15s} .category-tile .label{position:relative;z-index:1;max-width:62%;line-height:1.3} .category-tile:hover{box-shadow:0 8px 22px rgba(0,0,0,.1);transform:translateY(-2px)} .category-tile .icon-badge{position:absolute;right:-4px;bottom:-4px;width:84px;height:84px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 3px 4px rgba(0,0,0,.12))} .category-tile .icon-badge svg{width:100%;height:100%} .category-tile.has-photo{background-size:cover;background-position:center;align-items:flex-end} .category-tile.has-photo::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.68) 100%)} .category-tile.has-photo .label{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5);max-width:100%} .filters h3{margin-top:0;font-size:15px} .filters label{display:block;font-size:12px;color:var(--text-muted);margin:12px 0 5px;font-weight:600} .filters select,.filters input[type="number"],.filters input[type="text"]{width:100%;padding:9px 12px;border:1.5px solid var(--border);border-radius:10px;font-size:14px} .filters .price-range{display:flex;gap:8px} .filters-actions{display:flex;gap:8px;margin-top:16px} .toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;flex-wrap:wrap;gap:8px} .results-count{color:var(--text-muted);font-size:14px} .listing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:14px} .listing-card{position:relative;background:var(--card-bg);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;height:100%;transition:box-shadow var(--t-base) var(--ease),transform var(--t-base) var(--ease)} .listing-card{box-shadow:var(--shadow-xs)} .listing-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)} .listing-card-link{display:flex;flex-direction:column;height:100%} .listing-card .thumb{aspect-ratio:4/3;background:#eaeaee center/cover no-repeat;display:flex;align-items:center;justify-content:center;color:var(--text-muted);position:relative;overflow:hidden} .listing-card .thumb{transition:background-size var(--t-slow) var(--ease)} .listing-card:hover .thumb.thumb-loaded{background-size:110%} .thumb-lazy:not(.thumb-loaded){background:linear-gradient(90deg,#eaeaee 25%,#f2f2f4 37%,#eaeaee 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite} .listing-card .status-tag{position:absolute;top:8px;left:8px;background:rgba(0,0,0,.7);color:#fff;font-size:11px;font-weight:600;padding:3px 9px;border-radius:var(--pill)} .listing-card .body{padding:11px 13px 13px;flex:1;display:flex;flex-direction:column;gap:5px} .listing-card .price{font-weight:800;font-size:16.5px;color:var(--price);font-variant-numeric:tabular-nums} .listing-card .title{font-size:14px;font-weight:500;color:var(--text);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em} .listing-card .meta{font-size:12.5px;color:var(--text-muted);display:flex;align-items:center;gap:4px;margin-top:auto} .listing-card .meta svg{width:13px;height:13px;flex-shrink:0} .listing-card-skeleton{background:var(--card-bg);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs)} .listing-card-skeleton .thumb-lazy{aspect-ratio:4/3} .listing-card-skeleton .sk-body{padding:11px 13px 13px;display:flex;flex-direction:column;gap:8px} .listing-card-skeleton .sk-line{height:11px;border-radius:6px;background:linear-gradient(90deg,var(--tile-bg) 25%,#ececef 37%,var(--tile-bg) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite} .listing-card-skeleton .sk-line.w-70{width:70%} .listing-card-skeleton .sk-line.w-50{width:50%} .listing-card-skeleton .sk-line.h-lg{height:16px} .fav-form{position:absolute;top:8px;right:8px;z-index:2;margin:0} .fav-btn{width:32px;height:32px;border-radius:50%;border:none;background:rgba(255,255,255,.92);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.15)} .fav-btn svg{width:17px;height:17px} .fav-btn:hover{color:var(--price)} .fav-btn.active{color:var(--price)} .fav-btn.active svg{fill:var(--price)} .empty-state{padding:40px 0;text-align:center;color:var(--text-muted)} .empty-state-rich{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-12) var(--space-4);gap:var(--space-2)} .empty-state-rich .empty-icon{width:84px;height:84px;border-radius:50%;background:var(--tile-bg);color:var(--text-faint);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-2)} .empty-state-rich .empty-icon svg{width:38px;height:38px} .empty-state-rich h3{font-size:var(--font-lg);font-weight:800;margin:0} .empty-state-rich p{margin:0 0 var(--space-4);color:var(--text-muted);font-size:var(--font-base);max-width:380px} .empty-state-rich .empty-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center} .placeholder-icon{display:flex;align-items:center;justify-content:center;color:var(--text-muted);opacity:.45} .placeholder-icon svg{width:34px;height:34px;display:block} .placeholder-icon.small svg{width:22px;height:22px} .gallery-main .placeholder-icon svg{width:56px;height:56px} .pagination{display:flex;gap:6px;justify-content:center;margin-top:24px;flex-wrap:wrap} .infinite-scroll-status{text-align:center;padding:18px 0;color:var(--text-muted);font-size:13px} .pagination a,.pagination span{padding:8px 14px;border:1.5px solid var(--border);border-radius:var(--pill);font-size:13px;font-weight:600;background:#fff;transition:border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)} .pagination a:hover{border-color:var(--accent);color:var(--accent)} .pagination .current{background:var(--accent);color:#fff;border-color:var(--accent)} @media (max-width:420px){.pagination a,.pagination span{padding:7px 11px;font-size:12.5px}} .detail-layout{display:grid;grid-template-columns:1.6fr minmax(0,1fr);gap:16px;align-items:start} @media (max-width:860px){.detail-layout{grid-template-columns:minmax(0,1fr)}} .gallery-main{aspect-ratio:4/3;background:var(--tile-bg) center/cover no-repeat;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--text-muted)} .gallery-thumbs{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap} .gallery-thumbs img{width:72px;height:58px;object-fit:cover;border-radius:10px;cursor:pointer;border:2px solid transparent} .gallery-thumbs img.active{border-color:var(--accent)} .gallery{position:relative} .gallery .gallery-main{cursor:zoom-in} .gallery-fav-btn{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.92);border:none;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm,0 2px 8px rgba(0,0,0,.15));transition:transform var(--t-fast) var(--ease)} .gallery-fav-btn:hover{transform:scale(1.08)} .gallery-counter{position:absolute;bottom:12px;right:12px;background:rgba(0,0,0,.6);color:#fff;font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--pill)} .gallery-zoom-hint{position:absolute;bottom:12px;left:12px;background:rgba(0,0,0,.45);color:#fff;font-size:14px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity var(--t-fast) var(--ease)} .gallery:hover .gallery-zoom-hint{opacity:1} .gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.4);border:none;color:#fff;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--t-fast) var(--ease),background var(--t-fast) var(--ease)} .gallery:hover .gallery-nav{opacity:1} .gallery-nav:hover{background:rgba(0,0,0,.6)} .gallery-nav-prev{left:10px} .gallery-nav-next{right:10px} @media (max-width:560px){.gallery-nav{opacity:1;width:34px;height:34px;font-size:18px;background:rgba(0,0,0,.35)}} .lightbox{position:fixed;inset:0;background:rgba(10,10,12,.94);z-index:200;display:none;align-items:center;justify-content:center;padding:24px} .lightbox.is-open{display:flex} .lightbox-img{max-width:92vw;max-height:86vh;object-fit:contain;border-radius:6px;user-select:none} .lightbox-close,.lightbox-nav{position:absolute;background:rgba(255,255,255,.1);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background var(--t-fast) var(--ease)} .lightbox-close:hover,.lightbox-nav:hover{background:rgba(255,255,255,.2)} .lightbox-close{top:18px;right:18px;width:42px;height:42px;font-size:18px} .lightbox-nav{top:50%;transform:translateY(-50%);width:52px;height:52px;font-size:28px} .lightbox-prev{left:12px} .lightbox-next{right:12px} .lightbox-counter{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:#fff;font-size:13px;font-weight:600;background:rgba(255,255,255,.12);padding:5px 14px;border-radius:var(--pill)} @media (max-width:560px){.lightbox-nav{width:42px;height:42px;font-size:22px} .lightbox-prev{left:4px} .lightbox-next{right:4px}} .detail-title{font-size:23px;font-weight:700;margin:16px 0 8px;line-height:1.3} .detail-price{font-size:28px;font-weight:800;color:var(--price);margin-bottom:10px} .detail-meta{color:var(--text-muted);font-size:13px;margin-bottom:16px} .detail-description{white-space:pre-line;line-height:1.65} .seller-card{display:flex;flex-direction:column;gap:12px} .seller-card .seller-head{display:flex;align-items:center;gap:12px} .seller-card .seller-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;font-weight:800;font-size:18px;display:flex;align-items:center;justify-content:center} .seller-card .name{font-weight:700;font-size:16px} .seller-card .since{font-size:12px;color:var(--text-muted)} .seller-card .rating{font-size:13px;color:var(--text-muted);display:flex;align-items:center;gap:4px} .seller-card .seller-divider{height:1px;background:var(--border);margin:2px 0;border:none} .seller-card .rating .stars{color:#f5a623;letter-spacing:-1px} .owner-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px} .seller-profile-header .seller-avatar{width:72px;height:72px;font-size:28px} .seller-profile-name{font-size:22px;margin:0 0 4px} .seller-status{font-size:13px;margin-top:4px} .seller-status-online{color:var(--success,#1a9c53);font-weight:600} .seller-status-offline{color:var(--text-muted)} .seller-badges{display:flex;flex-wrap:wrap;gap:8px} .seller-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--pill);background:var(--tile-bg);color:var(--accent-dark)} .seller-stats-row{display:flex;gap:24px} .seller-stat{display:flex;flex-direction:column;align-items:flex-start} .seller-stat strong{font-size:20px} .seller-stat span{font-size:12px;color:var(--text-muted)} .seller-bio{font-size:14px;line-height:1.5;color:var(--text)} .seller-bio h3{font-size:14px;margin-bottom:6px} .seller-contact-buttons{display:flex;flex-direction:column;gap:8px} .seller-contact-buttons form{display:flex;flex-direction:column;gap:8px} .tag-top{background:#fff4d6;color:#92620a} .attributes-table{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 20px;margin:16px 0} .attributes-table .attr-row{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid var(--border);font-size:14px} .attributes-table .attr-label{color:var(--text-muted)} .attributes-table .attr-value{font-weight:600;text-align:right} @media (max-width:560px){.attributes-table{grid-template-columns:minmax(0,1fr)}} .bazo-score-card{margin:16px 0;padding:18px 20px;background:linear-gradient(160deg,var(--tile-bg),var(--card-bg) 60%)} .bazo-score-title{font-weight:700;font-size:14px;margin-bottom:14px} .bazo-score-source{font-weight:400;color:var(--text-muted);font-size:12px} .bazo-score-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:14px 18px} .bazo-score-item{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;min-width:0} .bazo-score-icon{font-size:20px;line-height:1} .bazo-score-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em} .bazo-score-bar{width:100%;max-width:72px;height:5px;border-radius:3px;background:var(--border);overflow:hidden} .bazo-score-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--gold),var(--accent))} .bazo-score-value{font-size:12px;font-weight:700;color:var(--text)} @media (max-width:480px){.bazo-score-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} .share-button{background:none;border:1px solid var(--border);border-radius:var(--pill);padding:8px 14px;font-size:13px;cursor:pointer;color:var(--text);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;line-height:1} .share-button:hover{background:var(--tile-bg)} a.share-button{width:36px;height:36px;padding:0} .share-button svg{width:16px;height:16px} .price-history{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);margin:4px 0 10px} .price-history-label{font-weight:600;color:var(--text)} .price-history-step.price-history-was{text-decoration:line-through} .price-history-step small{color:var(--text-muted);font-size:11px} .price-history-arrow{color:var(--accent)} .attr-checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer} .attr-toggle-label{display:inline-flex;align-items:center;gap:8px;font-size:14px;cursor:pointer} .attr-toggle-label input[type="checkbox"]{position:absolute;opacity:0;width:0;height:0} .attr-toggle-track{position:relative;width:38px;height:22px;border-radius:999px;background:var(--border);transition:background .15s ease;flex-shrink:0} .attr-toggle-track::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s ease;box-shadow:0 1px 2px rgba(0,0,0,.25)} .attr-toggle-label input[type="checkbox"]:checked + .attr-toggle-track{background:var(--accent)} .attr-toggle-label input[type="checkbox"]:checked + .attr-toggle-track::after{transform:translateX(16px)} .detail-actions-row{display:flex;align-items:center;gap:10px;margin:-4px 0 16px;flex-wrap:wrap} .reviews-block{margin-top:20px} .reviews-block h3{font-size:15px;margin-bottom:10px} .review-item{padding:10px 0;border-bottom:1px solid var(--border)} .review-item:last-child{border-bottom:none} .review-item .review-head{display:flex;justify-content:space-between;font-size:13px;margin-bottom:4px} .review-item .review-author{font-weight:600} .review-item .review-stars{color:#f5a623} .review-item .review-comment{font-size:14px;color:var(--text);line-height:1.5} .no-reviews{font-size:13px;color:var(--text-muted)} .safety-tips{background:var(--tile-bg);border-radius:var(--radius);padding:14px 16px;margin-top:16px;font-size:13px} .safety-tips h4{margin:0 0 8px;font-size:13px} .safety-tips ul{margin:0;padding-left:18px} .safety-tips li{margin-bottom:4px;line-height:1.4} .cabinet-stats-row{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:4px} @media (max-width:640px){.cabinet-stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}} .cabinet-stat-item{background:var(--card-bg,#fff);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;text-align:center} .cabinet-stat-value{display:block;font-size:22px;font-weight:800;color:var(--accent)} .cabinet-stat-label{display:block;font-size:12px;color:var(--text-muted);margin-top:2px} .stats-table-card{padding:0;overflow:hidden} .stats-table-row{display:grid;grid-template-columns:1fr 90px 90px;gap:10px;padding:12px 16px;align-items:center;border-bottom:1px solid var(--border);color:var(--text);text-decoration:none;font-size:13.5px} .stats-table-row:last-child{border-bottom:none} .stats-table-row span:not(.stats-table-title){text-align:right;color:var(--text-muted)} .stats-table-head{font-weight:700;font-size:12px;color:var(--text-muted)} .stats-table-head span:not(:first-child){text-align:right} a.stats-table-row:hover{background:var(--tile-bg)} .stats-table-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .cabinet-stub-card{margin-top:14px} .cabinet-stub-card h3{margin:0 0 6px;font-size:15px} .cabinet-section{grid-column:1 / -1} .cabinet-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--border);flex-wrap:wrap} .cabinet-tab{background:none;border:none;padding:10px 14px;font-size:14px;font-weight:600;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px} .cabinet-tab.active{color:var(--text);border-bottom-color:var(--accent)} .cabinet-tab:hover{color:var(--text)} .listing-card-wrap{display:flex;flex-direction:column;gap:6px;position:relative} .cabinet-archive-btn{width:100%;font-size:12px;padding:6px 10px} .cabinet-select-all{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);margin-bottom:10px;cursor:pointer} .cabinet-select-checkbox{position:absolute;top:8px;left:8px;z-index:2;width:24px;height:24px;border-radius:7px;background:rgba(255,255,255,.92);box-shadow:0 1px 4px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;cursor:pointer} .cabinet-select-checkbox input{width:16px;height:16px;margin:0;cursor:pointer} .cabinet-bulk-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;background:var(--bg-subtle,#f7f7f8);border:1px solid var(--border);border-radius:12px;padding:10px 12px;margin-bottom:12px} .cabinet-bulk-count{font-size:13px;font-weight:700;margin-right:4px} .cabinet-rating-summary{font-size:15px;margin-bottom:14px;display:flex;align-items:center;gap:6px} .cabinet-rating-summary .stars{color:#f5a623} .messenger-buttons{display:flex;flex-direction:column;gap:8px;margin-top:10px} .btn-messenger{display:flex;align-items:center;gap:9px;padding:10px 16px;border-radius:var(--pill);font-size:14px;font-weight:600;color:#fff} .btn-messenger .messenger-icon{width:18px;height:18px;display:flex;flex-shrink:0} .btn-messenger .messenger-icon svg{width:100%;height:100%} .btn-messenger-whatsapp{background:#25D366} .btn-messenger-whatsapp:hover{background:#1ea952;color:#fff} .btn-messenger-telegram{background:#229ED9} .btn-messenger-telegram:hover{background:#1c86b8;color:#fff} .btn-messenger-zalo{background:#0068FF} .btn-messenger-zalo:hover{background:#0052cc;color:#fff} .contacts-card{margin-top:16px} .phone-row{display:flex;gap:8px} .phone-row .country-select{flex:0 0 auto;width:150px;padding:11px 6px;border:1.5px solid var(--border);border-radius:10px;font-size:12.5px;font-family:inherit} .phone-row input[type="text"]{flex:1;min-width:0} .phone-row .country-select:focus{outline:none;border-color:var(--accent)} .form-group{margin-bottom:16px} .form-group label{display:block;font-weight:600;font-size:14px;margin-bottom:6px} .form-group input[type="text"],.form-group input[type="email"],.form-group input[type="password"],.form-group input[type="number"],.form-group input[type="tel"],.form-group textarea,.form-group select{width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:10px;font-size:14px;font-family:inherit} .form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent)} .form-group textarea{min-height:140px;resize:vertical} .form-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px} @media (max-width:600px){.form-row{grid-template-columns:minmax(0,1fr)}} .form-submit-row{display:flex;gap:10px} @media (max-width:480px){.form-submit-row{flex-direction:column}} .form-hint{font-size:12px;color:var(--text-muted);margin-top:4px} .wizard-progress{display:flex;gap:2px;margin:4px 0 20px;overflow-x:auto} .wizard-progress-step{flex:1;min-width:64px;text-align:center;padding-bottom:8px;border-bottom:3px solid var(--border);cursor:pointer;color:var(--text-muted);font-size:11px} .wizard-progress-step.active{border-bottom-color:var(--accent);color:var(--text);font-weight:700} .wizard-progress-step.done{border-bottom-color:var(--accent)} .wizard-progress-num{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--tile-bg);font-size:11px;font-weight:700;margin-bottom:4px} .wizard-progress-step.active .wizard-progress-num,.wizard-progress-step.done .wizard-progress-num{background:var(--accent);color:#fff} .wizard-progress-label{display:block} @media (max-width:480px){.wizard-progress-label{display:none}} .wizard-step{display:none} .wizard-step.active{display:block;animation:wizard-fade .2s ease} @keyframes wizard-fade{from{opacity:0;transform:translateY(4px)} to{opacity:1;transform:none}} .wizard-nav{display:flex;justify-content:space-between;gap:10px;margin-top:20px} .wizard-nav .btn:only-child{margin-left:auto} .category-cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} @media (max-width:480px){.category-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} .category-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;border-radius:var(--radius);border:1.5px solid var(--border);background:none;cursor:pointer;font-size:12.5px;text-align:center;transition:border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)} .category-card-icon{font-size:22px} .category-card:hover{border-color:var(--accent)} .category-card.active{border-color:var(--accent);background:var(--tile-bg);font-weight:700} .price-hint{color:var(--accent)} .photo-thumb-grid{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px} .photo-thumb{margin:0;position:relative;width:92px} .photo-thumb img{width:92px;height:74px;object-fit:cover;border-radius:10px;cursor:grab} .photo-thumb.dragging img{opacity:.4} .photo-thumb-remove{display:flex;align-items:center;gap:3px;font-size:10.5px;margin-top:3px;cursor:pointer} .photo-thumb-new img{cursor:default;opacity:.85} .photo-dropzone{border:2px dashed var(--border);border-radius:var(--radius);padding:22px 12px;text-align:center;color:var(--text-muted);font-size:13px;cursor:pointer;position:relative;display:flex;flex-direction:column;gap:6px;align-items:center;transition:border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)} .photo-dropzone.dragover{border-color:var(--accent);background:var(--tile-bg)} .photo-dropzone-icon{font-size:26px} .photo-dropzone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%} .review-summary{padding:16px;margin-bottom:12px} .review-title{font-weight:700;margin-bottom:10px} .review-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border);font-size:13.5px} .review-row:last-child{border-bottom:none} .review-row span:first-child{color:var(--text-muted)} .address-check-row{display:flex;gap:8px} .address-check-row input{flex:1} .address-check-row .btn{white-space:nowrap} .address-status{font-size:12.5px;margin-top:6px;min-height:16px} .address-status-ok{color:var(--success,#1a9e57)} .address-status-error{color:var(--danger)} .address-candidates{margin-top:8px;border:1px solid var(--border);border-radius:10px;padding:8px;background:var(--bg-subtle,#f7f7f8)} .address-candidates-title{font-size:12px;color:var(--text-muted);margin-bottom:6px} .address-candidate-item{display:block;width:100%;text-align:left;background:var(--card-bg,#fff);border:1px solid var(--border);border-radius:8px;padding:8px 10px;margin-bottom:6px;font-size:13px;cursor:pointer} .address-candidate-item:last-child{margin-bottom:0} .address-candidate-item:hover{border-color:var(--primary)} .address-map-toggle{margin-top:8px} .address-map-wrap{margin-top:10px} .address-map{height:260px;border-radius:10px;overflow:hidden;border:1px solid var(--border)} .photo-upload-existing{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px} .photo-upload-existing figure{margin:0;text-align:center} .photo-upload-existing img{width:90px;height:72px;object-fit:cover;border-radius:10px} .photo-upload-existing figcaption{font-size:11px} .auth-box{max-width:420px;margin:40px auto} .auth-box h1{font-size:22px;margin-bottom:20px;text-align:center} .auth-switch{text-align:center;margin-top:14px;font-size:14px;color:var(--text-muted)} .auth-hint{font-size:14px;color:var(--text-muted);margin-bottom:18px;text-align:center} .auth-forgot-link{text-align:right;margin:-8px 0 16px;font-size:13px} .reset-link-box{background:var(--bg-alt,#f8f9fb);border-radius:var(--radius);padding:16px;text-align:center} .reset-link-box p{margin:0 0 12px;font-size:14px} .reset-link-note{margin-top:12px !important} .chat-list{display:flex;flex-direction:column;gap:2px} .chat-list-item{display:flex;gap:12px;padding:12px;border-radius:var(--radius);align-items:center} .chat-list-item:hover{background:var(--tile-bg)} .chat-list-item .thumb{width:54px;height:54px;border-radius:12px;background:var(--tile-bg) center/cover no-repeat;flex-shrink:0;display:flex;align-items:center;justify-content:center} .chat-list-item .info{flex:1;min-width:0} .chat-list-item .name{font-weight:700;font-size:14px} .chat-list-item .listing-title{font-size:12px;color:var(--text-muted)} .chat-list-item .last-msg{font-size:13px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .chat-window{display:flex;flex-direction:column;height:70vh} .chat-header{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--border);margin-bottom:12px} .chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:4px} .msg{max-width:70%;padding:9px 14px;border-radius:16px;font-size:14px} .msg.mine{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px} .msg.theirs{align-self:flex-start;background:var(--tile-bg);border-bottom-left-radius:4px} .msg .time{font-size:10px;opacity:.7;display:block;margin-top:2px} .chat-input{display:flex;gap:8px;margin-top:12px} .chat-input input[type="text"]{flex:1;padding:11px 16px;border:1.5px solid var(--border);border-radius:var(--pill)} .chat-input input[type="text"]:focus{outline:none;border-color:var(--accent)} .chat-blocked-notice{margin-top:12px;padding:12px 16px;background:var(--tile-bg);border-radius:var(--pill);font-size:14px;color:var(--text-muted);text-align:center} .integrations-key-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;background:var(--tile-bg);border-radius:var(--radius);margin-top:4px} .integrations-key-value{font-family:monospace;font-size:13px;word-break:break-all} .integrations-endpoint-list{margin:8px 0 14px;padding-left:20px;font-size:13.5px;line-height:1.9} .integrations-endpoint-list code{background:var(--tile-bg);padding:2px 6px;border-radius:4px;font-size:12.5px} .card.integrations-docs{overflow-x:auto} .integrations-docs pre{background:var(--tile-bg);border-radius:var(--radius);padding:14px 16px;overflow-x:auto;font-size:12.5px;line-height:1.6} .integrations-docs code{font-family:monospace} .integrations-docs table{width:100%;border-collapse:collapse;margin:10px 0 18px;font-size:13.5px} .integrations-docs table th,.integrations-docs table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:top} .integrations-docs h2{font-size:17px;margin:28px 0 10px} .integrations-docs h2:first-child{margin-top:0} .integrations-docs h3{font-size:15px;margin:18px 0 8px} .stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px} .stat-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:18px;text-align:center} .stat-card .num{font-size:30px;font-weight:800;color:var(--text)} .stat-card .label{font-size:13px;color:var(--text-muted)} table.admin-table{width:100%;border-collapse:collapse;font-size:13px} table.admin-table th,table.admin-table td{padding:11px 10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top} table.admin-table th{color:var(--text-muted);font-weight:600} .tag{display:inline-block;padding:3px 10px;border-radius:var(--pill);font-size:11px;font-weight:700} .tag-active{background:#dcfce7;color:#166534} .tag-removed{background:#fee2e2;color:#991b1b} .tag-sold{background:#ececed;color:#374151} .tag-open{background:#fef3c7;color:#92400e} .tag-resolved{background:#dcfce7;color:#166534} .tag-draft{background:#e5e7eb;color:#4b5563} .tag-archived{background:#ede9fe;color:#5b21b6} .text-muted{color:var(--text-muted)} .admin-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap} .admin-tabs a{padding:9px 16px;border-radius:var(--pill);font-size:13px;font-weight:600;color:var(--text-muted);background:#fff} .admin-tabs a.active{background:var(--accent);color:#fff} footer.site-footer{margin-top:var(--space-12);padding-top:var(--space-10);background:#16233d;color:rgba(255,255,255,.72)} .footer-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,1fr));gap:var(--space-8) var(--space-6);padding-bottom:var(--space-10);border-bottom:1px solid rgba(255,255,255,.1)} @media (max-width:900px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .footer-col-brand{grid-column:1 / -1}} @media (max-width:480px){.footer-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}} .footer-col-brand .logo-text{color:#fff;font-size:20px} .footer-col-brand .logo-tagline{color:rgba(255,255,255,.6)} .footer-col-brand p{font-size:13px;line-height:1.6;margin:var(--space-3) 0 0;max-width:320px;color:rgba(255,255,255,.6)} .footer-social{display:flex;gap:8px;margin-top:var(--space-4)} .footer-social a{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#fff;transition:background var(--t-fast) var(--ease)} .footer-social a:hover{background:rgba(255,255,255,.18)} .footer-col h5{color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin:0 0 var(--space-3)} .footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px} .footer-col a,.footer-col span.soon-inline{font-size:13.5px;color:rgba(255,255,255,.72)} .footer-col a:hover{color:#fff;text-decoration:underline} .footer-col span.soon-inline{opacity:.55} .footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:var(--space-5) 0;font-size:12.5px;color:rgba(255,255,255,.5)} .footer-bottom a{color:rgba(255,255,255,.5)} .footer-bottom a:hover{color:#fff} .footer-lang-currency{display:flex;gap:16px;flex-wrap:wrap;align-items:center} .footer-lang-currency .lang-switch a{color:rgba(255,255,255,.55);border-color:rgba(255,255,255,.18)} .footer-lang-currency .lang-switch a.active{background:var(--accent);color:#fff;border-color:var(--accent)} .footer-lang-currency .lang-switch a:hover{color:#fff;border-color:rgba(255,255,255,.4)} .logo-wordmark{gap:0} .logo-wordmark .logo-text{font-size:23px;font-weight:800;color:#16233d;letter-spacing:-0.03em} .logo-wordmark .logo-tagline{font-size:11px;font-weight:500;letter-spacing:0} .account-menu{position:relative} .account-dropdown{position:absolute;top:130%;right:0;z-index:60;background:#fff;border-radius:12px;padding:6px;min-width:170px;box-shadow:0 10px 28px rgba(0,0,0,.14);display:none;flex-direction:column} .account-menu:hover .account-dropdown,.account-menu:focus-within .account-dropdown{display:flex} .account-dropdown a{padding:9px 12px;border-radius:8px;font-size:13.5px;font-weight:600;color:var(--text)} .account-dropdown a:hover{background:var(--tile-bg)} .account-guest-link{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;white-space:nowrap} .avatar-guest{background:var(--tile-bg);color:var(--text-muted);border:1.5px solid var(--border)} .nav-more{position:relative} .nav-more-toggle{background:none;border:none;cursor:pointer;font:inherit;display:inline-flex !important;align-items:center;gap:7px} .nav-more-dropdown{position:fixed;z-index:200;background:#fff;border-radius:12px;padding:6px;min-width:210px;max-height:70vh;overflow-y:auto;box-shadow:0 10px 28px rgba(0,0,0,.14);display:none;flex-direction:column} .nav-more.open .nav-more-dropdown{display:flex} .nav-more-dropdown a{padding:9px 12px;border-radius:8px;font-size:13.5px;font-weight:500;color:var(--text);white-space:normal} .nav-more-dropdown a:hover{background:var(--tile-bg)} .hero{position:relative;overflow:hidden;border-radius:var(--radius-xl);padding:clamp(28px,5vw,48px) clamp(20px,4vw,40px);margin-bottom:var(--space-4);color:#fff;box-shadow:var(--shadow-lg);background:radial-gradient(circle at 88% 12%,rgba(255,214,120,.55),transparent 40%),radial-gradient(circle at 8% 92%,rgba(43,179,166,.45),transparent 45%),linear-gradient(165deg,#0e2c3d 0%,#123c52 32%,#1a7086 62%,#2bb3a6 100%)} .hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1px);background-size:22px 22px;opacity:.5;pointer-events:none} .hero::after{content:"";position:absolute;left:-5%;right:-5%;bottom:-6%;height:46%;background:rgba(8,28,38,.35);clip-path:polygon(0% 100%,0% 55%,12% 40%,24% 58%,38% 30%,52% 55%,66% 20%,80% 50%,100% 35%,100% 100%);pointer-events:none} .hero-inner{position:relative;z-index:1;display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap} .hero-text{max-width:620px} .hero-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);padding:5px 12px;border-radius:var(--pill);margin-bottom:14px} .hero-text h1{font-size:var(--font-3xl);font-weight:800;line-height:1.15;margin:0 0 12px;letter-spacing:-0.02em} .hero-text h1 .accent{color:#ffe08a} .hero-text p{margin:0 0 24px;font-size:clamp(14px,1.1vw + 11px,16.5px);opacity:.92;max-width:480px;line-height:1.55} .hero-cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px} .hero-cta-row .btn{padding:12px 24px} .hero-cta-ghost{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.35);backdrop-filter:blur(2px)} .hero-cta-ghost:hover{background:rgba(255,255,255,.2);color:#fff;border-color:rgba(255,255,255,.5)} .hero-stats{display:flex;gap:clamp(16px,3vw,28px);flex-wrap:wrap} .hero-stat .num{font-size:var(--font-xl);font-weight:800;font-variant-numeric:tabular-nums} .hero-stat .label{font-size:12px;opacity:.85} @media (max-width:480px){.hero-stats{gap:16px 22px}} .cat-grid-v2{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px} .cat-tile-v2{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:var(--tile-bg);border-radius:14px;padding:16px 8px 14px;font-size:12.5px;font-weight:600;color:var(--text);transition:background .15s,transform .15s} .cat-tile-v2:hover{background:#ececef;transform:translateY(-2px)} .cat-tile-v2 .cat-icon-wrap{width:38px;height:38px} .cat-tile-v2 .cat-icon-wrap svg{width:100%;height:100%;display:block} .cat-tile-v2 .cat-count{font-weight:500;color:var(--text-muted);font-size:11px} .cat-tile-v2.more-tile{color:var(--text-muted)} .cat-tile-v2.more-tile .cat-icon-wrap{color:var(--text-muted)} .collections-scroll{display:flex;gap:14px;overflow-x:auto;padding-bottom:4px} .collection-card{position:relative;flex:0 0 236px;height:128px;border-radius:var(--radius-lg);overflow:hidden;background:#ccc center/cover no-repeat;display:flex;align-items:flex-end;color:#fff} .collection-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 32%,rgba(0,0,0,.72) 100%)} .collection-card .body{position:relative;z-index:1;padding:14px} .collection-card .title{font-weight:700;font-size:14.5px;margin-bottom:3px} .collection-card .count{font-size:12px;opacity:.9} .listing-tags{position:absolute;top:8px;left:8px;z-index:2;display:flex;gap:5px;flex-wrap:wrap} .listing-tag{font-size:10px;font-weight:800;padding:3px 8px;border-radius:6px;color:#fff;text-transform:uppercase;letter-spacing:.03em} .listing-tag-new{background:var(--accent)} .listing-card .meta-row{display:flex;align-items:center;gap:10px;font-size:11.5px;color:var(--text-muted);margin-top:auto} .listing-card .meta-row span{display:inline-flex;align-items:center;gap:3px} .listing-card .meta-row svg{width:12px;height:12px;flex-shrink:0} .quick-filters{margin-bottom:16px} .trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px} .trust-item{display:flex;gap:12px;align-items:flex-start} .trust-item .icon{width:38px;height:38px;border-radius:10px;flex-shrink:0;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center} .trust-item h4{margin:0 0 3px;font-size:14px} .trust-item p{margin:0;font-size:12.5px;color:var(--text-muted)} .footer-promo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:20px} @media (max-width:760px){.footer-promo-grid{grid-template-columns:minmax(0,1fr)}} .app-promo-card{background:linear-gradient(120deg,#eef2ff,#e3e9ff);border-radius:var(--radius-lg);padding:22px;display:flex;align-items:center;gap:18px} .app-promo-card .phone-mock{width:64px;height:104px;border-radius:14px;background:#16233d;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;font-weight:800} .app-promo-card h4{margin:0 0 4px;font-size:15px} .app-promo-card p{margin:0 0 10px;font-size:12.5px;color:var(--text-muted)} .app-promo-soon{display:inline-block;font-size:11.5px;font-weight:700;color:var(--accent);background:var(--accent-soft);padding:5px 12px;border-radius:var(--pill)} .community-card h4{margin:0 0 4px;font-size:15px} .community-card > p{margin:0;font-size:12.5px;color:var(--text-muted)} .community-list{display:flex;flex-direction:column;gap:8px;margin-top:12px} .community-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--tile-bg);font-size:13.5px;font-weight:600} .community-item .tg-icon{width:26px;height:26px;border-radius:50%;flex-shrink:0;background:#26A5E4;color:#fff;display:flex;align-items:center;justify-content:center} .community-item .soon{margin-left:auto;font-size:10.5px;font-weight:700;color:var(--text-muted);background:#fff;padding:3px 9px;border-radius:var(--pill)} .notif-bell-wrap{position:relative} .notif-bell-wrap .icon-btn .badge{position:absolute;top:-2px;right:-4px} .notif-dropdown{position:absolute;top:130%;right:0;z-index:60;background:#fff;border-radius:14px;padding:6px;width:320px;max-width:90vw;box-shadow:0 10px 28px rgba(0,0,0,.14);display:flex;flex-direction:column} .notif-dropdown[hidden]{display:none} .notif-dropdown-list{max-height:340px;overflow-y:auto;display:flex;flex-direction:column} .notif-dropdown-empty{padding:18px 12px;text-align:center;color:var(--text-muted);font-size:13px} .notif-dropdown-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:var(--text);font-size:13px} .notif-dropdown-item:hover{background:var(--tile-bg)} .notif-dropdown-item.unread{background:var(--accent-soft)} .notif-dropdown-item.unread:hover{background:var(--accent-soft);filter:brightness(0.97)} .notif-dropdown-item .notification-title{font-weight:600} .notif-dropdown-all{text-align:center;padding:9px 12px;border-radius:8px;font-size:13px;font-weight:700;color:var(--accent);margin-top:2px} .notif-dropdown-all:hover{background:var(--tile-bg)} .notification-item{display:flex;align-items:flex-start;gap:12px;padding:14px 12px;border-radius:12px;color:var(--text)} .notification-item:hover{background:var(--tile-bg)} .notification-item.unread{background:var(--accent-soft)} .notification-item + .notification-item{margin-top:2px} .notification-icon{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:15px;background:var(--tile-bg);color:var(--text-muted)} .notification-icon-message{background:#e3f1ff;color:#1a73c7} .notification-icon-review{background:#fff4d6;color:#b8860b} .notification-icon-moderation{background:#ffe4e4;color:var(--danger)} .notification-icon-favorite_price_drop{background:#e6f9ee;color:#1f9d55} .notification-body{flex:1;min-width:0} .notification-title{font-weight:700;font-size:14px} .notification-text{font-size:13px;color:var(--text-muted);margin-top:2px} .notification-time{font-size:11.5px;color:var(--text-muted);margin-top:4px} .review-form{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)} .review-form h4{margin:0 0 10px;font-size:14px} .review-stars-input{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:2px;margin-bottom:10px} .review-stars-input input{position:absolute;opacity:0;pointer-events:none} .review-stars-input label{font-size:24px;color:var(--border);cursor:pointer;line-height:1} .review-stars-input input:checked ~ label,.review-stars-input label:hover,.review-stars-input label:hover ~ label{color:#f5b400} .review-form textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px 12px;font:inherit;resize:vertical;margin-bottom:10px} .admin-row{display:grid;grid-template-columns:1.6fr 1fr 70px 70px 90px auto;gap:10px;align-items:center;padding:9px 4px;border-bottom:1px solid var(--border)} .admin-row-city{grid-template-columns:1.6fr 1fr 70px 90px auto} .admin-row-head{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.03em;font-weight:600;padding-bottom:6px} .admin-row:last-child{border-bottom:none} .admin-child-row{padding-left:18px;background:var(--tile-bg);border-radius:8px} .admin-row-names{display:flex;flex-direction:column;gap:4px} .admin-row-names input,.admin-row input[type="number"],.admin-row input[type="text"]{border:1px solid var(--border);border-radius:8px;padding:6px 8px;font-size:13px;width:100%} .admin-icon-input{width:100%;text-align:center;font-size:15px} .admin-sort-input{width:100%} .admin-row-slug{font-size:12px;color:var(--text-muted);font-family:monospace} .admin-row-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end} .admin-add-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center} .admin-add-form input,.admin-add-form select{border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:13px} .admin-add-form input[type="text"]:not(.admin-icon-input){flex:1;min-width:120px} .admin-settings-hint{color:var(--text-muted);font-size:13px;margin-top:-6px} .admin-settings-form{display:flex;flex-direction:column;gap:14px} .admin-settings-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600} .admin-settings-form input,.admin-settings-form textarea{border:1px solid var(--border);border-radius:10px;padding:9px 12px;font:inherit;font-weight:400} .admin-charts-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px} @media (max-width:800px){.admin-charts-grid{grid-template-columns:minmax(0,1fr)}} .bar-chart{display:flex;align-items:flex-end;gap:4px;height:140px} .bar-chart-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%} .bar-chart-bar{width:100%;max-width:22px;background:var(--accent);border-radius:4px 4px 0 0;min-height:2px} .bar-chart-bar-gold{background:var(--cta)} .bar-chart-label{font-size:9.5px;color:var(--text-muted);margin-top:4px;white-space:nowrap} .hbar-list{display:flex;flex-direction:column;gap:10px} .hbar-row{display:grid;grid-template-columns:110px 1fr 30px;align-items:center;gap:8px} .hbar-label{font-size:12.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .hbar-track{background:var(--tile-bg);border-radius:var(--pill);height:10px;overflow:hidden} .hbar-fill{background:var(--accent);height:100%;border-radius:var(--pill);min-width:3px} .hbar-fill-gold{background:var(--cta)} .hbar-value{font-size:12px;color:var(--text-muted);text-align:right} .breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;color:var(--text-muted);margin:14px 0 4px} .breadcrumbs a{color:var(--text-muted)} .breadcrumbs a:hover{color:var(--accent);text-decoration:underline} .breadcrumb-current{color:var(--text);font-weight:600;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .toast-stack{position:fixed;top:16px;right:16px;z-index:200;display:flex;flex-direction:column;gap:8px;max-width:min(360px,calc(100vw - 32px))} .toast{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:12px 14px;border-radius:12px;font-size:13.5px;font-weight:500;box-shadow:0 8px 24px rgba(0,0,0,.14);animation:toast-in 0.2s ease-out} .toast-success{background:#dcfce7;color:#166534} .toast-error{background:#fee2e2;color:#991b1b} .toast-close{background:none;border:none;font-size:16px;line-height:1;cursor:pointer;color:inherit;opacity:0.6;padding:0 2px} .toast-close:hover{opacity:1} .toast-hide{animation:toast-out 0.25s ease-in forwards} @keyframes toast-in{from{opacity:0;transform:translateX(24px)} to{opacity:1;transform:translateX(0)}} @keyframes toast-out{from{opacity:1;transform:translateX(0)} to{opacity:0;transform:translateX(24px)}} @media (max-width:600px){.toast-stack{left:12px;right:12px;top:12px;max-width:none}} @media (max-width:600px){.notif-dropdown{position:fixed;left:12px;right:12px;top:64px;width:auto;max-width:none}} .modal-overlay{position:fixed;inset:0;z-index:300;background:rgba(15,20,30,0.45);display:flex;align-items:center;justify-content:center;padding:16px} .modal-overlay[hidden]{display:none} .modal-box{background:#fff;border-radius:var(--radius-lg);padding:22px;max-width:360px;width:100%;box-shadow:0 20px 50px rgba(0,0,0,.25)} .modal-box p{margin:0 0 18px;font-size:14.5px;color:var(--text);line-height:1.5} .modal-actions{display:flex;gap:10px;justify-content:flex-end} .error-page{text-align:center;padding:60px 20px;max-width:420px;margin:0 auto} .error-mark{margin-bottom:18px;display:flex;justify-content:center} .error-page h1{font-size:22px;margin:0 0 10px} .error-page p{color:var(--text-muted);font-size:14px;margin:0 0 24px;line-height:1.5} .skeleton-list{display:flex;flex-direction:column;gap:8px;padding:10px 14px} .skeleton-line{height:12px;border-radius:6px;background:linear-gradient(90deg,var(--tile-bg) 25%,#e9e9eb 37%,var(--tile-bg) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite} .skeleton-line:nth-child(2){width:80%} .skeleton-line:nth-child(3){width:60%} @keyframes skeleton-shimmer{0%{background-position:100% 50%} 100%{background-position:0 50%}}