.my-activity-container{display:flex;flex-direction:column;min-height:100vh;width:100%;margin:0;padding:0;background-color:white}.my-activity-main-content{width:calc(100% - 650px);padding:30px;margin-top:60px;margin-left:250px;margin-right:0;min-height:calc(100vh - 60px);display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.my-activity-header{width:740px;margin-bottom:30px}.my-activity-header h1{font-size:32px;font-weight:700;color:#333;margin:0;text-align:center}.activity-tabs{width:740px;display:flex;gap:0;margin-bottom:30px;background-color:white;border-radius:12px;padding:4px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 20px;border:none;background:transparent;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;color:#666}.tab-button:hover{background-color:#f8f9fa;color:#333}.tab-button.active{background-color:#ff6b35;color:white;box-shadow:0 2px 8px rgba(255,107,53,.3)}.tab-icon{font-size:18px}.tab-count{font-size:14px;opacity:.8}.activity-content{width:740px}.activity-content,.activity-loading{display:flex;flex-direction:column;align-items:center}.activity-loading{justify-content:center;padding:60px 20px;gap:16px}.loading-spinner{font-size:32px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.activity-loading p{font-size:16px;color:#666;margin:0}.no-posts{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;background-color:white;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.08);width:100%}.no-posts-icon{font-size:64px;margin-bottom:20px;opacity:.6}.no-posts h3{font-size:24px;font-weight:700;color:#333;margin:0 0 12px}.no-posts p{font-size:16px;color:#666;margin:0;line-height:1.5}.posts-grid{display:flex;flex-direction:column;gap:24px;align-items:center;width:100%}@media (max-width:1200px){.my-activity-main-content{width:calc(100% - 280px);margin-right:0}}@media (max-width:768px){.my-activity-main-content{width:100%;margin-left:0;margin-right:0;margin-top:60px;padding:20px 20px 80px}.my-activity-header{width:100%;margin-bottom:20px}.my-activity-header h1{font-size:28px}.activity-tabs{width:100%;margin-bottom:20px}.tab-button{padding:14px 16px;font-size:15px}.tab-icon{font-size:16px}.activity-content{width:100%}.no-posts{padding:60px 20px}.no-posts-icon{font-size:48px;margin-bottom:16px}.no-posts h3{font-size:20px}.no-posts p{font-size:14px}}@media (max-width:480px){.my-activity-main-content{margin-top:60px;padding:15px 8px 80px}.my-activity-header h1{font-size:24px}.tab-button{padding:12px 14px;font-size:14px;gap:6px}.tab-count{font-size:12px}.no-posts{padding:40px 16px}.no-posts h3{font-size:18px}.no-posts p{font-size:13px}}