.notification-toggle{display:flex;align-items:center;gap:6px;border:1px solid #bedad5;background:#f1faf7;color:#123f43;border-radius:12px;padding:10px;font:inherit;font-size:12px;cursor:pointer}.notification-toggle[hidden],.notification-center[hidden]{display:none}.notification-toggle b{background:#ac2546;color:white;border-radius:20px;padding:2px 7px}.notification-center{margin:24px auto;padding:24px;border:1px solid #bedad5;background:#f4fbf9;border-radius:20px}.notification-heading{display:flex;justify-content:space-between;gap:16px}.notification-heading h2{margin:0;font-size:24px}.notification-heading button{border:0;background:transparent;font-size:28px;cursor:pointer;color:#123f43}.notification-item{background:white;border:1px solid #dbe7e5;border-left:5px solid #008780;border-radius:12px;margin:12px 0;padding:18px}.notification-item.rejected{border-left-color:#ac2546}.notification-item.unread{box-shadow:0 0 0 1px #8fbcb5}.notification-item h3{font-size:17px;margin:0 0 8px}.notification-item p{margin:7px 0;white-space:pre-wrap;overflow-wrap:anywhere}.notification-item button{padding:8px 12px;border-radius:8px;border:1px solid #bdd9d4;background:#f1faf7;color:#123f43;font:inherit;cursor:pointer}.notification-item button:disabled{opacity:.6}#notificationList{max-height:55vh;overflow:auto}#notificationSummary{margin:8px 0}#notificationError{color:#ac2546}@media(max-width:760px){.notification-toggle>span{display:none}.notification-center{width:calc(100% - 24px);padding:16px}.notification-heading h2{font-size:20px}}
.notification-toggle>.notification-icon{display:inline}
#rememberMeField[hidden]{display:none}
.notification-clear{margin:12px 0;padding:10px 16px;border:1px solid #bdd9d4;border-radius:9px;background:white;color:#123f43;font:inherit;cursor:pointer}.notification-clear[hidden]{display:none}.notification-clear:disabled{opacity:.6;cursor:wait}
@media(max-width:680px){.site-header .brand-name{font-size:16px}.site-header .brand-name small{max-width:130px;white-space:normal;font-size:7px;letter-spacing:0}}
@media(max-width:1100px){.notification-toggle>span:not(.notification-icon){display:none}}
@media(max-width:680px){.site-header .language-switcher,.site-header .search-open{display:none}.site-header .header-actions{gap:6px}.site-header .brand{font-size:17px;gap:6px}.site-header .family-logo{width:44px}.site-header .account{padding:0 10px}.site-header .notification-toggle{padding:9px}}