body{font-family:var(--font-inter),sans-serif}.nav-link,.navbar-brand,h1,h2,h3,h4,h5,h6{font-family:var(--font-poppins),sans-serif}@media (max-width:768px){body.mobile-ad-space{padding-top:70px}}.share-icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px;justify-items:center}.share-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:none;background:transparent;cursor:pointer;transition:background-color .2s ease,transform .15s ease}.share-icon:focus-visible,.share-icon:hover{background-color:rgba(0,123,255,.1)}.share-icon:active{transform:scale(.95)}.step-indicator{width:28px;height:28px;border-radius:50%;background-color:#e9ecef;color:#6c757d;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;transition:all .2s}.step-indicator.active{background-color:#0d6efd;color:white}.step-indicator.completed{background-color:#198754;color:white}.hover-bg-light:hover{background-color:#f8f9fa!important}.create-post-modal .modal-content{border-radius:16px}.create-post-modal .modal-body{padding:1.5rem}@media (min-width:768px){.step-meta .sticky-top{position:sticky;top:20px}}.create-post-modal .progress{background-color:#e9ecef;border-radius:0}.create-post-modal .progress-bar{transition:width .3s ease}.step-media .border-primary{border-color:#0d6efd!important;background-color:#f0f7ff!important}.cover-selector .overflow-auto{scrollbar-width:thin}.cover-selector .overflow-auto::-webkit-scrollbar{height:4px}.cover-selector .overflow-auto::-webkit-scrollbar-thumb{background-color:#ced4da;border-radius:4px}.suggestion-scroll{display:flex;overflow-x:auto;gap:14px;padding-bottom:6px}.suggestion-card{width:90px;text-align:center;position:relative}.suggestion-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;margin:auto}.suggestion-name{font-size:13px;margin-top:6px}.suggestion-close{position:absolute;top:-2px;left:-2px;border:none;background:white;border-radius:50%;width:20px;height:20px;font-size:12px}.suggestion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.see-all-btn{border:none;background:none;color:#0095f6;font-size:13px}.suggestion-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;transition:opacity .25s ease}.suggestion-modal-backdrop.show{opacity:1}.suggestion-modal{background:white;width:420px;border-radius:12px;padding:20px;max-height:70vh;overflow-y:auto;transform:scale(.95);opacity:0;transition:transform .25s ease,opacity .25s ease}.suggestion-modal.show{transform:scale(1);opacity:1}.suggestion-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.modal-avatar{width:36px;height:36px;border-radius:50%}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-item{background:#f6f7f8;background-image:linear-gradient(90deg,#f6f7f8,#edeef1 20%,#f6f7f8 40%,#f6f7f8);background-repeat:no-repeat;background-size:200% 100%;animation:skeleton-shimmer 1.5s linear infinite}.chat-header{position:sticky;top:0;z-index:10;background:white}@media (max-width:426px){.chat-header{top:0}}.hover-bg-light:hover{background-color:#f5f5f5}.group:hover .group-hover-visible{opacity:1!important}.group-hover-visible{opacity:0;transition:opacity .2s ease-in-out}@media (max-width:768px){.group-hover-visible{opacity:1!important}}.glow{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.6),transparent);animation:glow 1.5s infinite}@keyframes glow{0%{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}to{opacity:.4;transform:scale(1)}}.app-content{padding:24px}.sidebar.desktop{width:240px;height:100vh;position:fixed;background:#fff;border-right:1px solid #eee;padding:20px;display:flex;flex-direction:column;gap:12px}.sidebar-logo span{font-size:1rem;font-weight:600}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;background:transparent;border:none;width:100%;text-align:left;font-size:15px;cursor:pointer;color:#212529}.nav-item:hover{background:#f2f4f7}.nav-item.active{background:#eef2ff}.nav-item svg{width:20px;height:20px}.nav-item--primary{margin-top:6px;background:#e7f1ff;color:#0d6efd;font-weight:600}.nav-item--primary:hover{background:#d6e8ff}.offcanvas-start{width:380px!important}.app-shell{display:flex}.app-content{flex:1 1;margin-left:240px;padding:0}@media (min-width:992px){.settings-submenu{position:static;margin-left:34px;margin-top:6px}}.settings-submenu-item{padding:8px 14px;color:#444}.settings-submenu-item:hover{background:#f3f4f6}.notification-badge{position:absolute;top:6px;right:14px;background:#dc3545;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:999px}.mobile-top-bar .brand{display:flex;align-items:center;gap:8px;font-weight:600}@media (max-width:991px){.app-content{margin-left:72px}}@media (max-width:767px){.app-content{margin-left:0;padding-top:64px;padding-bottom:72px}.messages-page .app-content{padding-top:0;padding-bottom:0}}.mobile-top-bar{position:fixed;top:0;width:100%;height:56px;background:#fff;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:1000}.mobile-icon-btn{background:transparent;border:none;padding:6px;border-radius:8px}.mobile-icon-btn:hover{background:#f3f4f6}.mobile-bottom-nav{position:fixed;bottom:0;width:100%;height:60px;background:#fff;border-top:1px solid #eee;display:flex;justify-content:space-around;align-items:center;z-index:1000}.mobile-nav-icon{background:transparent;border:none;padding:8px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-nav-icon.active{background:#e7f1ff}.mobile-nav-primary{background:#0d6efd;color:white;border-radius:50%}.mobile-nav-primary:hover{background:#0b5ed7}.notification-badge-mobile{position:absolute;top:-4px;right:-6px;background:#dc3545;color:white;font-size:10px;font-weight:600;padding:2px 5px;border-radius:999px}.settings-container{padding:16px 24px}.settings-header{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e5e7eb;margin-bottom:16px;overflow-x:auto}.sidebar-settings{position:relative}.sidebar-settings .rotate{transform:rotate(180deg)}.settings-submenu{margin-left:34px;margin-top:4px;display:flex;flex-direction:column;gap:2px}.settings-submenu-item{background:transparent;border:none;text-align:left;padding:6px 10px;border-radius:6px;font-size:14px;cursor:pointer;color:#555}.settings-submenu-item:hover{background:#f2f4f7}.settings-submenu-item.active{background:#e7f1ff;color:#0d6efd;font-weight:600}.settings-divider{height:1px;background:#e5e7eb;margin:6px 0}.settings-submenu-item.text-danger{color:#dc3545}.settings-submenu-item.text-danger:hover{background:#fdecec}.sidebar.tablet{width:72px;height:100vh;position:fixed;left:0;top:0;background:#fff;border-right:1px solid #eee;display:flex;flex-direction:column;align-items:center;padding-top:20px;gap:24px;z-index:1000}@media (min-width:768px) and (max-width:991px){.app-content{margin-left:72px}}.nav-icon{background:transparent;border:none;padding:10px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.nav-icon:hover{background:#f2f4f7}.nav-icon.active{background:#e7f1ff}@media (min-width:768px) and (max-width:991px){.sidebar-settings .nav-item{justify-content:center}.sidebar-settings .nav-item svg{margin:0}.sidebar-settings{position:relative}.settings-submenu{position:absolute;left:100%;top:0;margin-left:10px;min-width:200px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,.08);padding:8px 0;z-index:2000;display:flex;flex-direction:column}}.settings-submenu{animation:fadeSlide .15s ease}@keyframes fadeSlide{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}.notification-badge-tablet{position:absolute;top:-4px;right:-6px;background:#dc3545;color:#fff;font-size:10px;font-weight:600;padding:2px 5px;border-radius:999px}