.overlay.svelte-1aa845j{z-index:1000;background:#0000004d;justify-content:flex-end;display:flex;position:fixed;inset:0}.panel.svelte-1aa845j{background:var(--bg-card);flex-direction:column;width:350px;height:100%;animation:.3s ease-out svelte-1aa845j-slideIn;display:flex;box-shadow:-4px 0 20px #0003}@keyframes svelte-1aa845j-slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.header.svelte-1aa845j{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px;display:flex}.header.svelte-1aa845j h3:where(.svelte-1aa845j){margin:0;font-size:16px;font-weight:600}.close-btn.svelte-1aa845j{cursor:pointer;color:var(--text-muted);background:0 0;border:none}.list.svelte-1aa845j{flex:1;overflow-y:auto}.item.svelte-1aa845j{border-bottom:1px solid var(--border-light);cursor:pointer;gap:12px;padding:16px 20px;transition:background .2s;display:flex}.item.svelte-1aa845j:hover{background:var(--bg-hover)}.item.unread.svelte-1aa845j{border-left:3px solid var(--accent-blue);background:#3b7eff08}.item-icon.svelte-1aa845j{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.item-icon.payment.svelte-1aa845j{color:var(--green);background:#22c55e1a}.item-icon.leave.svelte-1aa845j{color:var(--purple);background:#a855f71a}.item-icon.system.svelte-1aa845j{color:var(--yellow);background:#f59e0b1a}.item-icon.student.svelte-1aa845j{color:var(--accent-blue);background:#3b7eff1a}.item-title.svelte-1aa845j{margin-bottom:2px;font-size:13px;font-weight:600}.item-msg.svelte-1aa845j{color:var(--text-secondary);font-size:12px;line-height:1.4}.item-time.svelte-1aa845j{color:var(--text-muted);margin-top:6px;font-size:10px}