.notices-page{min-height:calc(100vh - 80px);overflow:auto}.notices-header{color:#fff;border-bottom:none}.notices-stats{font-size:14px}@media (min-width:768px){.notices-stats{font-size:16px}.notices-header{border-bottom:1px solid rgba(255,255,255,.2)}}.notices-filter{position:relative}.filter-btn{display:inline-flex;align-items:center;padding:5px 16px;border:1px solid var(--dx-primary-color);border-radius:20px;color:var(--dx-primary-color);font-size:14px;cursor:pointer;transition:all .3s}.filter-btn:hover{background:var(--dx-base6-color)}@media (min-width:768px){.filter-btn{padding:5px 20px;background:var(--dx-base2-color);border:0}}.filter-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:200px;background:var(--dx-base2-color);border:1px solid var(--dx-border-color);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:10;overflow:hidden}.filter-dropdown.show{display:block}.filter-option{display:flex;align-items:center;width:100%;padding:12px 16px;background:0 0;border:0;color:var(--dx-font1-color);font-size:14px;text-align:left;cursor:pointer;transition:all .2s}.filter-option svg{margin-right:8px}.filter-option:hover{background:var(--dx-base6-color);color:#fff}.filter-option.active{color:var(--dx-primary-color);background:var(--dx-base6-color)}.notices-list{display:flex;flex-direction:column;gap:12px}.notices-item{background:var(--dx-base2-color);border-radius:8px;padding:14px 12px;transition:all .3s;position:relative;cursor:pointer}.notices-item[data-read=false]::before{content:'';position:absolute;top:6px;right:12px;width:8px;height:8px;background:var(--dx-primary-color);border-radius:50%}.notices-item-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.notices-type{display:inline-flex;align-items:center;padding:4px 12px;border-radius:12px;font-weight:500;gap:4px;color:var(--dx-primary-color)}.notices-time,.notices-type{font-size:12px}.notices-content{padding-left:0}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;-o-object-fit:cover;object-fit:cover}.user-details{flex:1}.user-name{color:#fff;font-size:14px;font-weight:500}.notices-text{font-size:13px;line-height:1.5}.system-notices .notices-text{color:var(--dx-font1-color)}.notices-page .notices-empty{display:flex}.notices-page .notices-empty.hide{display:none}.flex-col-center{display:flex;flex-direction:column;align-items:center;justify-content:center}@media (max-width:767px){.notices-page{padding-left:12px;padding-right:12px}.notices-item-header{font-size:12px;padding-bottom:8px;margin-bottom:10px;border-bottom:1px solid var(--dx-border-color)}.notices-type{padding-left:0}.user-name{margin-bottom:5px}}