.notification-bell{--notification-bell-surface:#fff;--notification-bell-surface-muted:#f6f5ff;--notification-bell-border:#4c2a8526;--notification-bell-overlay:#15172266;font-family:inherit}.notification-bell__trigger{background:var(--naranja-compucad);cursor:pointer;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s,border-color .2s,background-color .2s;display:inline-flex;position:relative}.notification-bell__trigger:hover{background:#4c2a8514;transform:translateY(-1px)}.notification-bell__trigger--active{border-color:var(--morado-compucad,#4c2a85);background:#4c2a851f}.notification-bell__trigger-icon{justify-content:center;align-items:center;width:20px;height:20px;display:flex}.notification-bell__trigger-img{object-fit:contain;width:100%;height:100%}.notification-bell__trigger>.notification-bell__badge{border:2px solid var(--notification-bell-surface,#fff);background:var(--naranja-compucad,#fe9f1b);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:-4px;right:-4px}.notification-bell__overlay{background:var(--notification-bell-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;justify-content:center;align-items:center;animation:.2s notification-bell-fade-in;display:flex;position:fixed;inset:0}.notification-bell__modal{background:var(--notification-bell-surface);border:1px solid var(--notification-bell-border);border-radius:14px;flex-direction:column;width:min(620px,100vw - 40px);max-height:min(80vh,640px);animation:.25s notification-bell-zoom-in;display:flex;overflow:hidden;box-shadow:0 24px 60px #22153640}.notification-bell__header{background:linear-gradient(135deg, var(--profundo-compucad,#0c1c33) 0%, var(--azul-compucad,#003567) 95%);color:#fff;justify-content:space-between;align-items:center;padding:24px;display:flex}.notification-bell__header-title-group{flex-direction:column;gap:4px;display:flex}.notification-bell__title{color:var(--blanco-compucad);margin:0;font-size:20px;font-weight:700}.notification-bell__subtitle{text-transform:uppercase;letter-spacing:.08em;opacity:.85;color:var(--blanco-compucad);font-size:12px}.notification-bell__header-actions{gap:10px;display:flex}.notification-bell__header-btn{color:#fff;cursor:pointer;background:#17093533;border:1px solid #ffffff40;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:transform .2s,background-color .2s,border-color .2s;display:inline-flex}.notification-bell__header-btn:hover{background:#17093559;transform:translateY(-1px)}.notification-bell__header-btn:disabled{opacity:.4;cursor:not-allowed}.notification-bell__body{background:var(--notification-bell-surface);flex-direction:column;flex:1;min-height:0;display:flex}.notification-bell__empty{text-align:center;color:var(--naranja-compucad);margin:0 auto;padding:60px 24px;font-weight:500}.notification-bell__empty--big{font-size:16px}.notification-bell__list{scrollbar-width:thin;scrollbar-color:#4c2a8559 #0c1c3314;flex:1;min-height:0;max-height:clamp(220px,80vh - 220px,480px);margin:0;padding:0 6px 0 0;list-style:none;overflow-y:auto}.notification-bell__list::-webkit-scrollbar{width:6px}.notification-bell__list::-webkit-scrollbar-track{background:#0c1c3314;border-radius:999px}.notification-bell__list::-webkit-scrollbar-thumb{background:#4c2a8559;border-radius:999px}.notification-bell__item{--notification-bell-accent:var(--verde-compucad,#4e901f);background:var(--notification-bell-surface);border-bottom:1px solid #0c1c331f;transition:background-color .15s,transform .15s}.notification-bell__item:last-child{border-bottom:none}.notification-bell__item-link{color:inherit;cursor:pointer;border-left:5px solid var(--notification-bell-accent);background:#fff;align-items:center;gap:16px;padding:18px 24px;text-decoration:none;display:flex}.notification-bell__item-link--interactive:hover{background:#4c2a850a;transform:translate(2px)}.notification-bell__item--disabled,.notification-bell__item-link--disabled{cursor:not-allowed;opacity:.65}.notification-bell__icon{flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.notification-bell__icon-img{object-fit:contain;width:100px;height:100px}.notification-bell__icon--urgent,.notification-bell__icon--important,.notification-bell__icon--info{background:0 0}.notification-bell__content{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.notification-bell__meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.notification-bell__item .notification-bell__badge{text-transform:uppercase;letter-spacing:.08em;color:var(--morado-compucad,#4c2a85);background:#4c2a851a;border-radius:999px;justify-content:center;align-items:center;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.notification-bell__badge--urgent{color:var(--rojo-compucad,#ee2737);background:#ee273726}.notification-bell__badge--important{color:var(--naranja-compucad,#fe9f1b);background:#fe9f1b2e}.notification-bell__badge--info{color:var(--verde-compucad,#4e901f);background:#4e901f29}.notification-bell__date{color:#2019358c;font-size:12px}.notification-bell__message{color:#100a1ee6;word-break:break-word;font-size:14px;line-height:1.45}.notification-bell__actions{align-items:center;gap:10px;display:flex}.notification-bell__actions-btn{color:#4c2a85c7;cursor:pointer;background:#fff;border:1px solid #4c2a852e;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex}.notification-bell__actions-btn:hover{border-color:#4c2a8559;transform:translateY(-1px);box-shadow:0 6px 16px #351a5f2e}.notification-bell__actions-link{letter-spacing:.08em;background:var(--azul-compucad,#003567);color:#fff;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:6px 18px;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex}.notification-bell__actions-link:hover{transform:translateY(-1px);box-shadow:0 6px 14px #00356740}.notification-bell__actions-icon{width:18px;height:18px}.notification-bell__footer{text-align:right;background:#fff;border-top:1px solid #0c1c331f;padding:18px 24px}.notification-bell__footer a{letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--azul-compucad,#003567);border-radius:999px;justify-content:center;align-items:center;min-width:150px;padding:10px 20px;font-size:12px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.notification-bell__footer a:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00356740}@keyframes notification-bell-fade-in{0%{opacity:0}to{opacity:1}}@keyframes notification-bell-zoom-in{0%{opacity:0;transform:translateY(-18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-color-scheme:dark){.notification-bell{--notification-bell-surface:#191c28;--notification-bell-surface-muted:#11141f;--notification-bell-border:#9079c540;--notification-bell-overlay:#04060cb3}.notification-bell__trigger--active{background:#9079c533;border-color:#9079c573}.notification-bell__item{border-bottom:1px solid #9079c533}.notification-bell__item-link{background:linear-gradient(90deg,#2a1d4633 0%,#11141f66 100%)}.notification-bell__item-link--interactive:hover{background:linear-gradient(90deg,#ab85ff47 0%,#11141f99 100%)}.notification-bell__list{scrollbar-color:#ab85ff73 #11141f66}.notification-bell__list::-webkit-scrollbar-track{background:#11141f66}.notification-bell__list::-webkit-scrollbar-thumb{background:#ab85ff73}.notification-bell__date{color:#eae6fcb3}.notification-bell__message{color:#faf8ffeb}.notification-bell__actions-btn{color:#f0ecffe6;background:#1d123cb3;border-color:#9079c54d}.notification-bell__actions-btn:hover{border-color:#ab85ff80;box-shadow:0 8px 18px #0b061673}.notification-bell__actions-link,.notification-bell__footer{box-shadow:none;background:#003567d9}}@media (prefers-reduced-motion:reduce){.notification-bell__trigger,.notification-bell__header-btn,.notification-bell__item,.notification-bell__actions-btn{transition:none}.notification-bell__overlay,.notification-bell__modal{animation:none}}.approval-notification-modal{z-index:1100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}