.notifications-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:999}.notifications-panel{position:fixed;top:0;left:-400px;width:400px;height:100vh;background:white;box-shadow:2px 0 8px rgba(0,0,0,.1);z-index:1001;transition:left .3s ease-out;display:flex;flex-direction:column;font-family:Manrope,sans-serif}.notifications-panel.open{left:0}.notifications-header{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;gap:12px}.notifications-back{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#252528}.notifications-back:hover{opacity:.7}.notifications-title{font-family:Lora,serif;font-size:22px;font-weight:600;color:#252528;margin:0;line-height:100%;letter-spacing:.02em}.notifications-content{flex:1;overflow-y:auto;padding:0}.notifications-section{padding:20px 0;border-bottom:1px solid #f3f4f6}.notifications-section:last-child{border-bottom:none}.notifications-section-title{font-family:Manrope,sans-serif;font-size:16px;font-weight:600;color:#000000;margin:0 0 12px 20px;text-transform:capitalize}.notification-item{display:flex;align-items:center;padding:12px 20px;gap:12px;transition:background .2s ease}.notification-item:hover{background:#f9fafb}.notification-avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.notification-body{flex:1;min-width:0}.notification-text{font-size:14px;color:#252528;margin:0;line-height:1.5}.notification-text strong{font-weight:600}.notification-action-btn{background:#f3f4f6;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;color:#252528;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .2s ease}.notification-action-btn:hover{background:#e5e7eb}.notification-action-btn:disabled{opacity:.6;cursor:not-allowed}.notification-thumbnail{width:48px;height:48px;border-radius:8px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.notifications-empty,.notifications-error,.notifications-loading{padding:40px 20px;text-align:center;color:#6b7280;font-size:14px}.notifications-error{color:#ef4444}