.notif-page{background:var(--bg-secondary,#f6f7fb);min-height:80vh;padding:24px 0 60px}.notif-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.notif-head h1{color:#1a1d29;margin-bottom:4px;font-size:26px}.notif-head p{color:#6b7180;font-size:13.5px}.notif-head p strong{color:var(--color-primary,#8d6a32)}.notif-layout{grid-template-columns:260px 1fr;align-items:start;gap:22px;display:grid}.notif-filters{background:#fff;border-radius:18px;flex-direction:column;gap:4px;padding:12px;display:flex;position:sticky;top:96px}.notif-filter{color:#4a4f5c;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;justify-content:space-between;align-items:center;padding:11px 14px;font-size:13.5px;font-weight:600;transition:background .15s;display:flex}.notif-filter:hover{background:#f6f7fb}.notif-filter.active{color:var(--color-primary,#8d6a32);background:#f3f5ff}.notif-filter__count{color:#6b7180;background:#f1ead9;border-radius:20px;padding:2px 8px;font-size:11.5px;font-weight:700}.notif-filter.active .notif-filter__count{background:var(--color-primary,#8d6a32);color:#fff}.notif-settings-link{border-top:1px solid #f0f1f5;margin-top:8px;padding:12px 14px 4px}.notif-settings-link a{color:#9aa0ac;font-size:12.5px;text-decoration:none}.notif-settings-link a:hover{color:var(--color-primary,#8d6a32)}.notif-list{flex-direction:column;gap:8px;display:flex}.notif-date-label{color:#9aa0ac;text-transform:uppercase;letter-spacing:.03em;margin:14px 0 4px;font-size:12px;font-weight:700}.notif-date-label:first-child{margin-top:0}.notif-item{background:#fff;border-radius:16px;align-items:flex-start;gap:14px;padding:16px 18px;text-decoration:none;transition:background .15s;display:flex;position:relative}.notif-item:hover{background:#f9fafc}.notif-item.unread{background:#f7f9ff}.notif-item.unread:hover{background:#f0f3ff}.notif-item__icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.notif-item__icon--deal{background:#e6f0ff}.notif-item__icon--chat{background:#e9f9f0}.notif-item__icon--groupbuy{background:#fff3d6}.notif-item__icon--dispute{background:#ffe1e1}.notif-item__icon--system{background:#f0f1f5}.notif-item__body{flex:1;min-width:0}.notif-item__body strong{color:#1a1d29;margin-bottom:3px;font-size:13.5px;display:block}.notif-item__body p{color:#6b7180;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.notif-item__time{color:#b0b5c0;font-size:11.5px}.notif-item__dot{background:var(--color-primary,#8d6a32);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.notif-empty{text-align:center;color:#9aa0ac;padding:60px 20px}.notif-empty span{margin-bottom:10px;font-size:36px;display:block}.notif-empty p{font-size:13.5px}@media (width<=900px){.notif-layout{grid-template-columns:1fr}.notif-filters{flex-direction:row;padding:10px;position:static;overflow-x:auto}.notif-filter{white-space:nowrap;flex-shrink:0}.notif-settings-link{display:none}}@media (width<=560px){.notif-item__body p{-webkit-line-clamp:1}}