.notifs-page-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}.notifs-tabs{display:flex;gap:4px;flex-wrap:wrap;padding:5px;border-radius:12px;background:var(--pset-surface,#141421);box-shadow:0 1px 3px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.05),inset 0 1px 0 rgba(255,255,255,0.045)}.notifs-tab{padding:9px 16px;border-radius:8px;background:transparent;border:none;color:rgba(255,255,255,0.68);font-size:0.88rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;gap:0.5rem;white-space:nowrap;text-decoration:none}.notifs-tabs .notifs-tab:hover,.notifs-tabs .notifs-tab:focus{background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.9);text-decoration:none}.notifs-tabs .notifs-tab.is-active{background:rgba(78,151,245,0.16);color:#8fbcfa;text-decoration:none}.notifs-tab-count{padding:1px 7px;border-radius:999px;background:var(--pset-accent,#4e97f5);color:#fff;font-family:var(--pset-mono);font-size:0.71rem;font-weight:600;line-height:1.5}.notifs-page-bar .notifs-markall--page{height:44px;padding:0 18px;margin-left:auto;border-radius:10px;background:rgba(255,255,255,0.07);box-shadow:inset 0 1px 0 rgba(255,255,255,0.045);color:rgba(255,255,255,0.88);font-size:0.83rem;font-weight:600;gap:8px}.notifs-page-bar .notifs-markall--page:hover{background:rgba(78,151,245,0.18);color:#fff}.notifs-page-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.notifs-page-list .notifs-row--page{position:relative;background:var(--pset-surface,#141421);border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.05),inset 0 1px 0 rgba(255,255,255,0.045);padding:18px 20px;margin:0;gap:14px;overflow:hidden;transition:background 0.22s ease,box-shadow 0.22s ease,color 0.22s ease}.notifs-page-list .notifs-row--page:hover{background:#181826}.notifs-page-list .notifs-row--page.is-unread{box-shadow:0 1px 3px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.05),inset 3px 0 0 var(--pset-accent,#4e97f5),inset 0 1px 0 rgba(255,255,255,0.045)}.notifs-page-list .notifs-row--page.is-unread:hover{background:#181826}.notifs-page-list .notifs-row--page:not(.is-unread) .notifs-row-title{color:rgba(255,255,255,0.72)}.notifs-page-list .notifs-row--page:not(.is-unread) .notifs-row-body{color:rgba(255,255,255,0.5)}.notifs-page-list .notifs-row--page:not(.is-unread) .notifs-row-time{color:rgba(255,255,255,0.45)}.notifs-page-list .notifs-row--page:not(.is-unread) .notifs-row-tile{opacity:0.75}.notifs-page-list .notifs-row--page .notifs-row-tile{flex-basis:40px;width:40px;height:40px;border-radius:12px}.notifs-page-list .notifs-row--page .notifs-row-tile svg{width:16px;height:16px}.notifs-page-list .notifs-row--page .notifs-row-title{font-size:0.95rem;font-weight:600;color:rgba(255,255,255,0.95);line-height:1.3;white-space:normal}.notifs-page-list .notifs-row--page .notifs-row-body{display:block;font-size:0.87rem;line-height:1.55;color:rgba(255,255,255,0.68)}.notifs-page-list .notifs-row--page .notifs-row-time{display:block;margin-top:6px;font-family:var(--pset-mono);font-size:0.75rem;letter-spacing:0.01em;font-variant-numeric:tabular-nums;color:rgba(255,255,255,0.45)}.notifs-page-list .notifs-empty--page{border-radius:14px;background:var(--pset-surface,#141421);box-shadow:0 1px 3px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.05),inset 0 1px 0 rgba(255,255,255,0.045);padding:56px 24px 60px;color:rgba(255,255,255,0.55)}.notifs-page-list .notifs-empty--page svg{width:40px;height:40px}.notifs-pagination{display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:32px}.notifs-pagination .notifs-page-btn{min-width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.07);box-shadow:inset 0 1px 0 rgba(255,255,255,0.045);border:none;color:rgba(255,255,255,0.86);border-radius:10px;transition:background 0.15s ease,color 0.15s ease;cursor:pointer;text-decoration:none;padding:0 0.6rem;font-size:0.85rem}.notifs-pagination .notifs-page-btn:hover{background:rgba(255,255,255,0.12);color:#fff;text-decoration:none}.notifs-pagination .notifs-page-btn svg{width:12px;height:12px}.notifs-page-status{min-width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;padding:0 0.6rem;font-family:var(--pset-mono);font-size:0.8rem;color:rgba(255,255,255,0.6);font-variant-numeric:tabular-nums}@media (max-width:767.98px){.notifs-page-bar{gap:8px}.notifs-tabs{width:100%;gap:8px}.notifs-tab{flex:1 1 0;justify-content:center}.notifs-page-bar .notifs-markall--page{margin-left:0;width:100%;justify-content:center}.notifs-page-list .notifs-row--page{padding:16px}}