.notification-bell{position:relative;flex-shrink:0;color:#225e44}.notification-trigger{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid #dce6da;border-radius:13px;background:#f0f5ed;color:inherit;cursor:pointer;transition:background .2s}.notification-trigger:hover,.notification-trigger[aria-expanded=true]{background:#e1ecdd}.notification-count{position:absolute;top:-5px;right:-6px;min-width:20px;height:20px;padding:0 4px;display:grid;place-items:center;border:2px solid #fffdf7;border-radius:12px;background:#d67d45;color:#fff;font-size:10px;font-weight:800}.notification-panel{position:absolute;right:0;top:calc(100% + 12px);width:390px;max-width:calc(100vw - 24px);border:1px solid #dce5d8;border-radius:20px;background:#fffdf7;box-shadow:0 20px 60px #173b2926;z-index:120;overflow:hidden;text-align:left}.notification-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:#e9f0e4;border-bottom:1px solid #dae5d6}.notification-heading h2{font-size:21px;line-height:1.3;margin:0;color:#203f30;font-family:"DM Serif Display",Cambria,serif}.notification-heading small{display:block;color:#63776a;font-size:11px;margin-top:4px}.notification-heading>button{width:34px;height:34px;border:0;border-radius:50%;background:#ffffff8a;color:#225e44;font-size:24px;cursor:pointer}.notification-tools{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:13px 18px;border-bottom:1px solid #e5eadf;font-size:10px;color:#728274}.notification-error button,.notification-tools button{border:0;background:transparent;color:#225e44;font-size:11px;font-weight:700;cursor:pointer;padding:5px}.notification-tools button:disabled{opacity:.45;cursor:default}.notification-list{max-height:min(430px,60dvh);overflow-y:auto;overscroll-behavior:contain}.notification-item{display:flex;width:100%;align-items:flex-start;gap:10px;padding:16px 18px;border:0;border-bottom:1px solid #e6ecdf;background:transparent;text-align:left;color:#294c38;cursor:pointer;font-family:inherit}.notification-item.is-unread{background:#f1f6ec}.notification-item:hover{background:#e9f1e3}.notification-dot{flex:0 0 7px;height:7px;border-radius:50%;background:#d78951;margin-top:6px}.is-read .notification-dot{background:#dfe6da}.notification-text{display:flex;flex:1;min-width:0;flex-direction:column;gap:6px;overflow-wrap:anywhere}.notification-text strong{font-size:12px;line-height:1.5}.notification-text>span{font-size:11px;color:#677967;line-height:1.6}.notification-text time{font-size:10px;color:#8a9786}.notification-empty{padding:35px 20px;color:#6c806f;text-align:center;font-size:13px;line-height:1.8;margin:0}.notification-empty small{font-size:11px}.notification-error{padding:12px 16px;margin:0;background:#fff1e8;color:#a65432;font-size:11px;line-height:1.5}.notification-footnote{padding:10px 18px;margin:0;font-size:10px;color:#788779}.notification-bell button:focus-visible{outline:3px solid #dc9561;outline-offset:-3px}@media(max-width:700px){.notification-trigger{width:38px;height:38px;border-radius:11px}.notification-panel{position:fixed;top:90px;left:12px;right:12px;width:auto;max-width:none}.dashboard-topbar .notification-panel{top:70px}.notification-tools{font-size:9px}}@media(prefers-reduced-motion:reduce){.notification-trigger{transition:none}}