.notification-wrap{position:relative}.notification{position:relative;border:0;background:transparent;cursor:pointer;padding:4px;color:#65736b;font-size:19px}.notification span{position:absolute;top:-4px;right:-7px;width:auto;min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;color:#fff;background:#d85d58;border:2px solid #fff;border-radius:10px;font:700 9px 'DM Sans'}.notification span.hidden{display:none}.notification-panel{display:none;position:absolute;right:0;top:38px;width:330px;background:#fff;border:1px solid #e7ece9;border-radius:8px;box-shadow:0 12px 40px rgba(22,50,38,.12);z-index:30;overflow:hidden}.notification-panel.open{display:block}.notification-heading{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid #e7ece9;font-size:12px}.notification-heading a{color:#287a56;font-size:10px;text-decoration:none}.notification-item{display:flex;gap:10px;padding:12px 15px;text-decoration:none;color:#17221d;border-bottom:1px solid #f0f3f1}.notification-item:hover{background:#f8fbf9}.notification-item strong,.notification-item small{display:block}.notification-item strong{font-size:11px}.notification-item small{color:#78847d;font-size:10px;margin-top:3px}.notification-empty{padding:25px;text-align:center;color:#78847d;font-size:11px}.admin-top-label{color:#78847d;font-size:12px;font-weight:600}.admin-top-label i{color:#287a56;margin-right:7px}.admin-sidebar{background:#142b24}@media(max-width:700px){.notification-panel{position:fixed;right:16px;top:62px;width:min(330px,calc(100vw - 32px))}}