.notification-page{max-width:980px;margin:auto;padding:38px 24px}.notification-heading{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #dfe5ea;padding-bottom:20px}.notification-heading h1{margin:4px 0}.notification-count{text-align:center;background:#075aa6;color:#fff;min-width:90px;padding:13px}.notification-count strong{display:block;font-size:27px}.notification-count span{font-size:12px}.notification-tools{display:flex;justify-content:space-between;align-items:center;margin:18px 0}.notification-tools nav{display:flex;gap:5px}.notification-tools nav a{padding:9px 14px;color:#526170;text-decoration:none;border-bottom:2px solid transparent}.notification-tools nav a.active{color:#075aa6;border-color:#075aa6;font-weight:700}.notification-list{background:#fff;border:1px solid #dfe5ea}.notification-item{display:grid;grid-template-columns:8px 1fr;gap:14px;padding:20px;border-bottom:1px solid #e4e9ed}.notification-item:last-child{border:0}.notification-item.unread{background:#f3f8fd}.notice-mark{width:7px;height:7px;border-radius:50%;background:#a8b3bd;margin-top:8px}.unread .notice-mark{background:#075aa6}.notice-meta{display:flex;justify-content:space-between;gap:20px}.notice-meta h2{font-size:17px;margin:0}.notice-meta time,.notification-item small{color:#6a7785;font-size:12px}.notification-item p{margin:8px 0;color:#394a59}.text-button{border:0;background:none;color:#075aa6;padding:0;font-size:13px}.notification-empty{text-align:center;padding:55px 20px;color:#657383}.dashboard-notifications{display:grid;gap:9px}.dashboard-notice{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #e5eaee}.dashboard-notice:last-child{border:0}.dashboard-notice strong{display:block}.dashboard-notice span{color:#657383;font-size:12px}.notice-badge{display:inline-grid;place-items:center;min-width:21px;height:21px;border-radius:11px;background:#e1262f;color:#fff;font-size:11px;margin-left:6px}@media(max-width:650px){.notification-heading,.notification-tools,.notice-meta{align-items:start;flex-direction:column}.notification-tools{gap:12px}.notification-count{text-align:left}.notice-meta{gap:3px}}