.notification-bell-container{display:inline-block;position:relative}.notification-bell-button{cursor:pointer;width:40px;height:40px;color:var(--sand);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s,color .2s;display:flex;position:relative}.notification-bell-button:hover{background-color:rgba(var(--sand-rgb),.1);color:var(--sand-light)}.notification-bell-icon{width:20px;height:20px}.notification-bell-badge{background-color:var(--danger);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;line-height:1;display:flex;position:absolute;top:4px;right:4px}.notification-inbox{border:1px solid var(--gray-300);width:360px;max-height:500px;box-shadow:var(--shadow-lg);z-index:1000;background:#fff;border-radius:8px;flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notification-inbox-header{border-bottom:1px solid var(--gray-300);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.notification-inbox-title{color:var(--gray-900);margin:0;font-size:16px;font-weight:600}.notification-inbox-mark-all{color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:14px;transition:background-color .2s}.notification-inbox-mark-all:hover{background-color:var(--gray-100)}.notification-inbox-view-all{color:var(--primary);border-radius:4px;padding:4px 8px;font-size:14px;text-decoration:none;transition:background-color .2s}.notification-inbox-view-all:hover{background-color:var(--gray-100);text-decoration:underline}.notification-inbox-content{flex:1;max-height:400px;overflow-y:auto}.notification-inbox-footer{border-top:1px solid var(--gray-300);justify-content:center;padding:10px 16px;display:flex}.notification-inbox-empty{text-align:center;color:var(--gray-600);padding:32px 16px;font-size:14px}.notification-inbox-list{flex-direction:column;display:flex}.notification-inbox-item{border-bottom:1px solid var(--gray-100);cursor:pointer;align-items:flex-start;gap:12px;padding:12px 16px;transition:background-color .2s;display:flex}.notification-inbox-item:hover{background-color:var(--gray-50)}.notification-inbox-item.unread{background-color:var(--primary-lighter)}.notification-inbox-item.unread:hover{background-color:var(--primary-lighter);filter:brightness(.97)}.notification-inbox-item-content{flex:1;min-width:0}.notification-inbox-item-title{color:var(--gray-900);margin-bottom:4px;font-size:14px;font-weight:600}.notification-inbox-item-message{color:var(--gray-600);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.notification-inbox-item-time{color:var(--gray-400);font-size:12px}.notification-inbox-item-dot{background-color:var(--primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}@media (max-width:640px){.notification-inbox{width:320px;right:-40px}}.notifications-tab-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.notifications-tab-controls{align-items:center;gap:12px;display:flex}.notifications-tab-mark-all{color:var(--primary);border:1px solid var(--gray-300);cursor:pointer;background:0 0;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:background-color .2s,color .2s}.notifications-tab-mark-all:hover{background-color:var(--gray-100);color:var(--primary-dark)}.notifications-tab-filter{color:var(--gray-600);border:1px solid var(--gray-300);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:background-color .2s,color .2s,border-color .2s;display:flex}.notifications-tab-filter:hover{background-color:var(--gray-50);color:var(--gray-700);border-color:var(--gray-300)}.notifications-tab-filter.active{background-color:var(--primary-lighter);color:var(--primary);border-color:var(--primary-light)}.notifications-tab-content{margin-top:16px}.notifications-tab-empty{text-align:center;color:var(--gray-600);flex-direction:column;align-items:center;gap:16px;padding:64px 16px;font-size:14px;display:flex}.notifications-empty-icon{color:var(--gray-300);margin-bottom:8px}.notifications-tab-empty p{margin:0;font-size:16px}.notifications-tab-list{flex-direction:column;gap:0;display:flex}.notifications-tab-item{border-bottom:1px solid var(--gray-100);cursor:pointer;background:#fff;align-items:flex-start;gap:8px;padding:10px 12px;transition:background-color .2s;display:flex}.notifications-tab-item:hover{background-color:var(--gray-50)}.notifications-tab-item.unread{background-color:var(--primary-lighter)}.notifications-tab-item.unread:hover{background-color:var(--primary-lighter);filter:brightness(.97)}.notifications-tab-item-content{flex:1;min-width:0}.notifications-tab-item-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:2px;display:flex}.notifications-tab-item-title{color:var(--gray-900);flex:1;font-size:15px;font-weight:600}.notifications-tab-item-mark-read{border:1px solid var(--gray-300);cursor:pointer;width:32px;height:32px;color:var(--gray-600);background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background-color .2s,border-color .2s,color .2s;display:flex}.notifications-tab-item-mark-read:hover{background-color:var(--gray-100);border-color:var(--gray-300);color:var(--primary)}.notifications-tab-item-message{color:var(--gray-600);margin-bottom:2px;font-size:14px;line-height:1.4}.notifications-tab-item-time{color:var(--gray-400);font-size:12px}.notifications-tab-item-dot{background-color:var(--primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:8px}.notification-inbox-item-actions,.notifications-tab-item-actions{gap:8px;margin-top:12px;margin-bottom:8px;display:flex}.notification-action-button{cursor:pointer;border:none;border-radius:6px;flex:1;max-width:120px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.notification-action-primary{background-color:var(--primary);color:#fff}.notification-action-primary:hover{background-color:var(--primary-dark);box-shadow:0 2px 4px rgba(var(--primary-rgb),.3);transform:translateY(-1px)}.notification-action-secondary{background-color:var(--gray-100);color:var(--gray-600);border:1px solid var(--gray-300)}.notification-action-secondary:hover{background-color:var(--gray-200);color:var(--gray-700);border-color:var(--gray-300)}.notification-action-button:active{transform:translateY(0)}@media (max-width:640px){.notifications-tab-header{flex-direction:column;align-items:flex-start}.notifications-tab-controls{flex-wrap:wrap;width:100%}.notifications-tab-mark-all,.notifications-tab-filter{flex:1;min-width:0}.notifications-tab-item{padding:8px 10px}.notification-inbox-item-actions,.notifications-tab-item-actions{flex-direction:column}.notification-action-button{max-width:none}}