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{background-color:#eef1f5;display:flex;flex-direction:column;min-height:100vh}.app-main{grid-gap:20px;align-items:start;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:2fr 1fr;margin:0 auto;max-width:1400px;padding:20px;width:100%}.app-content{min-width:0}.app-feed-column{max-height:calc(100vh - 95px);min-width:0;overflow-y:auto;position:-webkit-sticky;position:sticky;top:75px}@media (max-width:768px){.app-main{gap:10px;grid-template-columns:1fr;padding:10px 10px 70px}}.header{align-items:center;background:linear-gradient(135deg,#1e3c72,#2a5298);box-shadow:0 2px 8px rgba(0,0,0,.15);color:#fff;display:flex;flex-wrap:wrap;gap:15px;padding:10px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:200}.header-logo h1{font-size:20px;margin:0;white-space:nowrap}.header-nav{align-items:center;display:flex;gap:6px}.header-nav a{border-radius:20px;color:hsla(0,0%,100%,.85);font-size:14px;font-weight:600;padding:8px 14px;position:relative;text-decoration:none;transition:all .25s ease;white-space:nowrap}.header-nav a:hover{background:hsla(0,0%,100%,.15);color:#fff}.header-nav a.active{background:#fff;color:#1e3c72}.nav-badge{background:#ff4d4f;border-radius:10px;color:#fff;font-size:11px;font-weight:700;margin-left:6px;padding:2px 6px}.header-user{align-items:center;display:flex;gap:10px;margin-left:auto}.header-avatar{border:2px solid #fff;border-radius:50%;height:38px;object-fit:cover;width:38px}.header-avatar-placeholder{align-items:center;background:hsla(0,0%,100%,.3);border-radius:50%;color:#fff;display:flex;font-weight:700;height:38px;justify-content:center;width:38px}.user-name{font-size:14px;font-weight:600}.user-guest{font-size:14px;opacity:.8}.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)}.logout-btn{background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.4);border-radius:20px;color:#fff;cursor:pointer;font-weight:600;padding:7px 14px;transition:all .25s}.logout-btn:hover{background:#fff;color:#1e3c72}@media (max-width:768px){.header{padding:8px 12px}.header-logo h1{font-size:14px;white-space:normal}.user-name{display:none}.logout-btn{font-size:12px;padding:5px 10px}.header-nav{background:#fff;bottom:0;box-shadow:0 -2px 10px rgba(0,0,0,.15);gap:0;justify-content:space-around;left:0;padding:6px 0;position:fixed;right:0;z-index:300}.header-nav a{color:#888;font-size:20px;padding:6px 12px}.header-nav a .nav-text{display:none}.header-nav a.active{background:#e3f2fd;color:#1e3c72}.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.ec3a8d9b.css.map*/