.header-actions{display:flex;align-items:center;gap:12px}#notification-center{position:relative}.notification-toggle{display:flex;align-items:center;gap:8px;padding:9px 12px}#notification-count{background:#285b43;color:white;border-radius:20px;font-size:11px;min-width:20px;padding:1px 5px}#notification-panel{position:absolute;right:0;top:52px;width:min(430px,calc(100vw - 32px));max-height:min(650px,80vh);overflow:auto;background:#fff;border:1px solid #dce5db;border-radius:16px;box-shadow:0 18px 60px #20382b26;z-index:120;padding:18px}.notification-heading,.notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-heading h2{margin:0;font-size:20px}.notification-heading button{font-size:24px;padding:0 8px}.notification-toolbar{padding:10px 0 14px;border-bottom:1px solid #edf0eb}.notification-toolbar button{font-size:11px;padding:5px}.notification-item{padding:15px 12px;border-bottom:1px solid #edf0eb;border-radius:8px}.notification-item.unread{background:#f0f6ef;border-left:3px solid #4b805d}.notification-item a{display:block;color:#20382b;white-space:pre-line;overflow-wrap:anywhere;font-size:13px;line-height:1.6}.notification-item time{display:block;color:#819080;font-size:11px;margin:7px 0}.notification-item button{font-size:11px;padding:3px 0}.notification-empty{color:#7a887c;text-align:center;padding:28px 8px;font-size:13px}#notification-toasts{position:fixed;bottom:24px;right:24px;display:grid;gap:12px;width:min(380px,calc(100vw - 32px));z-index:150}.notification-toast{position:relative;background:#fff;border:1px solid #d9e4d6;border-left:4px solid #39704c;border-radius:12px;box-shadow:0 8px 32px #20382b24;padding:17px 36px 17px 18px;animation:notification-enter .2s ease-out}.notification-toast strong{display:block;font-size:13px}.notification-toast p{white-space:pre-line;overflow-wrap:anywhere;font-size:12px;margin:8px 0;max-height:120px;overflow:auto}.notification-toast a{font-size:12px;font-weight:600}.notification-toast>button{position:absolute;top:7px;right:7px;font-size:18px;padding:0 6px}.notification-toast:focus-within{outline:2px solid #55876a}#notification-panel[hidden],#notification-count[hidden],#notification-more[hidden]{display:none}@keyframes notification-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.notification-toast{animation:none}}@media(max-width:600px){.notification-button-label{display:none}.header-actions{gap:5px}.notification-toggle{padding:8px}#notification-panel{position:fixed;top:74px;right:16px}#notification-toasts{right:16px;bottom:16px}}