*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f172a;color:#f8fafc}.page{max-width:880px;margin:0 auto;padding:48px 24px 80px}.header h1{font-size:40px;margin:0;font-weight:800}.header p{color:#94a3b8;margin:8px 0 16px;font-size:16px}.badge{display:inline-block;background:#1e293b;color:#38bdf8;padding:6px 14px;border-radius:999px;font-weight:700;font-size:14px}.error{background:#7f1d1d;color:#fecaca;padding:12px 16px;border-radius:12px;margin:24px 0}.muted{color:#64748b;margin-top:40px;text-align:center;font-size:16px}.grid{list-style:none;padding:0;margin:32px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.card{display:flex;align-items:center;gap:14px;background:#1e293b;border-radius:16px;padding:16px}.avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#6366f1);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;color:#fff;flex-shrink:0}.info{display:flex;flex-direction:column;min-width:0}.name{font-weight:700;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date{color:#94a3b8;font-size:13px;margin-top:2px}