.notifications-page{max-width:800px;margin:0 auto;overflow-x:hidden}.notifications-actions{display:flex;justify-content:flex-end;margin-bottom:10px}.notification-table{width:100%;border-collapse:collapse;text-wrap:pretty;font-size:15px;margin-top:20px}.notification-table tbody tr{transition:background-color .3s ease-in-out}.notification-table td,.notification-table th{padding:12px 15px;border:1px solid #ddd;text-align:left}.notification-row{transition:background-color .3s,opacity .2s}.notification-row.read{background-color:#ffffff;font-weight:400;opacity:.8}.notification-row.unread{background-color:var(--grey-color2);font-weight:600}.notification-row:hover{background-color:#f6f9fc;cursor:pointer}.notification-table button{padding:6px 10px;cursor:pointer}.mark-all-btn{background-color:#0070f3;color:white;border:none;padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:5px;border-radius:4px;transition:background-color .3s}.mark-all-btn:hover{background-color:#0064d7}.notification-container{position:relative;display:inline-block;cursor:pointer}.notification-dropdown{background-color:#fff;position:absolute;right:0;top:40px;width:min(440px,92vw);box-sizing:border-box;z-index:500;max-height:600px;overflow-y:auto;overflow-x:hidden;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:8px;padding:8px;margin-top:5px}.notification-dropdown--portal{position:fixed;right:12px;top:var(--header-height);width:min(440px,92vw);max-height:calc(100dvh -200px);margin:0;z-index:10000;box-sizing:border-box;animation:dropdownFade .2s ease-out}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notification-dropdown--portal::-webkit-scrollbar,.notification-dropdown::-webkit-scrollbar{width:8px}.notification-dropdown--portal::-webkit-scrollbar-track,.notification-dropdown::-webkit-scrollbar-track{background:transparent;border-radius:8px}.notification-dropdown--portal::-webkit-scrollbar-thumb,.notification-dropdown::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:8px;border:2px solid transparent;background-clip:padding-box}.notification-loading-more,.notification-loading-state{text-align:center;padding:28px 16px;font-size:16px;color:#888}.notification-dropdown-header{display:flex;text-align:center;justify-content:space-between;padding:10px;color:black;font-weight:600;margin:0;border-radius:10px 10px 0 0;background:var(--white-color)}.ellipsis-menu{position:relative;display:inline-block}.notification-mini-menu{position:absolute;top:25px;right:0;background-color:rgb(253,253,253);border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2);z-index:10;width:180px;padding:5px 0;text-align:left}.notification-mini-menu-item{padding:10px 15px;cursor:pointer;font-size:14px;color:black}.notification-mini-menu-item svg{margin-right:8px}.notification-mini-menu-item:hover{background-color:#f6f9fc}.notification-list{list-style:none;margin:0;padding:0}.notification-item,.notification-list li{display:flex;align-items:center;padding:10px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .3s ease}.notification-item:last-child{border-bottom:none}.notification-item:focus,.notification-item:hover,.notification-list li:hover{background-color:#f6f9fc;outline:none}.notification-item.unread,.notification-list li.unread{font-weight:600;background-color:var(--grey-color2);border-radius:8px}.notification-item.read,.notification-list li.read{font-weight:400;opacity:.9}.notification-content{display:flex;align-items:center;gap:12px;text-align:left}.notification-icon{display:flex;align-items:center;justify-content:center;font-size:22px;background-color:var(--teal-color1);border-radius:50%;padding:6px;color:#000}.notification-title{font-size:15px;margin-bottom:0;color:var(--black-color)}.notification-body,.notification-message{margin-top:0;font-size:14px;color:var(--black-color);line-height:1.2rem}.notification-timestamp{margin-top:4px;font-size:12px;color:#888}.view-all-link{display:block;text-align:right;padding:0 10px 4px;font-size:.9rem;font-weight:400;transition:background-color .3s ease}.view-all-link,.view-all-link a{background-color:var(--white-color)}.view-all-link a{color:#007bff;text-decoration:none}.view-all-link a:hover{color:#0063ce}.end-message{text-align:center;margin:15px 0;font-size:14px;color:#999}@media (max-width:600px){.notification-dropdown{position:fixed;margin:0;z-index:9999;overflow-y:auto;overflow-x:hidden;padding:0;box-shadow:0 4px 12px rgba(0,0,0,.25)}.notification-dropdown,.notification-dropdown--portal{left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));top:var(--header-height);width:auto;max-height:calc(100dvh - 150px);border-radius:10px}.notification-dropdown-header{position:-webkit-sticky;position:sticky;top:0;z-index:1;border-bottom:1px solid var(--grey-color2)}.notification-item,.notification-list li{padding:4px}.view-all-link{position:-webkit-sticky;position:sticky;padding-top:6px}#notificationScroll{min-height:200px}.notification-icon{font-size:18px}}