.notification-center{position:relative;flex-shrink:0;line-height:1.4}.notification-bell{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff24;border-radius:50%;cursor:pointer;list-style:none;color:#fff;background:#ffffff09}.notification-bell::-webkit-details-marker{display:none}.notification-bell>svg{width:22px;height:22px}.notification-bell:hover,.notification-center[open]>.notification-bell{background:#ffffff1c;border-color:#d3af61}.notification-count{position:absolute;right:-4px;top:-4px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;background:#ed654d;color:#fff;font:600 10px/1 Arial,sans-serif;border-radius:20px;border:2px solid #121b22}.notification-popover{position:absolute;right:0;top:54px;width:370px;max-width:calc(100vw - 32px);background:#fff;border:1px solid #e0e6ed;border-radius:15px;box-shadow:0 16px 60px #06112030;overflow:hidden;color:#233344;z-index:110}.notification-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px;border-bottom:1px solid #edf0f4}.notification-heading strong{font-size:19px;display:block}.notification-heading small{display:block;font-size:12px;color:#82909c;margin-top:4px}.notification-popover .notification-heading a{color:#9b7629;text-decoration:none;font-size:13px}.notification-preview-list{max-height:min(430px,55dvh);overflow-y:auto;overscroll-behavior:contain}.notification-item{margin:0;border-bottom:1px solid #edf0f4;background:#fff}.notification-item>button{display:flex;align-items:flex-start;width:100%;gap:12px;padding:16px 18px;text-align:left;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.notification-item.is-unread{background:#fffaf0}.notification-item>button:hover{background:#f5f8fa}.notification-item>button:focus-visible{outline-offset:-3px}.notification-symbol{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;border-radius:10px;background:#eef2f6;color:#718291;font:600 20px/1 Arial,sans-serif}.notification-symbol.score{background:#e8f5ed;color:#298159}.notification-symbol.penalty,.notification-symbol.revision{background:#fff0e8;color:#c36038}.notification-symbol.task,.notification-symbol.assignment{background:#faf0d9;color:#a47d2e}.notification-copy{display:grid;gap:5px;min-width:0;flex:1}.notification-copy strong{font-size:15px;line-height:1.3}.notification-copy>span{font-size:13px;line-height:1.5;color:#697b8b;overflow-wrap:anywhere}.notification-copy time{font-size:11px;color:#8a98a4}.notification-dot{width:6px;height:6px;margin-top:5px;border-radius:50%;background:#d2a34a;flex-shrink:0}.notification-read-all{padding:12px 18px;margin:0;text-align:center;background:#fafbfd}.notification-read-all button,.notifications-tools button{font:inherit;font-size:13px;border:0;background:none;color:#667b8d;cursor:pointer;padding:6px}.notification-read-all button:disabled,.notifications-tools button:disabled{color:#a6b0b8;cursor:default}.notification-empty{text-align:center;padding:32px 20px;color:#8b99a5}.notification-empty svg{width:32px;height:32px;margin-bottom:12px}.notification-empty strong{display:block;color:#4b6073;font-size:17px}.notification-empty p{font-size:13px;margin:8px 0 0}.notification-center [hidden]{display:none!important}.notifications-page{max-width:940px}.notifications-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.notifications-page .notifications-title h1{font-size:38px;margin-bottom:12px}.notifications-title p{font-size:16px;color:#7b8996;margin:0}.notifications-total{font-size:13px;white-space:nowrap;border-radius:20px;padding:8px 14px;background:#fbefda;color:#90702e}.notifications-history{border:1px solid #e1e7ed;border-radius:14px;overflow:hidden;background:#fff}.notifications-tools{padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #e9edf2;flex-wrap:wrap}.notifications-tools nav{display:flex;gap:6px}.notifications-tools nav a{font-size:14px;text-decoration:none;color:#718395;padding:8px 12px;border-radius:8px}.notifications-tools nav a[aria-current]{background:#fcf1dd;color:#937026}.notifications-history .notification-item>button{padding:20px}.notifications-history .notification-copy strong{font-size:17px}.notifications-history .notification-copy>span{font-size:15px}.notification-center[open]{z-index:120}.nav:has(.notification-center[open]){z-index:120}.hero:has(.notification-center[open]){overflow:visible;z-index:120}
@media(min-width:801px){.nav:has(>.notification-center){gap:18px}.nav:has(>.notification-center) .links{gap:18px}.nav:has(>.notification-center)>.btn{padding-inline:16px}}
@media(max-width:1050px) and (min-width:801px){.nav:has(>.notification-center){gap:10px}.nav:has(>.notification-center) .links{gap:10px}.nav:has(>.notification-center) .links a{font-size:14px}.nav:has(>.notification-center) .brand{font-size:15px}.nav:has(>.notification-center)>.btn{font-size:14px;padding-inline:12px}}
@media(max-width:800px){.nav>.notification-center{margin-left:0}.nav:has(>.notification-center)>.menu{margin-left:auto}.nav>.notification-center .notification-popover{position:fixed;top:84px;right:16px;left:auto}.admin-header-actions .notification-popover{position:fixed;top:84px;right:16px}.admin-header-actions{gap:14px}.notification-preview-list{max-height:55dvh}}
@media(max-width:520px){.admin-header-actions{gap:9px}.admin-header-actions .admin-identity>span:not(.admin-avatar){display:none}.admin-header-actions .admin-identity{gap:0}.notification-bell{width:38px;height:38px}.notifications-title{align-items:flex-start;flex-direction:column;gap:14px}.notifications-page .notifications-title h1{font-size:30px}.notification-item>button{padding:14px}.notifications-history .notification-item>button{padding:16px}.notifications-tools{padding:12px}.notifications-page .back{margin-bottom:26px}}