.notifications-page{padding:20px;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-bell-btn{position:relative;cursor:pointer;background-color:#20242a;padding:2px 10px;border-radius:20px;height:30px;justify-content:center}.notification-bell-btn svg{font-size:20px;position:relative;bottom:0}.notification-badge{position:absolute;top:-6px;right:-8px;background-color:red;color:white;border-radius:50%;padding:4px 6px;font-size:12px;cursor:pointer;line-height:1}.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:64px;width:min(440px,92vw);max-height:calc(100dvh -200px);margin:0;z-index:10000;box-sizing:border-box}.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-dropdown-header{display:flex;text-align:center;justify-content:space-between;padding:10px;color:black;font-weight:600;margin:0;border-radius:8px}.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 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;top:calc(56px + env(safe-area-inset-top));margin:0;z-index:9999;overflow-y:auto;overflow-x:hidden}.notification-dropdown,.notification-dropdown--portal{left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));width:auto;max-height:calc(100dvh - 100px);border-radius:12px}.notification-dropdown--portal{top:calc(65px + env(safe-area-inset-top))}.notification-dropdown-header{top:0;z-index:1}.notification-dropdown-header,.view-all-link{position:-webkit-sticky;position:sticky;background:#fff}.view-all-link{top:44px;padding-top:6px}#notificationScroll{min-height:200px}.notification-icon{font-size:18px}}