.friends-page{min-height:100vh;background-color:#f8fafa;padding:0 24px 40px;max-width:1200px;margin:0 auto}@media (max-width:768px){.friends-page{padding:0 16px 32px}}.friends-page__header{padding:32px 0 24px}@media (max-width:768px){.friends-page__header{padding:24px 0 20px}}.friends-page__header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}@media (max-width:576px){.friends-page__header-content{flex-direction:column;align-items:stretch}}.friends-page__header-text{flex:1}.friends-page__title{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 8px}@media (max-width:576px){.friends-page__title{font-size:24px}}.friends-page__subtitle{font-size:15px;color:#666;margin:0}.friends-page__invite-btn{display:flex;align-items:center;gap:10px;padding:12px 24px;background-color:#0d7377;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.friends-page__invite-btn:hover{background-color:#0a5e61;transform:translateY(-1px)}@media (max-width:576px){.friends-page__invite-btn{justify-content:center;padding:14px 20px}}.friends-page__search{display:flex;align-items:center;gap:14px;background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:14px 20px;margin-bottom:32px;transition:border-color .2s,box-shadow .2s}.friends-page__search:focus-within{border-color:#0d7377;box-shadow:0 0 0 3px rgba(13,115,119,.1)}.friends-page__search-icon{color:#999;font-size:16px}.friends-page__search-input{flex:1;border:none;background:transparent;font-size:15px;color:#333;outline:none}.friends-page__search-input::-moz-placeholder{color:#999}.friends-page__search-input::placeholder{color:#999}.friend-card__avatar-link,.friend-request-card__avatar-link{display:inline-flex;border-radius:50%;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.friend-card__avatar-link:hover,.friend-request-card__avatar-link:hover{transform:scale(1.04);box-shadow:0 4px 14px rgba(0,0,0,.12)}.friend-card__avatar-link:focus-visible,.friend-request-card__avatar-link:focus-visible{outline:2px solid #0d7377;outline-offset:2px}.friends-page__search-clear{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:50%;background:#f0f0f0;color:#666;cursor:pointer;flex-shrink:0;transition:background .15s ease,color .15s ease}.friends-page__search-clear:hover{background:#e0e0e0;color:#111}@keyframes friendsShimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.friend-card-skeleton{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;background:#fff;border-radius:14px;box-shadow:0 1px 4px rgba(0,0,0,.04);border:1px solid #f0f0f0}.friend-card-skeleton__shape{background:linear-gradient(90deg,#f3f4f6,#e9ebee 50%,#f3f4f6);background-size:800px 100%;animation:friendsShimmer 1.4s linear infinite;border-radius:8px}.friend-card-skeleton__avatar{width:72px;height:72px;border-radius:50%}.friend-card-skeleton__line{height:12px;width:70%}.friend-card-skeleton__line--short{height:10px;width:50%}.friend-card-skeleton__btn{height:34px;width:100%;margin-top:6px;border-radius:20px}.friends-page__section{margin-bottom:32px}.friends-page__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.friends-page__section-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.friends-page__badge{display:inline-flex;align-items:center;padding:4px 12px;background-color:#e8f5f5;color:#0d7377;border-radius:20px;font-size:13px;font-weight:500}.friends-page__filter{font-size:14px;color:#0d7377;cursor:pointer}.friends-page__filter:hover{text-decoration:underline}.friends-page__requests{display:flex;gap:16px;flex-wrap:wrap}.friends-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}@media (max-width:576px){.friends-page__grid{grid-template-columns:repeat(2,1fr);gap:12px}}.friends-page__empty{text-align:center;padding:60px 20px;color:#888;font-size:15px}.friends-page__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.friends-page__empty-state p{margin-top:16px;color:#888;font-size:15px}.friends-page__empty-image{opacity:.8}.friends-page__loading{text-align:center;padding:60px 20px;color:#0d7377;font-size:15px;font-weight:500}.friend-request-card{display:flex;align-items:center;justify-content:space-between;background-color:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.04);min-width:280px;flex:1;max-width:400px}@media (max-width:576px){.friend-request-card{min-width:100%;max-width:100%}}.friend-request-card__info{display:flex;align-items:center;gap:12px}.friend-request-card__avatar{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.friend-request-card__details{display:flex;flex-direction:column}.friend-request-card__name{font-size:15px;font-weight:600;color:#1a1a1a}.friend-request-card__mutual{font-size:13px;color:#888}.friend-request-card__actions{display:flex;gap:8px}.friend-request-card__btn{width:36px;height:36px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:14px}.friend-request-card__btn--decline{background-color:#f5f5f5;color:#666}.friend-request-card__btn--decline:hover{background-color:#ffebee;color:#d32f2f}.friend-request-card__btn--accept{background-color:#0d7377;color:#fff}.friend-request-card__btn--accept:hover{background-color:#0a5e61}.friend-request-card__btn--cancel{width:auto;padding:8px 12px;background-color:#fff3e0;color:#e65100;font-size:13px;font-weight:500}.friend-request-card__btn--cancel:hover{background-color:#ffe0b2;color:#bf360c}.friend-request-card__btn--cancel:disabled{opacity:.6;cursor:not-allowed}.friend-card{background-color:#fff;border-radius:16px;padding:24px 20px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:all .2s;position:relative}.friend-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08);transform:translateY(-2px)}@media (max-width:576px){.friend-card{padding:16px 12px}}.friend-card__header{display:flex;justify-content:center;position:relative}.friend-card__dropdown{position:absolute;top:0;right:0}.friend-card__dropdown-trigger{background:none;border:none;padding:8px;cursor:pointer;color:#999;border-radius:50%;transition:all .2s}.friend-card__dropdown-trigger:hover{background-color:#f5f5f5;color:#333}.friend-card__dropdown-menu{position:absolute;top:100%;right:0;background-color:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.12);min-width:180px;z-index:100;overflow:hidden}.friend-card__dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;border:none;background:none;font-size:14px;color:#333;cursor:pointer;transition:background-color .2s;text-align:left}.friend-card__dropdown-item:hover{background-color:#f5f5f5}.friend-card__dropdown-item--danger{color:#d32f2f}.friend-card__dropdown-item--danger:hover{background-color:#ffebee}.friend-card__avatar-container{position:relative;display:inline-block;margin-bottom:16px}.friend-card__avatar{width:80px;height:80px;border-radius:50%;-o-object-fit:cover;object-fit:cover}@media (max-width:576px){.friend-card__avatar{width:64px;height:64px}}.friend-card__status-dot{position:absolute;bottom:4px;right:4px;width:16px;height:16px;border-radius:50%;border:3px solid #fff}.friend-card__status-dot--online{background-color:#4caf50}.friend-card__status-dot--away{background-color:#ff9800}.friend-card__status-dot--offline{background-color:#9e9e9e}.friend-card__name{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 8px}@media (max-width:576px){.friend-card__name{font-size:14px}}.friend-card__handle{font-size:13px;color:#0d7377;margin:0 0 8px;font-weight:500}@media (max-width:576px){.friend-card__handle{font-size:12px}}.friend-card__status{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:16px}.friend-card__status-icon{font-size:12px}.friend-card__status-icon--calendar,.friend-card__status-icon--location{color:#0d7377}.friend-card__status-icon--available{color:#4caf50}.friend-card__status-icon--clock{color:#ff9800}.friend-card__status-text{font-size:13px;color:#666}@media (max-width:576px){.friend-card__status-text{font-size:11px}}.friend-card__actions{display:flex;gap:8px;justify-content:center}@media (max-width:576px){.friend-card__actions{flex-direction:column}}.friend-card__btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;flex:1}@media (max-width:576px){.friend-card__btn{padding:8px 12px;font-size:12px}}.friend-card__btn--message{background-color:#f5f5f5;color:#333;border:1px solid #e0e0e0}.friend-card__btn--message:hover{background-color:#eee;border-color:#ccc}.friend-card__btn--invite{background-color:#0d7377;color:#fff;border:none}.friend-card__btn--invite:hover{background-color:#0a5e61}.friend-card__btn--nudge{background-color:#fff;color:#0f766e;border:1px solid #99f6e4}.friend-card__btn--nudge:hover{background-color:#f0fdfa;border-color:#2dd4bf}.friend-card__btn--nudge:disabled{opacity:.6;cursor:default}.friend-card__actions--stacked{flex-direction:column;gap:8px}.friend-card__actions--stacked .friend-card__btn{width:100%;flex:unset;padding:10px 14px;border:1px solid transparent}.friend-card__btn--add{background-color:#0d7377;color:#fff;border-color:#0d7377;box-shadow:0 2px 6px rgba(13,115,119,.18)}.friend-card__btn--add:hover:not(:disabled){background-color:#0a5e61;border-color:#0a5e61;transform:translateY(-1px);box-shadow:0 4px 10px rgba(13,115,119,.25)}.friend-card__btn--add:disabled{opacity:.7;cursor:progress;box-shadow:none}.friend-card__btn--accept{background-color:#16a34a;color:#fff;border-color:#16a34a;box-shadow:0 2px 6px rgba(22,163,74,.18)}.friend-card__btn--accept:hover:not(:disabled){background-color:#15803d;border-color:#15803d;transform:translateY(-1px);box-shadow:0 4px 10px rgba(22,163,74,.25)}.friend-card__btn--friends{background-color:#ecfdf5;color:#047857;border-color:#a7f3d0;cursor:default}.friend-card__btn--pending{background-color:#fffbeb;color:#b45309;border-color:#fde68a;cursor:default}.friend-card__btn--blocked-state{background-color:#fef2f2;color:#b91c1c;border-color:#fecaca;cursor:default}.friend-card__btn--blocked-state:disabled,.friend-card__btn--friends:disabled,.friend-card__btn--pending:disabled{opacity:1}.friend-card__btn--profile{background-color:#fff;color:#1a1a1a;border-color:#e5e7eb}.friend-card__btn--profile:hover{background-color:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.invite-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:4100;padding:20px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.invite-modal{background-color:#fff;border-radius:20px;width:100%;max-width:440px;overflow:hidden;box-shadow:0 24px 70px rgba(15,23,42,.28);animation:slideUp .3s ease-out}.invite-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:22px 22px 4px}.invite-modal__header-main{display:flex;align-items:center;gap:14px;min-width:0}.invite-modal__header-icon{flex-shrink:0;width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;background:linear-gradient(135deg,#0f766e,#0d9488 45%,#2dd4bf);box-shadow:0 6px 16px rgba(13,148,136,.32)}.invite-modal__header-text{min-width:0}.invite-modal__title{font-size:19px;font-weight:700;color:#0f172a;margin:0;line-height:1.2}.invite-modal__subtitle{font-size:13px;color:#64748b;margin:3px 0 0;line-height:1.35}.invite-modal__close{flex-shrink:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;border-radius:50%;cursor:pointer;color:#94a3b8;font-size:15px;transition:all .2s}.invite-modal__close:hover{background-color:#f1f5f9;color:#334155}.invite-modal__tabs{display:flex;padding:0 24px;border-bottom:1px solid #f0f0f0}.invite-modal__tab{padding:12px 0;margin-right:24px;border:none;background:transparent;font-size:15px;font-weight:500;color:#888;cursor:pointer;position:relative;transition:color .2s}.invite-modal__tab:hover{color:#333}.invite-modal__tab--active{color:#0d7377}.invite-modal__tab--active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:#0d7377;border-radius:2px 2px 0 0}.invite-modal__content{padding:20px 22px 22px}.invite-modal__email-form,.invite-modal__phone-form{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.invite-modal__field-group{display:flex;gap:12px;align-items:flex-end}.invite-modal__field{display:flex;flex-direction:column;gap:7px}.invite-modal__field--grow{flex:1}.invite-modal__label{font-size:12.5px;font-weight:600;color:#475569;letter-spacing:.2px}.invite-modal__country-select{position:relative}.invite-modal__country-btn{display:flex;align-items:center;gap:8px;height:52px;padding:0 14px;background-color:#f1f5f9;border:none;border-radius:12px;cursor:pointer;font-size:15px;transition:background-color .2s}.invite-modal__country-btn:hover{background-color:#e7edf3}.invite-modal__flag{font-size:18px;display:inline-flex}.invite-modal__code{font-weight:600;color:#1e293b}.invite-modal__arrow{font-size:11px;color:#94a3b8;margin-left:2px}.invite-modal__country-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:240px;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 12px 32px rgba(15,23,42,.16);z-index:10;max-height:280px;overflow-y:auto;overflow-x:hidden;padding:6px;scrollbar-width:none;-ms-overflow-style:none}.invite-modal__country-dropdown::-webkit-scrollbar{display:none}.invite-modal__country-search{position:sticky;top:0;background-color:#fff;padding:4px 4px 8px;z-index:1}.invite-modal__country-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:12px;color:#94a3b8;pointer-events:none}.invite-modal__country-search-input{width:100%;padding:10px 12px 10px 34px;border:none;border-radius:8px;font-size:14px;background-color:#f1f5f9;outline:none;transition:box-shadow .2s,background-color .2s}.invite-modal__country-search-input::-moz-placeholder{color:#94a3b8}.invite-modal__country-search-input::placeholder{color:#94a3b8}.invite-modal__country-search-input:focus{background-color:#eef2f6;box-shadow:0 0 0 3px rgba(13,148,136,.18)}.invite-modal__country-option{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:none;border-radius:8px;background:transparent;cursor:pointer;font-size:14px;text-align:left;transition:background-color .15s}.invite-modal__country-option:hover{background-color:#f0fdfa}.invite-modal__country-name{flex:1;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invite-modal__country-option .invite-modal__code{color:#64748b;font-weight:500}.invite-modal__input-wrap{display:flex;align-items:center;gap:11px;width:100%;height:52px;padding:0 16px;border:none;border-radius:12px;background-color:#f1f5f9;transition:box-shadow .2s,background-color .2s}.invite-modal__input-wrap:focus-within{background-color:#eef2f6;box-shadow:0 0 0 3px rgba(13,148,136,.18)}.invite-modal__input-icon{flex-shrink:0;font-size:15px;color:#94a3b8;pointer-events:none;transition:color .2s}.invite-modal__input-wrap:focus-within .invite-modal__input-icon{color:#0d9488}.invite-modal__input{width:100%;height:52px;padding:0 16px;border:none;border-radius:12px;font-size:15px;color:#1e293b;background-color:#f1f5f9;outline:none;transition:box-shadow .2s,background-color .2s}.invite-modal__input:focus{background-color:#eef2f6;box-shadow:0 0 0 3px rgba(13,148,136,.18)}.invite-modal__input-wrap .invite-modal__input,.invite-modal__input-wrap .invite-modal__input:focus{flex:1;min-width:0;height:100%;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none;outline:none}.invite-modal__input::-moz-placeholder{color:#94a3b8}.invite-modal__input::placeholder{color:#94a3b8}.invite-modal__send-btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:4px;padding:14px 20px;background:linear-gradient(135deg,#0f766e,#0d9488 45%,#14b8a6);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 8px 20px rgba(13,148,136,.28);transition:transform .2s,box-shadow .2s,opacity .2s}.invite-modal__send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 26px rgba(13,148,136,.36)}.invite-modal__send-btn:active:not(:disabled){transform:translateY(0)}.invite-modal__send-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.invite-modal__recent{margin-top:24px;padding-top:20px;border-top:1px solid #f0f0f0}.invite-modal__recent-label{display:block;font-size:11px;font-weight:600;color:#0d7377;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.invite-modal__recent-list{display:flex;flex-wrap:wrap;gap:10px}.invite-modal__recent-item{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;background-color:#f8f8f8;border-radius:20px;border:1px solid #e8e8e8}.invite-modal__recent-avatar{width:28px;height:28px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.invite-modal__recent-initials{width:28px;height:28px;border-radius:50%;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#666}.invite-modal__recent-name{font-size:13px;font-weight:500;color:#333}@media (max-width:480px){.invite-modal-overlay{padding:0;align-items:flex-end}.invite-modal{max-width:100%;border-radius:20px 20px 0 0;max-height:90vh;animation:slideUpMobile .3s ease-out}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}.blocked-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:4100;padding:20px;animation:fadeIn .2s ease-out}.blocked-modal{background-color:#fff;border-radius:16px;width:100%;max-width:500px;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:slideUp .3s ease-out;display:flex;flex-direction:column}.blocked-modal__header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid #f0f0f0}.blocked-modal__title{font-size:20px;font-weight:600;color:#1a1a1a;margin:0}.blocked-modal__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;border-radius:50%;cursor:pointer;color:#666;font-size:16px;transition:all .2s}.blocked-modal__close:hover{background-color:#f5f5f5;color:#333}.blocked-modal__content{padding:24px;overflow-y:auto;flex:1}.blocked-modal__loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:#0d7377;font-size:15px}.blocked-modal__loading svg{font-size:20px}.blocked-modal__error{text-align:center;padding:40px 20px;color:#d32f2f}.blocked-modal__error p{margin:0 0 16px;font-size:15px}.blocked-modal__retry-btn{padding:10px 24px;background-color:#0d7377;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.blocked-modal__retry-btn:hover{background-color:#0a5e61}.blocked-modal__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.blocked-modal__empty p{margin:16px 0 8px;color:#333;font-size:16px;font-weight:500}.blocked-modal__empty span{color:#888;font-size:14px}.blocked-modal__empty-image{opacity:.8}.blocked-modal__list{display:flex;flex-direction:column;gap:12px}.blocked-modal__user-card{display:flex;align-items:center;justify-content:space-between;background-color:#f8fafa;border-radius:12px;padding:16px;transition:all .2s}.blocked-modal__user-card:hover{background-color:#f0f5f5}.blocked-modal__user-info{display:flex;align-items:center;gap:12px}.blocked-modal__user-avatar{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.blocked-modal__user-details{display:flex;flex-direction:column}.blocked-modal__user-name{font-size:15px;font-weight:600;color:#1a1a1a}.blocked-modal__user-handle{font-size:13px;color:#0d7377;margin-top:2px}.blocked-modal__unblock-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:#e8f5f5;color:#0d7377;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.blocked-modal__unblock-btn:hover{background-color:#d0ebeb}.blocked-modal__unblock-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width:480px){.blocked-modal-overlay{padding:0;align-items:flex-end}.blocked-modal{max-width:100%;max-height:85vh;border-radius:20px 20px 0 0;animation:slideUpMobile .3s ease-out}}.friend-card__partner-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,#0d7377,#14919b);color:#fff;border-radius:12px;font-size:11px;font-weight:600;margin-bottom:8px}.friend-card__partner-badge svg{font-size:10px}.friends-page__blocked-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:#f5f5f5;color:#666;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.friends-page__blocked-btn:hover{background-color:#eee;border-color:#ccc;color:#333}@media (max-width:576px){.friends-page__blocked-btn{justify-content:center;width:100%}}.friends-page__header-actions{display:flex;gap:12px;align-items:center}@media (max-width:576px){.friends-page__header-actions{flex-direction:column;width:100%}}.FriendsPanel_overlay__5g12D{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:4000;opacity:0;transition:opacity .25s ease}.FriendsPanel_overlayOpen__w7_PI{opacity:1}.FriendsPanel_panel__gRtOF{position:fixed;top:0;right:0;height:100%;width:420px;max-width:92vw;background:#fff;z-index:4001;display:flex;flex-direction:column;box-shadow:-8px 0 30px rgba(0,0,0,.18);transform:translateX(100%);transition:transform .3s cubic-bezier(.22,1,.36,1)}.FriendsPanel_panelOpen__zhOvl{transform:translateX(0)}.FriendsPanel_panelHeader__npP_N{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #eef0f4;flex-shrink:0}.FriendsPanel_panelTitle__NznFy{font-size:18px;font-weight:700;color:#1a1a2e;margin:0}.FriendsPanel_closeBtn__5odSb{border:none;background:transparent;color:#6b7280;cursor:pointer;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:16px}.FriendsPanel_closeBtn__5odSb:hover{background:rgba(0,0,0,.06)}.FriendsPanel_searchWrap__aDSZn{padding:14px 20px 8px;flex-shrink:0}.FriendsPanel_searchWrap__aDSZn .FriendsPanel_searchInput___nETB{width:100%;height:46px;padding:0 16px;border:none;border-radius:12px;font-size:14px;color:#1e293b;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#eef1f5;transition:box-shadow .2s ease,background-color .2s ease}.FriendsPanel_searchWrap__aDSZn .FriendsPanel_searchInput___nETB::-moz-placeholder{color:#94a3b8}.FriendsPanel_searchWrap__aDSZn .FriendsPanel_searchInput___nETB::placeholder{color:#94a3b8}.FriendsPanel_searchWrap__aDSZn .FriendsPanel_searchInput___nETB:focus{background-color:#e7ebf1;box-shadow:0 0 0 3px rgba(13,148,136,.18)}.FriendsPanel_body__biKPc{flex:1;overflow-y:auto;padding:6px 0 16px}.FriendsPanel_sectionLabel__aNxYn{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#94a3b8;padding:12px 20px 6px}.FriendsPanel_row__BgXiB{display:flex;align-items:center;gap:12px;padding:10px 20px}.FriendsPanel_row__BgXiB:hover{background:#f8fafc}.FriendsPanel_avatar__ktFGI{width:42px;height:42px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0;background:#e5e7eb}.FriendsPanel_rowInfo__fvYRb{flex:1;min-width:0}.FriendsPanel_rowName__XQ00t{font-size:14px;font-weight:600;color:#1a1a2e}.FriendsPanel_rowMeta__rl6ne,.FriendsPanel_rowName__XQ00t{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.FriendsPanel_rowMeta__rl6ne{font-size:12px;color:#94a3b8}.FriendsPanel_rowActions__cdn0S{display:flex;align-items:center;gap:6px;flex-shrink:0}.FriendsPanel_btn__Zj7S4{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid transparent;white-space:nowrap}.FriendsPanel_btn__Zj7S4:disabled{opacity:.6;cursor:default}.FriendsPanel_btnGhost__L_ZpD{background:#f5f5f5;color:#333;border-color:#e0e0e0}.FriendsPanel_btnGhost__L_ZpD:hover{background:#eee}.FriendsPanel_btnNudge__MQKGj{background:#fff;color:#0f766e;border-color:#99f6e4}.FriendsPanel_btnNudge__MQKGj:hover{background:#f0fdfa;border-color:#2dd4bf}.FriendsPanel_btnPrimary__B_5lW{background:#0d7377;color:#fff}.FriendsPanel_btnPrimary__B_5lW:hover{background:#0a5e61}.FriendsPanel_btnIcon__ILB8M{width:32px;height:32px;padding:0;justify-content:center;border-radius:50%}.FriendsPanel_btnAccept__CJ5df{background:#0d9488;color:#fff}.FriendsPanel_btnAccept__CJ5df:hover{background:#0f766e}.FriendsPanel_btnDecline__Z2g1k{background:#fff;color:#ef4444;border-color:#fecaca}.FriendsPanel_btnDecline__Z2g1k:hover{background:#fef2f2}.FriendsPanel_empty__Z1hoI{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:50px 24px;color:#9aa1ab;text-align:center}.FriendsPanel_emptyTitle__EP77G{font-size:15px;font-weight:600;color:#6b7280;margin:0}.FriendsPanel_emptyText__b70Cm{font-size:13px;margin:0}.FriendsPanel_skeletonRow__IaKM8{display:flex;align-items:center;gap:12px;padding:10px 20px}.FriendsPanel_skeletonCircle__cWEQc{width:42px;height:42px;border-radius:50%}.FriendsPanel_skeletonCircle__cWEQc,.FriendsPanel_skeletonLine__P4iTF{background:#f0f2f5;animation:FriendsPanel_friendsPulse__fBVrw 1.5s ease-in-out infinite}.FriendsPanel_skeletonLine__P4iTF{height:12px;border-radius:4px}@keyframes FriendsPanel_friendsPulse__fBVrw{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.FriendsPanel_btnCancel__BsxpY{background:#fff;color:#ef4444;border-color:#fecaca}.FriendsPanel_btnCancel__BsxpY:hover{background:#fef2f2}.FriendsPanel_moreBtn__O80Ja{width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:#64748b;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.FriendsPanel_moreBtn__O80Ja:hover{background:rgba(0,0,0,.06)}.FriendsPanel_menuBackdrop__JxGHJ{position:fixed;inset:0;z-index:4002}.FriendsPanel_menu__5JmJu{position:fixed;min-width:196px;background:#fff;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.16),0 0 0 1px rgba(0,0,0,.04);padding:6px;z-index:4003}.FriendsPanel_menuItem__4Qa7m{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;border-radius:8px;font-size:13px;font-weight:500;color:#0f172a;cursor:pointer;text-align:left}.FriendsPanel_menuItem__4Qa7m:hover:not(:disabled){background:#f1f5f9}.FriendsPanel_menuItem__4Qa7m:disabled{opacity:.6;cursor:default}.FriendsPanel_menuItemDanger__LWt8d{color:#dc2626}.FriendsPanel_menuItemDanger__LWt8d:hover:not(:disabled){background:#fef2f2}.FriendsPanel_footer__h4Cqk{flex-shrink:0;padding:12px 20px;border-top:1px solid #eef0f4;display:flex;gap:8px}.FriendsPanel_footerBtn__f9BUE{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent}.FriendsPanel_footerBtnInvite__ZVtEF{background:#0d7377;color:#fff}.FriendsPanel_footerBtnInvite__ZVtEF:hover{background:#0a5e61}.FriendsPanel_footerBtnBlocked__uKujB{background:#f1f5f9;color:#0f172a}.FriendsPanel_footerBtnBlocked__uKujB:hover{background:#e2e8f0}@media (max-width:480px){.FriendsPanel_panel__gRtOF{width:100vw;max-width:100vw}}.mobileMenu_overlay__F2aCi{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1000;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.mobileMenu_drawer__j0xB7{position:fixed;top:0;right:0;bottom:0;width:300px;max-width:85vw;background:#fff;z-index:1001;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s cubic-bezier(.165,.84,.44,1);box-shadow:-8px 0 32px rgba(0,0,0,.12);overflow-y:auto}.mobileMenu_drawerOpen__LxVDV{transform:translateX(0)}@media (min-width:1024px){.mobileMenu_drawer__j0xB7,.mobileMenu_overlay__F2aCi{display:none!important}}.mobileMenu_header___08v4{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.mobileMenu_closeBtn__sQW3l{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;background:#f3f4f6;border-radius:50%;cursor:pointer;font-size:14px;color:#374151;transition:background .15s}.mobileMenu_closeBtn__sQW3l:hover{background:#e5e7eb}.mobileMenu_nav__r_0w_{display:flex;flex-direction:column;padding:8px 12px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.mobileMenu_navLink__p0OdI{display:block;width:100%;text-align:left;padding:12px 16px;font-size:15px;font-weight:500;color:#1f2937;background:transparent;border:none;border-radius:10px;cursor:pointer;transition:background .15s,color .15s}.mobileMenu_navLink__p0OdI:hover{background:rgba(29,148,158,.08);color:#1d949e}.mobileMenu_navLinkActive__CRVwR{background:rgba(29,148,158,.12);color:#1d949e;font-weight:600}.mobileMenu_downloadSection__XVSJ_{padding:14px 20px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.mobileMenu_downloadBtn__gKYG8{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 16px;font-size:14px;font-weight:600;background:#e6faf8;color:#0f766e;border:1px solid #99f6e4;border-radius:10px;cursor:pointer;transition:background .15s}.mobileMenu_downloadBtn__gKYG8:hover{background:#ccfbf1}.mobileMenu_authSection__NQog8{display:flex;flex-direction:column;padding:16px 20px;gap:10px;flex:1}.mobileMenu_profileCard__PPX7T{display:flex;align-items:center;gap:12px;padding:14px;background:#f9fafb;border-radius:14px;text-decoration:none;color:inherit;transition:background .15s;flex-shrink:0}.mobileMenu_profileCard__PPX7T:hover{background:#f3f4f6}.mobileMenu_avatar__xrvVT{width:44px;height:44px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.mobileMenu_avatarPlaceholder__o9jKK{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#0d9488,#14b8a6);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;flex-shrink:0}.mobileMenu_profileName__NWjha{font-size:15px;font-weight:600;color:#111827}.mobileMenu_profileHandle__txw1G{font-size:13px;color:#6b7280;margin-top:2px}.mobileMenu_profileLinks__oQxOS{display:flex;flex-direction:column;background:#f9fafb;border-radius:12px;overflow:hidden;flex-shrink:0}.mobileMenu_profileItem__WQjEX{display:flex;align-items:center;gap:12px;padding:13px 16px;font-size:14px;font-weight:500;color:#374151;text-decoration:none;border-bottom:1px solid #f0f0f0;transition:background .15s}.mobileMenu_profileItem__WQjEX:last-child{border-bottom:none}.mobileMenu_profileItem__WQjEX:hover{background:#f3f4f6}.mobileMenu_profileItemIcon__tELTL{font-size:18px;width:24px;text-align:center;flex-shrink:0}.mobileMenu_logoutBtn__7IXkQ{width:100%;padding:12px;background:#fff1f2;border:1px solid #fecdd3;border-radius:12px;color:#ef4444;font-size:14px;font-weight:600;cursor:pointer;margin-top:auto;transition:background .15s}.mobileMenu_logoutBtn__7IXkQ:hover{background:#ffe4e6}.mobileMenu_loginBtn__VjrbD{display:flex;align-items:center;justify-content:center;width:100%;padding:13px;background:#111827;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s}.mobileMenu_loginBtn__VjrbD:hover{background:#1f2937}