.notification-bell{--notification-bell-surface:#ffffff;--notification-bell-surface-muted:#f6f5ff;--notification-bell-border:rgba(76,42,133,0.15);--notification-bell-overlay:rgba(21,23,34,0.4);font-family:inherit}.notification-bell__trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid transparent;background:var(--naranja-compucad);cursor:pointer;transition:transform .2s ease,border-color .2s ease,background-color .2s ease}.notification-bell__trigger:hover{transform:translateY(-1px);background:rgba(76,42,133,.08)}.notification-bell__trigger--active{border-color:var(--morado-compucad,#4c2a85);background:rgba(76,42,133,.12)}.notification-bell__trigger-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.notification-bell__trigger-img{width:100%;height:100%;object-fit:contain}.notification-bell__trigger>.notification-bell__badge{position:absolute;top:-4px;right:-4px;width:20px;height:20px;border-radius:999px;border:2px solid var(--notification-bell-surface,#ffffff);background:var(--naranja-compucad,#fe9f1b);color:#ffffff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.notification-bell__overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--notification-bell-overlay);backdrop-filter:blur(4px);z-index:1000;animation:notification-bell-fade-in .2s ease}.notification-bell__modal{width:min(620px,calc(100vw - 40px));max-height:min(80vh,640px);background:var(--notification-bell-surface);border-radius:14px;border:1px solid var(--notification-bell-border);box-shadow:0 24px 60px rgba(34,21,54,.25);display:flex;flex-direction:column;overflow:hidden;animation:notification-bell-zoom-in .25s ease}.notification-bell__header{padding:24px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--profundo-compucad,#0c1c33) 0,var(--azul-compucad,#003567) 95%);color:#ffffff}.notification-bell__header-title-group{display:flex;flex-direction:column;gap:4px}.notification-bell__title{margin:0;font-size:20px;font-weight:700;color:var(--blanco-compucad)}.notification-bell__subtitle{font-size:12px;text-transform:uppercase;letter-spacing:.08em;opacity:.85;color:var(--blanco-compucad)}.notification-bell__header-actions{display:flex;gap:10px}.notification-bell__header-btn{width:36px;height:36px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:rgba(23,9,53,.2);color:#ffffff;font-size:16px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,background-color .2s ease,border-color .2s ease}.notification-bell__header-btn:hover{transform:translateY(-1px);background:rgba(23,9,53,.35)}.notification-bell__header-btn:disabled{opacity:.4;cursor:not-allowed}.notification-bell__body{flex:1;display:flex;flex-direction:column;background:var(--notification-bell-surface);min-height:0}.notification-bell__empty{margin:0 auto;padding:60px 24px;text-align:center;color:var(--naranja-compucad);font-weight:500}.notification-bell__empty--big{font-size:16px}.notification-bell__list{list-style:none;margin:0;overflow-y:auto;flex:1;min-height:0;max-height:clamp(220px,calc(80vh - 220px),480px);padding:0 6px 0 0;scrollbar-width:thin;scrollbar-color:rgba(76,42,133,.35) rgba(12,28,51,.08)}.notification-bell__list::-webkit-scrollbar{width:6px}.notification-bell__list::-webkit-scrollbar-track{background:rgba(12,28,51,.08);border-radius:999px}.notification-bell__list::-webkit-scrollbar-thumb{background:rgba(76,42,133,.35);border-radius:999px}.notification-bell__item{--notification-bell-accent:var(--verde-compucad,#4e901f);border-bottom:1px solid rgba(12,28,51,.12);background:var(--notification-bell-surface);transition:background-color .15s ease,transform .15s ease}.notification-bell__item:last-child{border-bottom:none}.notification-bell__item-link{display:flex;align-items:center;gap:16px;padding:18px 24px;text-decoration:none;color:inherit;cursor:pointer;background:#ffffff;border-left:5px solid var(--notification-bell-accent)}.notification-bell__item-link--interactive:hover{transform:translateX(2px);background:rgba(76,42,133,.04)}.notification-bell__item--disabled,.notification-bell__item-link--disabled{cursor:not-allowed;opacity:.65}.notification-bell__icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-bell__icon-img{width:100px;height:100px;object-fit:contain}.notification-bell__icon--important,.notification-bell__icon--info,.notification-bell__icon--urgent{background:none}.notification-bell__content{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.notification-bell__meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-bell__item .notification-bell__badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:rgba(76,42,133,.1);color:var(--morado-compucad,#4c2a85)}.notification-bell__badge--urgent{background:rgba(238,39,55,.15);color:var(--rojo-compucad,#ee2737)}.notification-bell__badge--important{background:rgba(254,159,27,.18);color:var(--naranja-compucad,#fe9f1b)}.notification-bell__badge--info{background:rgba(78,144,31,.16);color:var(--verde-compucad,#4e901f)}.notification-bell__date{font-size:12px;color:rgba(32,25,53,.55)}.notification-bell__message{font-size:14px;line-height:1.45;color:rgba(16,10,30,.9);word-break:break-word}.notification-bell__actions{display:flex;align-items:center;gap:10px}.notification-bell__actions-btn{width:36px;height:36px;border-radius:12px;border:1px solid rgba(76,42,133,.18);background:#ffffff;color:rgba(76,42,133,.78);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.notification-bell__actions-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(53,26,95,.18);border-color:rgba(76,42,133,.35)}.notification-bell__actions-link{font-size:12px;font-weight:700;letter-spacing:.08em;display:inline-flex;align-items:center;justify-content:center;padding:6px 18px;border-radius:999px;background:var(--azul-compucad,#003567);color:#ffffff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.notification-bell__actions-link:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(0,53,103,.25)}.notification-bell__actions-icon{width:18px;height:18px}.notification-bell__footer{padding:18px 24px;background:#ffffff;text-align:right;border-top:1px solid rgba(12,28,51,.12)}.notification-bell__footer a{display:inline-flex;align-items:center;justify-content:center;min-width:150px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#ffffff;background:var(--azul-compucad,#003567);border-radius:999px;padding:10px 20px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.notification-bell__footer a:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,53,103,.25)}@keyframes notification-bell-fade-in{0%{opacity:0}to{opacity:1}}@keyframes notification-bell-zoom-in{0%{transform:translateY(-18px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media (prefers-color-scheme:dark){.notification-bell{--notification-bell-surface:#191c28;--notification-bell-surface-muted:#11141f;--notification-bell-border:rgba(144,121,197,0.25);--notification-bell-overlay:rgba(4,6,12,0.7)}.notification-bell__trigger--active{background:rgba(144,121,197,.2);border-color:rgba(144,121,197,.45)}.notification-bell__item{border-bottom:1px solid rgba(144,121,197,.2)}.notification-bell__item-link{background:linear-gradient(90deg,rgba(42,29,70,.2),rgba(17,20,31,.4))}.notification-bell__item-link--interactive:hover{background:linear-gradient(90deg,rgba(171,133,255,.28),rgba(17,20,31,.6))}.notification-bell__list{scrollbar-color:rgba(171,133,255,.45) rgba(17,20,31,.4)}.notification-bell__list::-webkit-scrollbar-track{background:rgba(17,20,31,.4)}.notification-bell__list::-webkit-scrollbar-thumb{background:rgba(171,133,255,.45)}.notification-bell__date{color:rgba(234,230,252,.7)}.notification-bell__message{color:rgba(250,248,255,.92)}.notification-bell__actions-btn{background:rgba(29,18,60,.7);border-color:rgba(144,121,197,.3);color:rgba(240,236,255,.9)}.notification-bell__actions-btn:hover{box-shadow:0 8px 18px rgba(11,6,22,.45);border-color:rgba(171,133,255,.5)}.notification-bell__actions-link,.notification-bell__footer{background:rgba(0,53,103,.85);box-shadow:none}}@media (prefers-reduced-motion:reduce){.notification-bell__actions-btn,.notification-bell__header-btn,.notification-bell__item,.notification-bell__trigger{transition:none}.notification-bell__modal,.notification-bell__overlay{animation:none}}.approval-notification-modal{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5)}