body{margin:0;background:#f1f5f9;font-family:Prompt,Sarabun,sans-serif;color:#0f172a}.page.svelte-89g097{max-width:920px;margin:0 auto;padding:96px 20px 70px}@media (max-width:540px){.page.svelte-89g097{padding:80px 14px 50px}}.phead.svelte-89g097{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.phead-ico.svelte-89g097{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;font-size:30px;background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 8px 20px -8px #4f46e580;flex-shrink:0}.phead.svelte-89g097 h1:where(.svelte-89g097){margin:0;font-size:26px;font-weight:800}.phead-sub.svelte-89g097{margin:4px 0 0;font-size:14px;color:#64748b}.btn-new.svelte-89g097{margin-left:auto;display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;background:#4f46e5;color:#fff;text-decoration:none;font-size:14px;font-weight:700;box-shadow:0 6px 16px -5px #4f46e599;transition:filter .15s,transform .15s}.btn-new.svelte-89g097:hover{filter:brightness(1.08);transform:translateY(-1px)}.notice.svelte-89g097{background:#eef2ff;border:1px solid #c7d2fe;color:#4338ca;border-radius:12px;padding:12px 16px;font-size:13.5px;margin-bottom:16px}.notice.svelte-89g097 a:where(.svelte-89g097){color:#4338ca;font-weight:700}.toolbar.svelte-89g097{display:flex;align-items:center;gap:12px;margin-bottom:16px}.search.svelte-89g097{flex:1;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:11px 15px;color:#94a3b8}.search.svelte-89g097 input:where(.svelte-89g097){border:none;outline:none;flex:1;font-size:14px;font-family:inherit;color:#0f172a;background:transparent}.count.svelte-89g097{font-size:13px;color:#94a3b8;font-weight:600;white-space:nowrap}.empty-box.svelte-89g097{text-align:center;padding:70px 20px;color:#94a3b8;background:#fff;border:1px dashed #cbd5e1;border-radius:18px;font-size:15px}.list.svelte-89g097{display:flex;flex-direction:column;gap:12px}.card.svelte-89g097{display:flex;align-items:flex-start;gap:14px;background:#fff;border:1px solid #e8eef4;border-radius:16px;padding:18px 20px;text-decoration:none;color:inherit;box-shadow:0 1px 2px #0f172a0a;transition:box-shadow .18s,transform .18s,border-color .18s}.card.svelte-89g097:hover{transform:translateY(-2px);box-shadow:0 16px 32px -18px #4f46e559;border-color:#c7d2fe}.ava.svelte-89g097{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-weight:800;font-size:17px;color:#fff;background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.ava.admin.svelte-89g097{background:linear-gradient(135deg,#6366f1,#4f46e5)}.card-main.svelte-89g097{flex:1;min-width:0}.card-top.svelte-89g097{display:flex;align-items:center;gap:7px;font-size:12.5px;color:#94a3b8;flex-wrap:wrap}.au.svelte-89g097{font-weight:700;color:#475569}.badge.svelte-89g097{font-size:10.5px;font-weight:700;color:#4f46e5;background:#eef2ff;padding:1px 8px;border-radius:999px}.dot.svelte-89g097{color:#cbd5e1}.card-title.svelte-89g097{margin:5px 0 6px;font-size:17px;font-weight:700;color:#0f172a;line-height:1.4}.card-ex.svelte-89g097{margin:0 0 12px;font-size:13.5px;color:#64748b;line-height:1.6}.meta.svelte-89g097{display:flex;align-items:center;gap:16px;font-size:12.5px;color:#94a3b8;font-weight:600;flex-wrap:wrap}.go.svelte-89g097{color:#cbd5e1;align-self:center;flex-shrink:0;transition:transform .18s,color .18s}.card.svelte-89g097:hover .go:where(.svelte-89g097){color:#4f46e5;transform:translate(3px)}