.notifications-page{min-height:calc(100vh - var(--header-height));padding:36px 0 72px}.notifications-container{max-width:920px}.notifications-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;display:flex}.notifications-header p{color:var(--color-primary);letter-spacing:1.4px;margin:0 0 5px;font-size:11px;font-weight:700}.notifications-header h1{margin:0 0 7px;font-size:34px}.notifications-header span{color:var(--text-secondary)}.notifications-toolbar{gap:8px;margin-bottom:12px;display:flex}.notifications-toolbar button{border:1px solid var(--border-color);color:var(--text-secondary);background:0 0;border-radius:999px;padding:8px 14px}.notifications-toolbar button.active{border-color:var(--color-primary);background:var(--color-primary-bg);color:var(--color-primary)}.notifications-list{border:1px solid var(--border-color);border-radius:var(--radius-xl);background:var(--bg-secondary);overflow:hidden}.notification-item{border:0;border-bottom:1px solid var(--border-color);width:100%;color:var(--text-primary);text-align:left;background:0 0;grid-template-columns:42px minmax(0,1fr) 10px;align-items:center;gap:14px;padding:18px 20px;display:grid}.notification-item:last-child{border-bottom:0}.notification-item:hover{background:var(--bg-tertiary)}.notification-item--unread{background:var(--color-primary-bg)}.notification-item__icon{background:var(--bg-tertiary);width:40px;height:40px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.notification-item__content{flex-direction:column;gap:5px;min-width:0;display:flex}.notification-item__content strong{font-size:14px}.notification-item__content>span{color:var(--text-secondary);overflow-wrap:anywhere;font-size:13px}.notification-item__content time{color:var(--text-tertiary);font-size:11px}.notification-item__dot{background:var(--color-primary);border-radius:50%;width:8px;height:8px}.notifications-state{color:var(--text-secondary);text-align:center;margin:0;padding:48px 20px}.notifications-pagination{justify-content:center;align-items:center;gap:14px;margin-top:18px;display:flex}.notifications-pagination button{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);padding:7px 12px}@media (max-width:600px){.notifications-page{padding-top:24px}.notifications-header{flex-direction:column;align-items:stretch}.notifications-header .btn{align-self:flex-start}.notification-item{grid-template-columns:34px minmax(0,1fr) 8px;gap:10px;padding:15px 14px}.notification-item__icon{width:34px;height:34px}}