body{background:linear-gradient(120deg,#f0f2f5,#e3e9f7);font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}.app-vertical-layout{display:flex;min-height:100vh}.sidebar{align-items:stretch;background:#232946;box-shadow:2px 0 12px #2c3e5012;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;padding:0 0 20px;position:fixed;top:0;width:220px;z-index:2}.sidebar-logo{color:#eebbc3;font-size:2.5rem;font-weight:700;letter-spacing:2px;padding:32px 0 24px;text-align:center}.sidebar-nav{display:flex;flex-direction:column;gap:8px;margin-bottom:0}.sidebar-link{align-items:center;border-radius:8px 0 0 8px;color:#fff;display:flex;font-size:1.08rem;gap:12px;padding:12px 28px;text-decoration:none;transition:background .18s,color .18s}.sidebar-link.active,.sidebar-link:hover,.sidebar-logout{background:#eebbc3;color:#232946}.sidebar-logout{align-self:stretch;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;margin:auto 28px 24px;padding:10px 0;transition:background .18s,color .18s}.sidebar-logout:hover{background:#fff;color:#232946}.main-content{background:#0000;box-sizing:border-box;flex:1 1;margin-left:220px;min-height:100vh;padding:40px 32px 32px}.card,.container,.post{background:#fff;border-radius:16px;box-shadow:0 2px 12px #2c3e5012;margin-bottom:24px;padding:24px}.btn{background:#232946;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 20px;transition:background .18s,color .18s}.btn:hover{background:#eebbc3;color:#232946}.input{background:#f7f7fa;border:1px solid #ddd;border-radius:8px;font-size:1rem;margin-bottom:10px;padding:12px;width:100%}.input:focus{border-color:#eebbc3;outline:none}.comment-avatar,.friend-avatar,.message-avatar,.post-avatar,.profile-avatar{background:#fff;border:1.5px solid #e4e6eb;border-radius:50%;height:32px;margin-right:8px;object-fit:cover;width:32px}.friend-avatar.large{height:48px;width:48px}.post{background:#fff;border-radius:12px;box-shadow:0 2px 8px #2c3e5012;margin:24px auto;max-width:520px;padding:16px 18px}.post-content img,.post-content video{background:#f0f2f5;border-radius:8px;box-shadow:0 1px 4px #0000000a;display:block;height:auto;margin:10px auto;max-height:180px;max-width:100%;min-height:100px;object-fit:cover;width:auto}.comment-avatar{background:#fff;border:1px solid #e4e6eb;border-radius:50%;height:28px;margin-right:8px;object-fit:cover;width:28px}@media (max-width:900px){.sidebar{min-width:60px;padding:0;width:60px}.sidebar-link{font-size:0;justify-content:center;padding:12px 0}.sidebar-link span{font-size:1.5rem}.sidebar-logo{font-size:2rem;padding:20px 0 10px}.main-content{padding:20px 8px 8px}}@media (max-width:600px){.app-vertical-layout{flex-direction:column}.sidebar{align-items:center;border-radius:0 0 20px 20px;border-bottom-left-radius:0;border-top-left-radius:0;flex-direction:row;height:60px;justify-content:space-between;padding:0 10px;width:100vw}.sidebar-nav{flex-direction:row;gap:4px;margin-bottom:0}.sidebar-link{border-radius:8px;font-size:0;justify-content:center;padding:8px}.sidebar-link span{font-size:1.2rem}.sidebar-logo{font-size:1.5rem;padding:0}.main-content{padding:10px 2px 2px}}.modal-overlay{align-items:center;background:#2c3e5059;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.modal-content{background:#fff;border-radius:14px;box-shadow:0 4px 32px #2c3e502e;max-height:80vh;max-width:95vw;min-width:320px;overflow-y:auto;padding:32px 24px 24px;position:relative}.modal-close{background:none;border:none;color:#232946;cursor:pointer;font-size:2rem;position:absolute;right:16px;top:12px;transition:color .18s;z-index:1}.modal-close:hover{color:#eebbc3}
/*# sourceMappingURL=main.36ab1d75.css.map*/