.notification-trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:8px}.notification-trigger:hover{background:#f3f4f6}.notifications-dropdown{width:100%;max-width:95vw;overflow:hidden;border-radius:8px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 8px 30px #0000002e}.notifications-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f7f7f7}.notifications-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.notifications-link{font-size:14px;font-weight:500;color:#0284c7;background:transparent;border:0;cursor:pointer}.notifications-link:hover{color:#0369a1}.notifications-list{max-height:520px;overflow-y:auto}.notification-item{display:flex;gap:16px;padding:20px;border-bottom:1px solid #e5e7eb}.notification-item:hover{background:#fafafa}.notification-icon{width:52px;height:52px;flex:0 0 52px;border-radius:9999px;display:flex;align-items:center;justify-content:center;background:#f3f4f6}.notification-icon--warning{color:#f59e0b}.notification-icon--success{color:#22c55e}.notification-icon--info{color:#3b82f6}.notification-content{flex:1;min-width:0}.notification-title{font-size:15px;font-weight:600;line-height:1.4;color:#1f2937}.notification-text{margin-top:8px;font-size:14px;line-height:1.5;color:#4b5563}.notification-meta{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:16px}.notification-time{font-size:13px;color:#9ca3af}.notifications-footer{border-top:1px solid #e5e7eb;background:#f7f7f7}.notifications-footer a{display:flex;justify-content:center;padding:16px 20px;font-size:15px;font-weight:600;color:#374151;text-decoration:none}.notifications-footer a:hover{background:#f3f4f6}