.notification-list{gap:var(--spacing-xs);flex-direction:column;display:flex}.notification-center-toolbar{margin-bottom:var(--spacing-md);justify-content:flex-end;display:flex}.notif-card{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-md);transition:var(--transition-fast);cursor:pointer;display:flex}.notif-card:hover{background:var(--color-bg-hover)}.notif-card-unread{background:var(--color-bg-primary);box-shadow:var(--shadow-soft)}.notif-card-unread:hover{background:var(--color-accent-light)}.notif-unread-dot{background:var(--color-accent);border-radius:var(--radius-full);width:8px;min-width:8px;height:8px;margin-top:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.notif-main{flex:1;min-width:0}.notif-title-row{align-items:center;gap:var(--spacing-xs);margin-bottom:2px;display:flex}.notif-title{font-weight:var(--font-medium);font-size:var(--font-sm);color:var(--color-text-primary)}.notif-scene{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:4px;padding:1px 6px;font-size:11px}.notif-scene[data-scene=appointment_reminder]{background:var(--color-amber-100);color:var(--color-amber-600)}.notif-scene[data-scene=appointment_confirmed]{background:var(--color-green-100);color:var(--color-green-600)}.notif-content{font-size:var(--font-xs);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}@media (max-width:600px){.notif-content{white-space:normal;text-overflow:unset;line-height:1.4;overflow:visible}}.notif-time{color:var(--color-text-tertiary);white-space:nowrap;flex-shrink:0;margin-top:2px;font-size:11px}.notification-empty{text-align:center;padding:var(--spacing-2xl)var(--spacing-xl);color:var(--color-text-tertiary)}.notification-empty-icon{margin-bottom:var(--spacing-lg);opacity:.5;font-size:48px}.notification-empty-title{font-size:var(--font-lg);font-weight:var(--font-medium);margin-bottom:var(--spacing-sm);color:var(--color-text-secondary)}.notification-empty-desc{font-size:var(--font-sm)}.stat-card{background:var(--color-bg-tertiary);text-align:center;border-radius:10px;padding:16px}.stat-card-value{font-size:24px;font-weight:700}.stat-card-label{color:var(--color-text-tertiary);margin-top:4px;font-size:12px}.inline-stats{background:var(--color-bg-tertiary);border-radius:var(--radius-md);align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;display:flex}.inline-stat{align-items:baseline;gap:2px;display:inline-flex}.inline-stat-value{font-size:20px;font-weight:700}.inline-stat-label{color:var(--color-text-secondary);font-size:13px}.inline-stat-sep{color:var(--color-text-tertiary);margin:0 4px}.inline-stat-loading{color:var(--color-text-tertiary);font-size:13px}.patient-banner{border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 16px;display:flex}.patient-banner-info{align-items:center;gap:12px;display:flex}.patient-banner-name{font-size:16px;font-weight:600}.patient-banner-type{background:var(--color-info-soft);color:var(--color-blue-500);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500}@media (max-width:768px){.stat-card-value{font-size:20px}.inline-stat-value{font-size:16px}.inline-stat-label,.inline-stat-loading{font-size:12px}.patient-banner-name{font-size:14px}}