.top #notificationBell{margin-inline-start:auto;position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex:none;border:1px solid #ffffff66;border-radius:12px;padding:9px;background:#ffffff15;color:white}.notification-bell svg{width:26px;height:26px}.notification-bell span{position:absolute;top:-5px;inset-inline-end:-6px;border-radius:14px;background:#b83232;color:white;font-size:12px;font-weight:bold;min-width:22px;padding:3px;border:2px solid #fff}.notification-bell span[hidden]{display:none}.notification-dialog{width:min(620px,calc(100vw - 24px));max-height:88vh;overflow:auto;border:1px solid #cbdde3;border-radius:16px;padding:22px;color:#173c49}.notification-dialog::backdrop{background:#102c42aa}.notification-dialog header{display:flex;justify-content:space-between;align-items:center;gap:15px}.notification-dialog h2{font-size:22px;margin:0}.notification-controls{display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin:18px 0}.notification-controls .field{flex:1;min-width:150px}.notification-dialog button,.notification-dialog summary{min-height:44px}.notification-dialog summary{display:flex;align-items:center;cursor:pointer;font-weight:bold}#notificationSettings{display:grid;gap:8px;margin:10px 0}#notificationSettings label{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px}#notificationSettings input{width:18px;height:18px}.notification-item{border:1px solid #d4e1e5;border-inline-start:4px solid #007d86;border-radius:10px;padding:15px;margin:12px 0;background:#f4faf9}.notification-item[data-kind=system]{border-inline-start-color:#b83232}.notification-item.is-read{background:white;border-inline-start-color:#abbcc2}.notification-item small{display:block;font-size:12px;color:#55717a;margin-bottom:8px}.notification-item strong{display:block;font-size:16px;overflow-wrap:anywhere}.notification-item p{font-size:14px;line-height:1.8;overflow-wrap:anywhere}.notification-actions{display:flex;flex-wrap:wrap;gap:8px}.notification-actions .primary{font-size:14px;padding:10px 13px}.notification-empty{padding:30px 12px;text-align:center;color:#55717a}#notificationStatus{font-size:14px;color:#a53131}#notificationSummary{font-size:14px;line-height:1.8}@media(max-width:650px){.notification-dialog{padding:16px}.notification-controls button{flex:1}.notification-actions button{flex:1;min-width:130px}}@media print{#notificationBell,.notification-dialog{display:none!important}}