*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;color:#333;-webkit-font-smoothing:antialiased}.app{max-width:960px;margin:0 auto;padding:16px}.header{display:flex;align-items:center;gap:12px;padding:12px 0 16px;border-bottom:2px solid #2a7d6e;margin-bottom:16px}.logo{height:40px;width:auto}.header h1{font-size:1.25rem;font-weight:600;color:#2a7d6e}.filter-bar{display:flex;align-items:center;gap:12px;margin-bottom:20px}.province-select{flex:1;padding:10px 12px;border:1px solid #ccc;border-radius:8px;font-size:1rem;background:#fff;color:#333;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.province-select:focus{outline:none;border-color:#2a7d6e;box-shadow:0 0 0 2px #2a7d6e33}.result-count{font-size:.85rem;color:#888;white-space:nowrap}.grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:560px){.grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:840px){.grid{grid-template-columns:repeat(3,1fr)}}.card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #00000014;transition:box-shadow .2s,transform .2s;text-decoration:none;color:inherit;display:flex;flex-direction:column}.card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.card-img-wrap{position:relative;width:100%;aspect-ratio:16 / 9;background:#e8e8e8;overflow:hidden}.card-img{width:100%;height:100%;object-fit:cover}.card-price{position:absolute;top:8px;right:8px;background:#2a7d6e;color:#fff;padding:4px 10px;border-radius:6px;font-size:.85rem;font-weight:600}.card-price.free{background:#6bbe6e}.card-body{padding:12px 14px 14px;display:flex;flex-direction:column;flex:1}.card-title{font-size:1rem;font-weight:600;margin-bottom:8px;color:#222;line-height:1.3}.card-meta{display:flex;flex-direction:column;gap:3px;font-size:.82rem;color:#666;margin-bottom:auto}.card-urgency{margin-top:8px;font-size:.8rem;font-weight:600;color:#d9534f}.card-cta{display:inline-block;margin-top:10px;padding:8px 0;text-align:center;background:#2a7d6e;color:#fff;border-radius:8px;font-size:.9rem;font-weight:600;transition:background .2s}.card:hover .card-cta{background:#1f5f54}.loading,.empty{text-align:center;padding:40px 0;color:#888;font-size:1rem}.province-not-found{margin:0 0 16px;padding:12px 16px;background:#fff8e1;border-left:4px solid #f5a623;border-radius:4px;color:#7a5c00;font-size:.9rem}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin:24px 0}.pagination button{padding:8px 16px;border:1px solid #ccc;border-radius:8px;background:#fff;font-size:.9rem;cursor:pointer;transition:background .15s}.pagination button:hover:not(:disabled){background:#f0f0f0}.pagination button:disabled{opacity:.4;cursor:default}.pagination span{font-size:.85rem;color:#888}