body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:grid;grid-template-areas:"h h" "n c";grid-template-columns:200px 1fr;grid-template-rows:3fr 20fr;min-height:100vh}.app-wrapper-content{background-color:#faebd7;grid-area:c}@media (max-width:768px){.App{grid-template-areas:"h" "c";grid-template-columns:1fr;grid-template-rows:60px 1fr}.app-wrapper-content{padding-bottom:70px}.profile-container{padding:10px!important}}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px rgba(0,0,0,.1);color:#fff;display:flex;justify-content:space-between;padding:15px 30px}.header-logo h1{font-size:24px;font-weight:700;margin:0}.header-user{align-items:center;display:flex;gap:15px}.user-name{font-size:16px;font-weight:600}.user-guest{color:hsla(0,0%,100%,.8);font-style:italic}.logout-btn{background-color:hsla(0,0%,100%,.2);border:2px solid #fff;border-radius:20px;color:#fff;cursor:pointer;font-weight:600;padding:8px 20px;transition:all .3s ease}.logout-btn:hover{background-color:#fff;color:#764ba2;-webkit-transform:translateY(-2px);transform:translateY(-2px)}@media (max-width:768px){.header{padding:10px 15px}.header-logo h1{font-size:16px}.user-name{display:none}.logout-btn{font-size:12px;padding:6px 12px}}.header-avatar{border:2px solid #fff;border-radius:50%;height:40px;object-fit:cover;width:40px}.header-avatar-placeholder{background:hsla(0,0%,100%,.3);border-radius:50%;color:#fff;font-weight:700;height:40px;width:40px}.header-avatar-placeholder,.header-icon-btn{align-items:center;display:flex;justify-content:center}.header-icon-btn{background:hsla(0,0%,100%,.2);border:none;border-radius:50%;cursor:pointer;font-size:16px;height:36px;transition:all .3s ease;width:36px}.header-icon-btn:hover{background:hsla(0,0%,100%,.4);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.nav-bar{background-color:#4a90e2;display:flex;flex-direction:column;gap:15px;grid-area:n;padding:20px 10px}.nav-item{margin:5px 0}.nav-link{border-radius:8px;color:#fff;display:block;font-weight:500;padding:12px 15px;text-decoration:none;transition:all .3s ease}.nav-link:hover{background-color:hsla(0,0%,100%,.2);-webkit-transform:translateX(5px);transform:translateX(5px)}.nav-link.active{background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.2);color:#4a90e2;font-weight:700}@media (max-width:768px){.nav-bar{align-items:center;background:#fff;bottom:0;box-shadow:0 -2px 10px rgba(0,0,0,.15);flex-direction:row;gap:0;justify-content:space-around;left:0;padding:8px 0;position:fixed;right:0;z-index:100}.nav-item{margin:0}.nav-link{color:#888;font-size:22px;padding:8px 14px}.nav-text{display:none}.nav-link:hover{background:transparent;-webkit-transform:none;transform:none}.nav-link.active{background:#e3f2fd;box-shadow:none;color:#4a90e2}}.nav-link{position:relative}.nav-badge{background:#ff4d4f;border-radius:10px;color:#fff;font-size:11px;font-weight:700;margin-left:6px;padding:2px 6px}@media (max-width:768px){.nav-badge{margin:0;padding:1px 5px;position:absolute;right:2px;top:0}}.back-btn{background:none;border:none;color:#4a90e2;cursor:pointer;display:none;font-size:20px;margin-right:10px}@media (max-width:768px){.dialogs-container{gap:10px!important;grid-template-columns:1fr!important;height:auto!important;padding:10px!important}.chat-window{display:none!important}.dialogs-container.chat-open .chat-window{display:flex!important;height:75vh}.dialogs-container.chat-open .dialogs-list{display:none!important}.back-btn{display:inline-block}}.users-container{padding:20px}.users-list{display:flex;flex-direction:column;gap:15px}.user-card{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.05);display:flex;padding:15px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.user-card:hover{box-shadow:0 4px 10px rgba(0,0,0,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:50px;justify-content:center;margin-right:15px;width:50px}.user-info{flex:1 1}.user-info h3{font-size:18px;margin:0 0 5px}.status{font-size:14px;font-weight:500}.status.online{color:#4caf50}.status.offline{color:#9e9e9e}.friend-btn{background-color:#4a90e2;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s}.friend-btn:hover{background-color:#357abd}.friend-btn.is-friend{background-color:#e0e0e0;color:#333}.friend-btn.is-friend:hover{background-color:#d32f2f;color:#fff}.user-avatar-img{border:2px solid #4a90e2;border-radius:50%;height:50px;margin-right:15px;object-fit:cover;width:50px}.me-badge{background:#4caf50;border-radius:12px;color:#fff;font-size:12px;font-weight:700;padding:4px 10px}@media (max-width:768px){.user-card,.users-container{padding:10px}.user-card{flex-wrap:wrap}.user-info h3{font-size:15px}}.write-btn{background-color:#4a90e2;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s}.write-btn:hover{background-color:#357abd;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.block-btn,.unblock-btn{border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:600;margin-left:8px;padding:8px 16px;transition:all .3s}.block-btn{background-color:#ff4d4f}.block-btn:hover{background-color:#d32f2f}.unblock-btn{background-color:#4caf50}.unblock-btn:hover{background-color:#388e3c}
/*# sourceMappingURL=main.18f39d47.css.map*/