:root{--color-black: #1D1D1B;--color-primary: #3D5BF3;--color-primary-light: #5773FF;--header-height: 77px;--horizontal-padding: 10px;--body-max-width: 1240px;--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--text-primary: #1D1D1B;--text-secondary: #4a4a4a;--text-muted: #808080;--border-color: #EEEEEE;--card-border: #e8e8e8;--card-bg: #ffffff;--header-bg: #ffffff;--shadow-color: rgba(0, 0, 0, .25);--input-bg: #ffffff;--avatar-bg: #D9D9D9;--friend-shadow: rgba(146, 39, 143, .12);--article-shadow: rgba(0, 0, 0, .08)}[data-theme=dark]{--bg-primary: #13151a;--bg-secondary: #1c1f26;--text-primary: #e8e8e8;--text-secondary: #ffffff;--text-muted: #aaaaaa;--border-color: #2a2a2a;--card-border: #2a2a2a;--card-bg: #1c1f26;--header-bg: #111111;--shadow-color: rgba(0, 0, 0, .6);--input-bg: #1e1e1e;--avatar-bg: #2a2a2a;--friend-shadow: rgba(146, 39, 143, .25);--article-shadow: rgba(0, 0, 0, .4)}.friends-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 16px;margin-top:20px}.friends-requests{display:flex;flex-direction:column;gap:16px;margin-top:20px}.friend-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 16px;border:1px solid #D8D8D8;border-radius:16px;gap:12px;transition:box-shadow .2s}.friend-card:hover{box-shadow:0 4px 20px #5773ff1a}.friend-card__avatar-wrap{width:72px;height:72px;flex-shrink:0}.friend-card__avatar{width:72px;height:72px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.friend-card__avatar-placeholder{width:72px;height:72px;border-radius:50%;background-color:#5773ff;color:#fff;font-size:28px;font-weight:600;display:flex;align-items:center;justify-content:center}.friend-card__info{display:flex;flex-direction:column;gap:4px;width:100%}.friend-card__name{font-size:16px;font-weight:600;color:var(--text-primary)}.friend-card__meta{font-size:13px;color:gray}.friend-card__status{font-size:13px;color:gray;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.friend-card__actions{width:100%;display:flex;justify-content:center}.friend-request-card{display:flex;align-items:center;gap:16px;padding:16px 20px;border:1px solid #D8D8D8;border-radius:16px;transition:box-shadow .2s}.friend-request-card:hover{box-shadow:0 4px 20px #5773ff1a}.friend-request-card__actions{margin-left:auto;display:flex;gap:10px;flex-shrink:0}.friend-request-card__date{font-size:12px;color:gray;margin-top:2px}.friends-filters{margin-top:24px;padding:20px;border:1px solid #D8D8D8;border-radius:16px;display:flex;flex-direction:column;gap:16px}.friends-filters__row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.friends-filters__field{display:flex;flex-direction:column;gap:6px}.friends-filters__label{font-size:14px;font-weight:600;color:#1d1d1b}.friends-filters__age{display:flex;gap:8px}.friends-filters__age .search-form__input{width:100%}.friends-filters__buttons{display:flex;gap:10px}.friends-empty{margin-top:60px;display:flex;flex-direction:column;align-items:center;gap:16px;color:gray}.friends-empty__text{font-size:18px;font-weight:500}.friend-alert{margin-top:16px;padding:12px 16px;background-color:#eef1ff;border:1px solid #5773FF;border-radius:10px;color:#5773ff;font-size:15px;font-weight:500}.button--outline{background:transparent;border:2px solid #5773FF;color:#5773ff}.button--outline:hover{background:#eef1ff}.button--sm{padding:6px 14px;font-size:14px}.button--outline[disabled]{border-color:#d8d8d8;color:gray;cursor:default}@media screen and (max-width: 1100px){.friends-grid{grid-template-columns:repeat(3,1fr)}.friends-filters__row{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 700px){.friends-grid{grid-template-columns:repeat(2,1fr)}.friend-request-card{flex-wrap:wrap}.friend-request-card__actions{margin-left:0;width:100%}}@media screen and (max-width: 500px){.friends-filters__row,.friends-grid{grid-template-columns:1fr}.friend-card{flex-direction:row;text-align:left}.friend-card__actions{justify-content:flex-start}}.filters-block__text-button{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #D8D8D8;border-radius:12px;color:#1d1d1b;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease}.filters-block__text-button:hover{border-color:#5773ff;background:#eef1ff;color:#5773ff}.filters-block__text-button:hover svg path{stroke:#5773ff}.filters-block__text-button:active{transform:translateY(1px)}.filters-block__text-button svg{flex-shrink:0}.filters-block__text-button{position:relative}.pagination{margin-top:40px;display:flex;justify-content:center;gap:5px;list-style-type:none}.page-item{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid #D8D8D8;font-weight:600;font-size:18px;transition:all .3s}.page-item:hover{background-color:#d8d8d8}.page-item.active{color:#fff;background-color:#3d5bf3;border-color:#5773ff}.page-link__icon{width:16px;height:16px}.page-link__icon--prev{transform:rotate(180deg)}.vacancy-filters__container{max-height:60dvh;overflow-y:auto;padding-right:16px;display:flex;flex-direction:column;gap:16px}.vacancy-filters__title{margin-bottom:8px;font-size:16px;font-weight:600}.vacancy-filters__label{display:flex;gap:13px}.vacancy-filters__label>input[type=checkbox]{width:18px;height:18px}.vacancy-filters__select{width:100%;border:2px solid #D8D8D8;padding:12px 13px;font-size:16px;border-radius:10px}.vacancy-filters__button{width:100%;margin-top:8px}.vacancy_filters__radio_container{display:flex;gap:13px;align-items:center}.vacancy_filters__label{font-weight:600}.friend-requests-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background-color:#5773ff;color:#fff;font-size:12px;font-weight:700;border-radius:10px;line-height:1}.filters-block__text-button:hover .friend-requests-badge{background-color:#3d5bf3}.status-dot{position:absolute;bottom:5px;right:5px;width:14px;height:14px;border-radius:50%;border:2px solid #ffffff;z-index:2;box-shadow:0 1px 3px #0000001a}.status-dot--online{background-color:#4caf50}.status-dot--offline{background-color:#9e9e9e}.user-section__profile-image,.friend-card__avatar-wrap{position:relative;display:inline-block}.last-seen-text{font-size:13px;color:#888;margin-top:4px}