.notification-manager>.user-center-title{align-items:flex-start;flex-wrap:wrap}.notification-manager>.user-center-title>div:first-child{display:grid;gap:.25rem}.notification-manager>.user-center-title small{color:#8291ad}.notification-manager-actions{display:flex;align-items:center;justify-content:flex-end;gap:.45rem;flex-wrap:wrap}.notification-manager-actions form{margin:0}.notification-manager-actions .button{padding:.58rem .8rem}.notification-filter{padding:.5rem .78rem;border:1px solid rgba(148,163,184,.15);border-radius:999px;color:#9aa9c3;text-decoration:none;font-weight:700;font-size:.82rem}.notification-filter:hover,.notification-filter.is-active{border-color:rgba(124,109,250,.4);background:rgba(124,109,250,.16);color:#fff}.notification-list{gap:.65rem}.notification-item{display:grid;grid-template-columns:2.4rem minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.8rem;border:1px solid rgba(148,163,184,.12);border-radius:1rem;background:rgba(2,6,23,.3)}.notification-item.unread{border-color:rgba(139,92,246,.35);background:linear-gradient(90deg,rgba(139,92,246,.14),rgba(2,6,23,.3))}.notification-item>i{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:.75rem;background:rgba(139,92,246,.14);color:#b8a8ff}.notification-item>a{display:grid;gap:.18rem;min-width:0;color:#e8edf7;text-decoration:none}.notification-item>a small{overflow:hidden;color:#9aa9c3;text-overflow:ellipsis;white-space:nowrap}.notification-item time{color:#65738d;font-size:.75rem}.notification-item-actions{display:flex;gap:.3rem}.notification-item-actions form{margin:0}.notification-item-actions button{display:grid;place-items:center;width:2.1rem;height:2.1rem;border:1px solid rgba(148,163,184,.15);border-radius:.65rem;background:#111b30;color:#aab6ca;cursor:pointer}.notification-item-actions button:hover{border-color:#7567ee;color:#fff}.notification-empty{display:grid;place-items:center;gap:.35rem;padding:2rem;text-align:center;color:#8795ae}.notification-empty>i{font-size:2rem;color:#8071ef}.notification-empty p{margin:0}@media(max-width:720px){.notification-manager-actions{justify-content:flex-start;width:100%}.notification-item{grid-template-columns:2.2rem minmax(0,1fr)}.notification-item-actions{grid-column:2}.notification-manager-actions .button{font-size:.78rem}}