:root{--bg:#fafaf8;--card:#fff;--ink:#1c2430;--muted:#64707f;--line:#e4e7ec;--green:#1e7a4f;--green-bg:#e7f4ec;--yellow:#a5711a;--yellow-bg:#fcf3e0;--red:#b23a3a;--red-bg:#fbecec;--accent:#2456a0;--radius:10px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Segoe UI,Helvetica Neue,Arial,system-ui,sans-serif}.container{max-width:860px;margin:0 auto;padding:24px 16px 64px}h1{margin:0 0 4px;font-size:1.6rem;font-weight:700}.subtitle{color:var(--muted);margin:0 0 24px;font-size:.95rem}.filters{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.field{color:var(--muted);flex-direction:column;gap:4px;font-size:.85rem;display:flex}.field input,.field select{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:6px;min-width:120px;padding:8px 10px;font-size:.95rem}.field input:focus,.field select:focus{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-bottom:14px;padding:16px;display:flex}.card-main{flex:300px}.card-title{margin:0 0 2px;font-size:1.1rem;font-weight:650}.card-meta{color:var(--muted);margin:0 0 8px;font-size:.85rem}.card-right{flex-direction:column;justify-content:center;align-items:flex-end;gap:8px;display:flex}.price{font-size:1.35rem;font-weight:700}.price small{color:var(--muted);font-size:.8rem;font-weight:400}.badge{border:1px solid #0000;border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:600;display:inline-block}.badge-green{background:var(--green-bg);color:var(--green);border-color:#cfe6d8}.badge-yellow{background:var(--yellow-bg);color:var(--yellow);border-color:#ecdfc0}.badge-red{background:var(--red-bg);color:var(--red);border-color:#eccfcf}.btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:9px 18px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block}.btn:hover{opacity:.92}.empty{color:var(--muted);text-align:center;padding:48px 0}.loading{color:var(--muted);padding:24px 0}