.notifications-container{max-width:800px;margin:0 auto;padding:2rem}.loading{text-align:center;padding:3rem;color:var(--text-secondary)}.notifications-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.notifications-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0}.unread-badge{padding:.4rem .8rem;background:var(--error);color:#fff;border-radius:20px;font-size:.85rem;font-weight:600}.notifications-actions{display:flex;gap:.75rem;margin-bottom:1.5rem}.action-button{padding:.6rem 1.2rem;background:#fff;color:var(--text-primary);border:2px solid var(--border);border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.action-button:hover{border-color:var(--primary);color:var(--primary)}.action-button.delete{border-color:var(--error-light);color:var(--error)}.action-button.delete:hover{border-color:var(--error);background:var(--error-light)}.notifications-empty{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.3}.notifications-empty p{color:var(--text-secondary);font-size:1rem}.notifications-list{display:flex;flex-direction:column;gap:.75rem}.notification-item{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:#fff;border-radius:12px;border:2px solid var(--border);cursor:pointer;transition:all .2s;position:relative}.notification-item:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.notification-item.unread{background:var(--primary-light);border-color:var(--primary)}.notification-item.unread:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:var(--primary);border-radius:0 4px 4px 0}.notification-icon{font-size:2rem;flex-shrink:0}.notification-content{flex:1 1;min-width:0}.notification-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.notification-message{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem;line-height:1.5}.notification-date{font-size:.8rem;color:var(--text-tertiary)}.notification-delete{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;border-radius:50%;transition:all .2s}.notification-delete:hover{background:var(--error-light);color:var(--error)}@media (max-width:768px){.notifications-container{padding:1rem}.notifications-header h1{font-size:1.5rem}.notifications-actions{flex-direction:column}.action-button{width:100%}.notification-item{padding:1rem;gap:.75rem}.notification-icon{font-size:1.5rem}.notification-title{font-size:.95rem}.notification-message{font-size:.85rem}}