:root{--bg:#f7f9fc;--card:#ffffff;--muted:#6b7280;--accent:#0ea5a3}*{box-sizing:border-box}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;margin:0;background:var(--bg);color:#111}.container{max-width:1100px;margin:24px auto;padding:20px}header{display:flex;flex-direction:column;gap:4px}h1{margin:0;font-size:28px}.subtitle{margin:0;color:var(--muted)}.filters{margin:18px 0}.filters .row{display:flex;gap:10px;flex-wrap:wrap}.filters input,.filters select{padding:8px 10px;border-radius:8px;border:1px solid #e6e9ef;background:#fff;min-width:160px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--card);border-radius:12px;box-shadow:0 6px 18px #1118270f;padding:14px;display:flex;flex-direction:column;justify-content:space-between}.card h3{margin:0 0 6px}.meta{color:var(--muted);font-size:13px;margin:0 0 8px}.desc{font-size:14px;color:#222;margin-bottom:10px}.card-actions{display:flex;gap:8px}.btn{padding:8px 12px;border-radius:8px;text-decoration:none;background:var(--accent);color:#fff}.btn-outline{background:transparent;border:1px solid #cbd5e1;color:#111}.center{text-align:center;padding:40px}.error{color:#b91c1c}footer{margin-top:24px;text-align:center;color:var(--muted)}@media (max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid{grid-template-columns:1fr}.filters .row{flex-direction:column}}