:root{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}body{margin:0;background:#0b1020;color:#eef2ff}a{color:inherit}.container{max-width:1200px;margin:0 auto;padding:24px}.h1{font-size:26px;font-weight:800;margin:0 0 10px}.h2{font-size:18px;font-weight:700;margin:28px 0 10px;opacity:.95}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.card{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden}.card img{width:100%;height:150px;object-fit:cover;display:block}.cardBody{padding:12px}.badge{display:inline-block;padding:4px 10px;border-radius:999px;background:#6366f138;border:1px solid rgba(99,102,241,.45);font-size:12px}.muted{opacity:.8;font-size:13px}.tableWrap{margin-top:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden}.toolbar{display:flex;gap:12px;padding:12px;border-bottom:1px solid rgba(255,255,255,.1)}.toolbar input{flex:1;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#00000040;color:#eef2ff}table{width:100%;border-collapse:collapse}th,td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;font-size:14px}th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;opacity:.8}tr:hover td{background:#ffffff08}