.notification-toggle{background:#eef7fa;color:#0b326c;border:1px solid #cee2eb;border-radius:12px;padding:10px 14px;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}
.notification-panel{max-width:1100px;margin:24px auto;padding:24px;background:#fff;border:1px solid #d4e5ef;border-radius:16px;scroll-margin-top:110px;color:#173354}
.notification-panel[hidden]{display:none}.notification-panel h2{font-size:26px;margin:0 0 10px}.notification-panel>button,.notification-item button{padding:8px 12px;background:#edf6fa;color:#0b326c;border:1px solid #cde1eb;border-radius:8px;cursor:pointer;font:inherit}.notification-list{margin-top:16px;max-height:480px;overflow:auto}.notification-item{padding:16px;border-top:1px solid #e4edf3;display:flex;gap:16px;align-items:center;justify-content:space-between}.notification-item.unread{background:#eef9fb;border-left:4px solid #0095a8}.notification-item a{display:grid;gap:6px;color:#0b326c;text-decoration:none;min-width:0;overflow-wrap:anywhere}.notification-item small{color:#5c7189}.notification-item button{flex-shrink:0}@media(max-width:600px){.notification-panel{margin:16px 12px;padding:16px}.notification-item{align-items:flex-start;flex-direction:column}.notification-toggle{font-size:13px;padding:8px}}