.fl-notif-head{margin-bottom:18px}.fl-notif-title-row{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.fl-notif-title-row h1{color:#0f172a;align-items:center;gap:10px;margin:0;font-size:22px;font-weight:800;display:flex}.fl-notif-markall{appearance:none;color:#2563eb;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.fl-notif-markall:hover{background:#eff6ff;border-color:#bfdbfe}.fl-notif-markall:disabled{opacity:.6;cursor:not-allowed}.fl-notif-list{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.fl-notif-item{appearance:none;text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #f1f5f9;align-items:center;gap:14px;width:100%;padding:16px 18px;transition:background .15s;display:flex;position:relative}.fl-notif-item:last-child{border-bottom:0}.fl-notif-item:hover{background:#f8fafc}.fl-notif-item.unread{background:#eff6ff}.fl-notif-item.unread:hover{background:#dbeafe}.fl-notif-avatar{flex-shrink:0;width:44px;height:44px;position:relative}.fl-notif-avatar img{object-fit:cover;border-radius:50%;width:44px;height:44px;display:block}.fl-notif-avatar-fallback{color:#475569;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:15px;font-weight:700;display:flex}.fl-notif-type-badge{color:#fff;background:#2563eb;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;bottom:-2px;right:-2px}.fl-notif-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.fl-notif-text{color:#1e293b;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14.5px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.fl-notif-item.unread .fl-notif-text{color:#0f172a;font-weight:700}.fl-notif-time{color:#94a3b8;font-size:12.5px}.fl-notif-dot{background:#2563eb;border-radius:50%;flex-shrink:0;width:8px;height:8px}@media (max-width:640px){.fl-notif-item{gap:10px;padding:14px}.fl-notif-avatar,.fl-notif-avatar img,.fl-notif-avatar-fallback{width:38px;height:38px}.fl-notif-title-row h1{font-size:19px}}.fl-skeleton{background:linear-gradient(90deg,#eef1f5 25%,#e2e6ec 37%,#eef1f5 63%) 0 0/400% 100%;border-radius:6px;animation:1.4s infinite fl-skeleton-shimmer;display:block}@keyframes fl-skeleton-shimmer{0%{background-position:100%}to{background-position:0}}.fl-skeleton-avatar{border-radius:50%;flex-shrink:0}.fl-skeleton-line{height:10px}.fl-skeleton-line-sm{width:35%}.fl-skeleton-line-lg{width:85%}.fl-notif-skeleton{cursor:default}@media (prefers-reduced-motion:reduce){.fl-skeleton{animation:none}}.fl-notif-empty-state{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:64px 24px;display:flex}.fl-notif-empty-icon{color:#2563eb;background:linear-gradient(135deg,#dbeafe,#eff6ff);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:flex}.fl-notif-empty-state h3{color:#0f172a;margin:0 0 6px;font-size:16px;font-weight:700}.fl-notif-empty-state p{color:#94a3b8;max-width:280px;margin:0;font-size:13.5px;line-height:1.5}@media (max-width:480px){.fl-notif-empty-state{padding:48px 20px}}