:root{--accent-blue: #3b82f6;--accent-green: #22c55e;--brand-green: #009E60;--bg: #f9fafb;--card: #ffffff;--line: #e5e7eb;--txt: #111827;--muted: #6b7280;--muted2: #9ca3af;--shadow: 0 10px 20px rgba(0,0,0,.05);--r14: 14px;--r12: 12px;--r10: 10px}*{box-sizing:border-box}html,body,#root{height:100%;width:100%;margin:0}body{overflow-x:hidden;background:var(--bg);color:var(--txt);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}.page{min-height:100vh;width:100vw;background:var(--bg)}.wrap{width:100%;max-width:1280px;margin:0 auto;padding:14px}.muted{color:var(--muted)}.mutedSm{font-size:12px;color:var(--muted);font-weight:800}.header{position:sticky;top:0;z-index:20;background:#f9fafbeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.headerInner{width:100%;max-width:1280px;margin:0 auto;padding:12px 14px;display:flex;align-items:center;gap:12px}.logo{display:flex;align-items:center;gap:10px;font-weight:1000;letter-spacing:.3px}.logoImg{height:56px;width:auto;object-fit:contain;display:block}@media (max-width:520px){.logoImg{height:42px}}.headerControls{flex:1;display:flex;gap:10px;align-items:center;min-width:0}.locSelect{min-width:220px;max-width:260px}@media (max-width:1000px){.locSelect{min-width:150px;max-width:200px}}.searchWrap{flex:1;min-width:0;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 10px;box-shadow:0 6px 16px #0000000d}.searchWrap:focus-within{border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f626}.searchInput{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--txt);font-size:14px}.searchInput::placeholder{color:var(--muted2)}.clearBtn{background:transparent!important;border:none!important;box-shadow:none!important;cursor:pointer;font-size:20px;font-weight:900;color:var(--muted);padding:0 6px;line-height:1}.clearBtn:hover{color:var(--txt)}.btn{padding:10px 12px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--txt);cursor:pointer;transition:transform .06s ease,box-shadow .2s ease,border-color .2s ease;-webkit-user-select:none;user-select:none;font-weight:900;box-shadow:0 8px 16px #0000000d;white-space:nowrap}.btn:hover{border-color:#d1d5db;box-shadow:0 10px 20px #00000014}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btnPrimary{background:var(--accent-blue);border-color:#00000014;color:#fff}.btnPrimary:hover{filter:brightness(.95)}.btnGhost{background:transparent;box-shadow:none}.btnSell{background:var(--brand-green)!important;border-color:#00000014!important;color:#fff!important}.btnSell:hover{filter:brightness(.95)}.btnMini{padding:8px 12px;border-radius:12px;border:1.5px solid #cfd4dc;background:#fff;font-weight:900;cursor:pointer;font-size:12px;color:#1c1f24}.btnMini:hover{border-color:var(--accent-green);background:#22c55e14}.btnDanger{background:#fff;border-color:#ef444459;color:#ef4444}.btnCall,.btnWhats{padding:9px 12px;border-radius:12px;border:1.5px solid #cfd4dc;background:#fff;font-weight:900;cursor:pointer;font-size:12px;color:#1c1f24;transition:background .15s ease,border-color .15s ease}.btnCall:hover,.btnWhats:hover{background:#f9fafb;border-color:#9ca3af}.btnCall:disabled,.btnWhats:disabled{opacity:.55;cursor:not-allowed}.grid{display:grid;grid-template-columns:330px 1fr;gap:14px;margin-top:14px;align-items:start}@media (max-width:1000px){.grid{grid-template-columns:1fr}}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r14);box-shadow:var(--shadow)}.panelHead{padding:12px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.panelTitle{margin:0;font-size:13px;font-weight:1000;letter-spacing:.3px;text-transform:uppercase;color:#374151}.panelBody{padding:12px}.filterGroup{border:1px solid var(--line);border-radius:var(--r14);padding:10px;margin-bottom:12px;background:#fff}.filterHead{font-weight:1000;margin:0 0 8px;font-size:13px}.field{display:grid;gap:6px;margin-bottom:10px}.label{font-size:12px;color:var(--muted);font-weight:700}.input,.select{width:100%;padding:10px 11px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--txt);outline:none}.input:focus,.select:focus{border-color:#3b82f68c}.twoCols{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width:520px){.twoCols{grid-template-columns:1fr}}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tab{padding:8px 14px;border-radius:999px;border:2px solid #d1d5db;background:#fff;font-weight:900;font-size:12px;cursor:pointer;color:#374151;transition:all .18s ease}.tab:hover{border-color:var(--accent-blue);background:#3b82f60f}.tabActive{background:#fff;color:#111827;border-color:#d1d5db;box-shadow:none;font-weight:1000}.resultsBody{padding:12px}.resultsMeta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}.list{display:grid;gap:12px}.cardRow{display:grid;grid-template-columns:300px 1fr;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r14);overflow:hidden;box-shadow:0 10px 20px #0000000f}@media (max-width:900px){.cardRow{grid-template-columns:1fr}}.media{position:relative;background:#f1f3f6;min-height:190px}.media img{width:100%;height:100%;max-height:240px;object-fit:cover;display:block}.info{padding:12px;display:flex;flex-direction:column;gap:10px}.tagFeatured{position:absolute;top:10px;left:10px;background:#eab308;color:#111;font-weight:1000;font-size:12px;padding:6px 10px;border-radius:999px;box-shadow:0 10px 18px #0000001a}.tagStatus{position:absolute;bottom:10px;left:10px;padding:6px 12px;border-radius:999px;font-weight:1000;font-size:12px;border:none}.tagSold{background:#ef4444!important;color:#fff!important;display:inline-flex!important}.tagPaused{background:#f59e0b;color:#111}.tagStatus:not(.tagSold):not(.tagPaused){display:none!important}.price{font-size:19px;font-weight:900;color:var(--brand-green);letter-spacing:.4px}.title{font-weight:1000;font-size:14px;margin-top:-2px;color:#1c1f24}.metaRow{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:12px;font-weight:800}.metaDot{width:4px;height:4px;border-radius:999px;background:#cfd4dc;margin-top:6px}.actionsRow{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:4px}.expandBox{margin-top:6px;padding-top:10px;border-top:1px dashed var(--line);display:grid;gap:10px}.pillWrap{display:flex;gap:8px;flex-wrap:wrap}.pill{border:1px solid var(--line);border-radius:999px;padding:6px 10px;background:#fafafa;display:flex;gap:8px;align-items:baseline}.pillLabel{font-size:11px;color:var(--muted2)}.pillValue{font-size:12px;font-weight:1000;color:var(--txt)}.detailsBox{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.detailsGrid{display:grid;grid-template-columns:1fr 1fr}@media (max-width:640px){.detailsGrid{grid-template-columns:1fr}}.cell{padding:10px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.cell:nth-child(2n){border-right:none}@media (max-width:640px){.cell{border-right:none}}.cellLabel{font-size:11px;color:var(--muted2);font-weight:900}.cellValue{margin-top:3px;font-weight:1000;font-size:13px}.noticeSold{padding:10px;border-radius:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);font-size:12px;color:#b91c1c;line-height:1.35}.gridCards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width:1100px){.gridCards{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.gridCards{grid-template-columns:1fr}}.cardTile{background:#fff;border:1px solid var(--line);border-radius:var(--r14);overflow:hidden;box-shadow:0 10px 20px #0000000f;display:flex;flex-direction:column}.tileMedia{position:relative;background:#f1f3f6}.tileMedia img{width:100%;height:180px;object-fit:cover;display:block}.listBox{max-height:300px;overflow-y:auto;border:1px solid var(--line);border-radius:var(--r12);background:#fff;padding:4px 0}.listItem{padding:10px 14px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .15s ease}.listItem:hover{background:#3b82f614}.listItemActive{background:#3b82f626;font-weight:1000;color:var(--accent-blue)}.count{font-size:12px;color:var(--muted);background:var(--bg);padding:2px 8px;border-radius:6px;min-width:28px;text-align:center}.checkRow{display:flex;align-items:center;gap:10px;padding:6px 4px;cursor:pointer}.checkLabel{font-size:13px;font-weight:900;color:#374151}.chk,input[type=checkbox]{accent-color:var(--accent-blue)}a{color:var(--accent-blue);text-decoration:none}a:hover{text-decoration:underline}.err{margin-top:12px;padding:10px 12px;border-radius:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.22);box-shadow:0 10px 18px #0000000d}.previewWrapper{position:relative}.removeBtn{position:absolute;top:4px;right:4px;background:#ffffffd9;border:none;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;cursor:pointer;color:#ef4444;font-weight:700;box-shadow:0 2px 4px #0000001a}.removeBtn:hover{background:#fff}.arrowBtn{background:#ffffff4d;border:none;color:#fff;font-size:32px;cursor:pointer;padding:10px 15px;border-radius:50%;transition:background .2s;z-index:1}.arrowBtn:hover{background:#ffffff80}.listBox::-webkit-scrollbar{width:8px}.listBox::-webkit-scrollbar-thumb{background:#6b72804d;border-radius:4px}.listBox::-webkit-scrollbar-thumb:hover{background:#6b728080}
