:root{--bs-blue:#0d6efd;--bs-secondary:#6c757d;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-white:#fff;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-400:#ced4da;--bs-gray-600:#6c757d;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif}.modal-overlay-bs{z-index:1055;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-container-bs{font-family:var(--bs-font-sans-serif);background-color:var(--bs-white);border:1px solid #0003;border-radius:.5rem;flex-direction:column;width:95%;max-width:500px;max-height:90vh;display:flex;box-shadow:0 .5rem 1rem #00000080}.modal-header-bs{border-bottom:1px solid var(--bs-gray-200);justify-content:space-between;align-items:center;padding:1rem;display:flex}.modal-title-bs{align-items:center;margin:0;font-size:1.25rem;font-weight:500;display:flex}.btn-close-bs{cursor:pointer;opacity:.5;background:0 0;border:0;margin:-.5rem -.5rem -.5rem auto;padding:.5rem;transition:opacity .2s}.btn-close-bs:hover{opacity:1}.modal-body-container-bs{flex-shrink:1;height:400px;position:relative;overflow:hidden}.notification-list-panel-bs,.notification-detail-panel-bs{background-color:var(--bs-white);width:100%;height:100%;transition:transform .3s ease-in-out;position:absolute;top:0;left:0;overflow-y:auto}.notification-list-panel-bs.hidden{transform:translate(-100%)}.notification-detail-panel-bs{padding:1rem 1.5rem;transform:translate(100%)}.notification-detail-panel-bs.active{transform:translate(0)}.notification-card-bs{border-bottom:1px solid var(--bs-gray-200);cursor:pointer;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.notification-card-bs:hover{background-color:var(--bs-gray-100)}.card-title-bs{color:var(--bs-dark);margin-bottom:.25rem;font-weight:500}.notification-card-bs.unread .card-title-bs{font-weight:700}.card-time-bs{color:var(--bs-gray-600);font-size:.8rem}.unread-dot-bs{background-color:var(--bs-blue);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-left:1rem}.empty-state-bs{height:100%;color:var(--bs-gray-600);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-bs p{margin-top:1rem}.detail-back-button-bs{cursor:pointer;color:var(--bs-blue);background:0 0;border:none;align-items:center;gap:.5rem;margin-bottom:1rem;padding:0;font-weight:500;display:flex}.detail-title-bs{margin-bottom:.25rem;font-size:1.1rem;font-weight:700}.detail-timestamp-bs{color:var(--bs-gray-600);margin-bottom:1rem;font-size:.85rem}.detail-message-bs{line-height:1.5}.modal-footer-bs{border-top:1px solid var(--bs-gray-200);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;padding:.75rem;display:flex}.btn-secondary-bs,.btn-mark-all-bs{text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:.25rem;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:inline-block}.btn-secondary-bs{color:var(--bs-white);background-color:var(--bs-secondary);border-color:var(--bs-secondary)}.btn-secondary-bs:hover{background-color:#5c636a;border-color:#565e64}.btn-mark-all-bs{color:var(--bs-blue);background-color:#0000;margin-right:auto}.btn-mark-all-bs:hover{text-decoration:underline}