.notifications-app{min-height:100vh;background:#05090d;color:#eef2f5}.notifications-layout{display:grid;grid-template-columns:270px minmax(500px,800px);justify-content:center;gap:22px;padding-top:72px}.notifications-layout .social-sidebar{position:relative;left:auto;top:auto;height:calc(100vh - 72px);border-right:1px solid #182129}.notifications-layout .social-sidebar .active{color:#ef003e;background:#111920}.notifications-main{padding:45px 30px}.notifications-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #1a252d;padding-bottom:24px}.notifications-title h1{margin:0;font-size:30px}.notifications-title p{margin:7px 0;color:#8f9aa5}.notifications-title button{background:transparent;color:#e9003f;border:1px solid #5b1b2c;border-radius:9px;padding:10px 14px}.notification-tabs{display:flex;gap:26px;border-bottom:1px solid #18232b;margin-bottom:8px}.notification-tabs button{background:none;border:0;color:#89949e;padding:17px 4px;font-size:14px}.notification-tabs .active{color:#fff;border-bottom:2px solid #e9003f}.notification-item{display:flex;align-items:center;gap:15px;padding:18px 12px;border-bottom:1px solid #131d24;border-radius:9px}.notification-item.unread{background:#101920}.notification-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#28121b;color:#ed003f;font-size:18px}.notification-item div{flex:1}.notification-item div span{color:#aab3bc}.notification-item div strong{color:#fff;margin-left:4px}.notification-item small{display:block;color:#78838d;margin-top:7px}.notification-item>i{color:#6e7a84;font-size:24px}.notification-empty{padding:90px 10px;text-align:center;color:#98a3ad;display:grid;gap:8px}.notification-empty b{color:#fff;font-size:18px}@media(max-width:800px){.notifications-layout{display:block}.notifications-layout .social-sidebar{display:none}.notifications-main{padding:92px 16px 35px}.notifications-title{align-items:flex-start;gap:12px;flex-direction:column}}