.sidebar[data-v-bb9bec79]{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);z-index:100;background:var(--white);border-right:1px solid var(--gray-200);transition:width var(--transition-base)}.sidebar.collapsed[data-v-bb9bec79]{width:var(--sidebar-collapsed)}.sidebar-inner[data-v-bb9bec79]{display:flex;flex-direction:column;height:100%;padding:12px}.sidebar-logo[data-v-bb9bec79]{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:8px;text-decoration:none}.logo-img[data-v-bb9bec79]{width:32px;height:32px;object-fit:contain;flex-shrink:0}.logo-text[data-v-bb9bec79]{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--gray-900);white-space:nowrap}.sidebar-nav[data-v-bb9bec79]{flex:1;display:flex;flex-direction:column;gap:2px}.nav-item[data-v-bb9bec79]{display:flex;align-items:center;gap:16px;padding:12px;border-radius:var(--radius-md);color:var(--gray-800);font-size:15px;transition:all var(--transition-fast);position:relative;text-decoration:none;width:100%;text-align:left}.nav-item[data-v-bb9bec79]:hover{background:var(--gray-50)}.nav-item.active[data-v-bb9bec79]{font-weight:700}.nav-item.active svg[data-v-bb9bec79]{stroke-width:2.5}.nav-label[data-v-bb9bec79]{white-space:nowrap}.nav-badge[data-v-bb9bec79]{position:absolute;right:12px;background:var(--danger);color:var(--white);font-size:11px;font-weight:600;padding:1px 6px;border-radius:var(--radius-full);min-width:18px;text-align:center}.collapsed .nav-badge[data-v-bb9bec79]{right:4px;top:4px;position:absolute}.sidebar-avatar[data-v-bb9bec79]{width:24px;height:24px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;border:1.5px solid var(--gray-200)}.sidebar-avatar-placeholder[data-v-bb9bec79]{width:24px;height:24px;border-radius:var(--radius-full);background:var(--gradient-primary);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.sidebar-bottom[data-v-bb9bec79]{display:flex;flex-direction:column;gap:2px;padding-top:8px;border-top:1px solid var(--gray-100);position:relative}.more-menu[data-v-bb9bec79]{bottom:100%;left:0;right:0;margin-bottom:8px}@media(max-width:768px){.sidebar[data-v-bb9bec79]{display:none}}.bottom-nav[data-v-669e56eb]{display:none;position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--white);border-top:1px solid var(--gray-200);height:56px;align-items:center;justify-content:space-around;padding:0 8px}.bottom-nav-item[data-v-669e56eb]{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);color:var(--gray-600);transition:color var(--transition-fast)}.bottom-nav-item.active[data-v-669e56eb]{color:var(--gray-900)}.bottom-nav-item.active svg[data-v-669e56eb]{stroke-width:2.5}.bottom-avatar[data-v-669e56eb]{width:26px;height:26px;border-radius:var(--radius-full);object-fit:cover;border:1.5px solid transparent}.bottom-avatar.active[data-v-669e56eb]{border-color:var(--gray-900)}.bottom-avatar-placeholder[data-v-669e56eb]{width:26px;height:26px;border-radius:var(--radius-full);background:var(--gradient-primary);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;border:1.5px solid transparent}.bottom-avatar-placeholder.active[data-v-669e56eb]{border-color:var(--gray-900)}@media(max-width:768px){.bottom-nav[data-v-669e56eb]{display:flex}}#social-app[data-v-ea77bb1b]{min-height:100vh;display:flex}.main-content[data-v-ea77bb1b]{flex:1;margin-left:var(--sidebar-width);min-height:100vh;padding-bottom:0}.page-enter-active[data-v-ea77bb1b],.page-leave-active[data-v-ea77bb1b]{transition:opacity .2s ease}.page-enter-from[data-v-ea77bb1b],.page-leave-to[data-v-ea77bb1b]{opacity:0}@media(max-width:1264px){.main-content[data-v-ea77bb1b]{margin-left:var(--sidebar-collapsed)}}@media(max-width:768px){.main-content[data-v-ea77bb1b]{margin-left:0;padding-bottom:60px}}:root{--primary: #1E3A5F;--primary-dark: #152D4A;--primary-light: #2E5C8A;--primary-50: #EDF2F7;--primary-100: #D6E1ED;--primary-200: #A8C2D9;--secondary: #2C7A7B;--secondary-light: #4FD1C5;--accent: #3B82C4;--accent-light: #5BA3D9;--white: #FFFFFF;--gray-50: #FAFAFA;--gray-100: #F5F5F5;--gray-200: #E5E5E5;--gray-300: #D4D4D4;--gray-400: #A3A3A3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--black: #0A0A0A;--danger: #EF4444;--danger-light: #FEE2E2;--success: #10B981;--success-light: #D1FAE5;--warning: #F59E0B;--gradient-primary: linear-gradient(135deg, #1E3A5F 0%, #2E5C8A 100%);--gradient-warm: linear-gradient(135deg, #2C7A7B 0%, #3B82C4 100%);--gradient-story: linear-gradient(135deg, #F59E0B 0%, #EF4444 30%, #EC4899 60%, #8B5CF6 100%);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Playfair Display", Georgia, serif;--container-max: 935px;--sidebar-width: 244px;--sidebar-collapsed: 72px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 40px -10px rgba(0, 0, 0, .12);--shadow-card: 0 0 0 1px rgba(0, 0, 0, .04), 0 1px 3px rgba(0, 0, 0, .06);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--gray-900);background:var(--gray-50);overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}button{border:none;background:none;cursor:pointer;font-family:inherit;font-size:inherit}ul,ol{list-style:none}input,textarea,select{font-family:inherit;font-size:inherit}h1,h2,h3,h4{color:var(--gray-900);line-height:1.2;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:14px;padding:8px 20px;border-radius:var(--radius-md);transition:all var(--transition-base);white-space:nowrap;cursor:pointer}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--white);color:var(--gray-800);border:1px solid var(--gray-200)}.btn-secondary:hover{border-color:var(--gray-300);background:var(--gray-50)}.btn-ghost{background:transparent;color:var(--gray-600);padding:8px 12px}.btn-ghost:hover{color:var(--gray-900);background:var(--gray-100)}.btn-danger{background:var(--danger);color:var(--white)}.btn-sm{padding:6px 14px;font-size:13px}.btn-lg{padding:12px 28px;font-size:15px}.btn-full{width:100%}.btn-rounded{border-radius:var(--radius-full)}.input{width:100%;padding:10px 14px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:14px;color:var(--gray-900);transition:all var(--transition-fast);outline:none}.input:focus{border-color:var(--primary);background:var(--white);box-shadow:0 0 0 3px #1e3a5f14}.input::placeholder{color:var(--gray-400)}textarea.input{resize:vertical;min-height:80px}.card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md)}.avatar{width:32px;height:32px;border-radius:var(--radius-full);object-fit:cover;background:var(--gray-200);flex-shrink:0}.avatar-sm{width:24px;height:24px}.avatar-md{width:40px;height:40px}.avatar-lg{width:56px;height:56px}.avatar-xl{width:77px;height:77px}.avatar-2xl{width:150px;height:150px}.avatar-placeholder{display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:var(--white);font-weight:600;border-radius:var(--radius-full);flex-shrink:0}.story-ring{padding:2px;border-radius:var(--radius-full);background:var(--gradient-story)}.story-ring-inner{padding:2px;border-radius:var(--radius-full);background:var(--white)}.story-ring--seen{background:var(--gray-300)}.badge-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;color:var(--white);background:var(--danger);border-radius:var(--radius-full)}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s infinite;border-radius:var(--radius-sm)}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes heartBeat{0%{transform:scale(1)}15%{transform:scale(1.3)}30%{transform:scale(1)}45%{transform:scale(1.15)}60%{transform:scale(1)}}.animate-fade-in{animation:fadeIn .3s ease both}.animate-fade-in-up{animation:fadeInUp .4s ease both}.animate-scale-in{animation:scaleIn .25s ease both}.animate-heart{animation:heartBeat .6s ease}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000a6;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.modal-content{background:var(--white);border-radius:var(--radius-lg);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:scaleIn .25s ease}.dropdown{position:absolute;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:100;min-width:200px;padding:6px;animation:scaleIn .15s ease}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);font-size:14px;color:var(--gray-700);transition:background var(--transition-fast);cursor:pointer;width:100%;text-align:left}.dropdown-item:hover{background:var(--gray-50)}.dropdown-item--danger{color:var(--danger)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}::selection{background:var(--primary-200);color:var(--gray-900)}.text-muted{color:var(--gray-500)}.text-sm{font-size:12px}.text-primary{color:var(--primary)}.font-semibold{font-weight:600}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}