.notification-center{position:relative;display:flex;align-items:center}.notification-bell{position:relative;width:44px;height:44px;border:1px solid var(--border,#d8e1db);border-radius:12px;background:#fff;color:#24452f;font-size:21px;display:grid;place-items:center;cursor:pointer;transition:.18s ease}.notification-bell:hover,.notification-bell[aria-expanded="true"]{border-color:#168044;background:#f0faf4;transform:translateY(-1px)}.notification-count{position:absolute;top:-7px;right:-7px;min-width:22px;height:22px;padding:0 5px;border-radius:99px;background:#c62828;color:#fff;border:2px solid #fff;font-size:11px;font-weight:800;display:grid;place-items:center;line-height:1}.notification-count.hidden{display:none}.notification-panel{position:absolute;right:0;top:calc(100% + 12px);z-index:500;width:min(410px,calc(100vw - 24px));max-height:min(620px,calc(100vh - 100px));background:#fff;border:1px solid #d9e3dc;border-radius:16px;box-shadow:0 18px 55px rgba(22,54,31,.2);overflow:hidden}.notification-panel.hidden{display:none}.notification-panel-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:17px 18px 13px;border-bottom:1px solid #e8eee9}.notification-panel-head h3{font-size:18px;margin:0}.notification-panel-head button{border:0;background:transparent;color:#08743a;font-weight:700;cursor:pointer;padding:6px}.notification-list{overflow:auto;max-height:500px}.notification-item{width:100%;border:0;border-bottom:1px solid #edf1ee;background:#fff;padding:14px 16px;display:grid;grid-template-columns:38px 1fr 10px;gap:11px;text-align:left;cursor:pointer;align-items:start}.notification-item:hover{background:#f7fbf8}.notification-item.unread{background:#f3faf5}.notification-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#e9f3ec;font-size:17px}.notification-item.warning .notification-icon{background:#fff4cf}.notification-item.critical .notification-icon{background:#fde6e6}.notification-item.info .notification-icon{background:#e6f1ff}.notification-copy{display:grid;gap:3px;min-width:0}.notification-copy strong{font-size:14px;color:#173621}.notification-copy small{font-size:12.5px;color:#52665a;line-height:1.35}.notification-copy time{font-size:11px;color:#829087}.notification-dot{width:8px;height:8px;border-radius:50%;background:#178848;margin-top:6px}.notification-item.read .notification-dot{background:transparent;border:1px solid #cbd6ce}.notification-empty{padding:34px 20px;text-align:center;color:#64766b}.notification-empty.hidden{display:none}.notification-empty span{display:block;font-size:30px;margin-bottom:8px}.notification-footer{padding:12px 16px;background:#f7faf8;border-top:1px solid #e4ebe6;font-size:12px;color:#687a6e;text-align:center}@media(max-width:900px){.header-actions .notification-center{order:2}.notification-panel{position:fixed;left:12px;right:12px;top:76px;width:auto;max-height:calc(100vh - 92px)}}