.notification-dropdown{z-index:1000;background:var(--color-surface);border:1px solid var(--color-border-light);width:400px;max-height:min(696px,max(0px,100vh - var(--header-stack-height) - 20px - env(safe-area-inset-bottom,0px)));border-radius:8px;flex-direction:column;margin-top:4px;padding:8px;display:flex;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 8px 32px #00000026}@supports (height:100dvh){.notification-dropdown{max-height:min(696px,max(0px,100dvh - var(--header-stack-height) - 20px - env(safe-area-inset-bottom,0px)))}}@media (max-width:767px){.notification-dropdown{max-height:min(696px,max(0px,100vh - var(--header-stack-height-compact) - 20px - env(safe-area-inset-bottom,0px)))}@supports (height:100dvh){.notification-dropdown{max-height:min(696px,max(0px,100dvh - var(--header-stack-height-compact) - 20px - env(safe-area-inset-bottom,0px)))}}}.notification-dropdown>.line{flex-shrink:0}.notification-dropdown__header{z-index:1;background:var(--color-surface);border-bottom:1px solid var(--color-border-light);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px;display:flex;position:sticky;top:0}@media (max-width:479px){.notification-dropdown__header{padding:20px 0}}.notification-dropdown__title{color:var(--color-text-primary);font-size:16px;font-weight:var(--weight-semi-bold);margin:0}.notification-dropdown__mark-all{color:var(--color-primary);font-size:14px;font-weight:var(--weight-medium);cursor:pointer;background:0 0;border:none;padding:0}.notification-dropdown__mark-all:hover{color:var(--color-primary-hover)}.notification-dropdown__content{flex:1;min-height:0;overflow-y:auto}.notification-dropdown__content::-webkit-scrollbar{width:4px}.notification-dropdown__content::-webkit-scrollbar-track{background:0 0}.notification-dropdown__content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.notification-dropdown__empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:32px 20px;display:flex}.notification-dropdown__list{flex-direction:column;display:flex}.notification-dropdown__item{cursor:pointer;border-radius:6px;gap:16px;padding:8px;display:flex}.notification-dropdown__item:hover{background:var(--color-secondary-hover)}.notification-dropdown__item-avatar{flex-shrink:0;width:40px;height:40px}.notification-dropdown__item-image{object-fit:cover;border-radius:6px;width:40px;height:40px}.notification-dropdown__item-image--small{object-fit:contain;width:24px;height:24px}.notification-dropdown__item-icon{background:var(--color-background-light);border:1px solid var(--color-gray-9);border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.notification-dropdown__item-icon svg{width:24px;height:24px;color:var(--color-text-secondary)}.notification-dropdown__item-icon--blue svg path{fill:var(--color-primary)}.notification-dropdown__item-icon--red svg path{fill:var(--color-red-1)}.notification-dropdown__item-icon--green svg path{fill:var(--color-green-1)}.notification-dropdown__item-content{flex:1;min-width:0}.notification-dropdown__item-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.notification-dropdown__item-title{color:var(--color-text-primary);font-size:14px;font-weight:var(--weight-medium);line-height:var(--line-height-14);margin:0}.notification-dropdown__item-dot{background:var(--color-primary);border-radius:50%;flex-shrink:0;width:8px;height:8px}.notification-dropdown__item-message{color:var(--color-text-secondary);font-size:14px;line-height:var(--line-height-14);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.notification-dropdown__item-actions{gap:8px;margin-top:10px;display:flex}.notification-dropdown__item-line:last-child{display:none}.notification-dropdown--in-modal{width:100%;max-height:none;box-shadow:none;border:none;border-radius:0;margin-top:0;position:static}