:root{--bg: #f4f5f7;--card: #ffffff;--ink: #1b1f24;--muted: #6b7280;--line: #e3e6ea;--brand: #2563eb;--yes: #16a34a;--no: #dc2626;--unknown: #d97706;--gone: #6b7280}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink)}.app{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#fff;border-bottom:1px solid var(--line)}.brand{font-weight:700;font-size:18px}.tabs button{border:none;background:none;padding:8px 14px;cursor:pointer;font-size:15px;color:var(--muted);border-radius:8px}.tabs button.active{background:var(--brand);color:#fff}.content{max-width:1180px;margin:0 auto;padding:18px 20px 60px}.stats-strip{display:flex;gap:8px;margin-bottom:14px}.filters{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:16px}.filters-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}.filters-row:last-child{margin-bottom:0}.input{padding:9px 11px;border:1px solid var(--line);border-radius:8px;font-size:14px;background:#fff;min-width:140px}.input.grow{flex:1;min-width:220px}.result-count{color:var(--muted);margin-bottom:12px;font-size:14px}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;cursor:pointer;transition:box-shadow .15s,transform .15s;display:flex;flex-direction:column}.card:hover{box-shadow:0 6px 20px #00000014;transform:translateY(-2px)}.card-inactive{opacity:.62}.card-thumb{position:relative;aspect-ratio:4/3;background:#eef0f3}.card-thumb img{width:100%;height:100%;object-fit:cover}.card-thumb-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px}.card-body{padding:11px 13px;display:flex;flex-direction:column;gap:5px}.card-price{font-weight:700;font-size:17px}.card-title{font-size:13.5px;line-height:1.3;max-height:2.6em;overflow:hidden}.card-meta{color:var(--muted);font-size:12.5px}.card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}.tag{background:#eef2ff;color:#3949ab;font-size:11.5px;padding:2px 7px;border-radius:6px}.card-foot{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:4px}.badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:20px;color:#fff}.badge-yes{background:var(--yes)}.badge-no{background:var(--no)}.badge-unknown{background:var(--unknown)}.badge-gone{background:var(--gone)}.card-thumb .badge{position:absolute;top:8px;left:8px}.card-thumb .badge-gone{top:8px;left:auto;right:8px}.pager{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}.btn{background:var(--brand);color:#fff;border:none;padding:9px 16px;border-radius:8px;cursor:pointer;font-size:14px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:#eef0f3;color:var(--ink)}.btn-danger{background:#fee2e2;color:var(--no)}.btn-link{color:var(--brand);text-decoration:none;font-weight:600}.empty{color:var(--muted);text-align:center;padding:40px}.error{color:var(--no);background:#fee2e2;padding:10px 12px;border-radius:8px}.success-msg{color:var(--yes);background:#dcfce7;padding:10px 12px;border-radius:8px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:flex-start;justify-content:center;padding:30px 16px;z-index:50;overflow-y:auto}.modal{background:#fff;border-radius:14px;max-width:980px;width:100%;position:relative;padding:22px}.modal-close{position:absolute;top:12px;right:14px;border:none;background:none;font-size:28px;cursor:pointer;color:var(--muted);line-height:1}.detail{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}.detail-main{width:100%;border-radius:10px;aspect-ratio:4/3;object-fit:cover;background:#eef0f3}.detail-thumbs{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.detail-thumbs img{width:60px;height:46px;object-fit:cover;border-radius:6px;cursor:pointer;border:2px solid transparent}.detail-thumbs img.active{border-color:var(--brand)}.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.detail-head h2{font-size:18px;margin:0 0 4px}.detail-price{font-size:24px;font-weight:800;margin-top:6px}.detail-ppm{color:var(--muted);margin-bottom:8px}.detail-table{width:100%;border-collapse:collapse;font-size:13.5px;margin:10px 0}.detail-table th{text-align:left;color:var(--muted);font-weight:500;padding:5px 8px 5px 0;vertical-align:top;width:48%}.detail-table td{padding:5px 0}.detail-desc{margin-top:14px}.detail-desc p{white-space:pre-line;line-height:1.5;font-size:14px}.price-history ul{margin:6px 0;padding-left:18px;font-size:13px}.sources{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.source-form{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:12px}.source-form label{display:flex;flex-direction:column;gap:5px;font-size:13.5px;color:var(--muted)}.source-form label.inline{flex-direction:row;align-items:center;gap:8px;color:var(--ink)}.filter-box{border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:10px}.filter-box legend{font-size:13px;color:var(--muted);padding:0 6px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hint{color:var(--muted);font-size:12px}.form-actions{display:flex;gap:10px}.source-list{display:flex;flex-direction:column;gap:10px}.source-item{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;display:flex;justify-content:space-between;gap:12px;align-items:center}.source-name{font-weight:600}.source-url{color:var(--muted);font-size:12px;word-break:break-all;margin:3px 0}.source-meta{color:var(--muted);font-size:12px}.source-buttons{display:flex;gap:6px;flex-shrink:0}@media (max-width: 820px){.detail,.sources{grid-template-columns:1fr}}