.social-app-shell{width:100%;max-width:1440px;height:calc(100vh - 96px);margin:0 auto;padding:0 32px;overflow:hidden}.social-app-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:48px;min-height:260px;padding:36px 0;display:flex}.social-app-header>div{max-width:860px}.social-app-header h1{letter-spacing:-.07em;margin:0 0 18px;font-size:clamp(44px,6vw,82px);line-height:.95}.social-app-header>div>p:last-child{max-width:680px;color:var(--muted);margin:0;font-size:18px;line-height:1.55}.social-app-layout{grid-template-columns:260px minmax(0,1fr) 300px;gap:24px;height:calc(100vh - 356px);padding:24px 0;display:grid}.social-left-panel,.social-right-panel{align-self:start;gap:18px;display:grid}.social-feed-panel{gap:22px;height:100%;padding-right:10px;display:grid;overflow-y:auto}.social-feed-panel::-webkit-scrollbar{width:8px}.social-feed-panel::-webkit-scrollbar-track{background:#f1f5f9;border-radius:999px}.social-feed-panel::-webkit-scrollbar-thumb{background:#14b8a673;border-radius:999px}.sidebar-card{border:1px solid var(--line);background:#f8fafc;border-radius:24px;padding:24px}.sidebar-card h3{letter-spacing:-.04em;margin:0 0 16px;font-size:22px}.sidebar-card ul{margin:0;padding-left:18px}.sidebar-card li{color:var(--muted);margin-bottom:10px;line-height:1.6}.social-post{border:1px solid var(--line);background:#fff;border-radius:28px;padding:28px;transition:transform .2s,box-shadow .2s}.social-post:hover{transform:translateY(-3px);box-shadow:0 24px 60px #0f172a14}.post-header{align-items:center;gap:14px;display:flex}.avatar{background:var(--teal);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.post-header strong{display:block}.post-header span{color:var(--muted)}.post-type{color:var(--teal);background:#14b8a61f;border-radius:999px;margin-left:auto;padding:8px 12px;font-size:12px;font-weight:800}.post-content{margin:22px 0;line-height:1.8}.post-image{object-fit:cover;background:#f8fafc;border-radius:22px;width:100%;height:360px;margin:18px 0;display:block}.post-link-row{margin-top:14px}.vehicle-reference{border:1px solid var(--line);background:#f8fafc;border-radius:16px;align-items:center;padding:12px 16px;font-weight:700;transition:background .2s;display:inline-flex}.vehicle-reference:hover{background:#eefcf9}.post-actions{color:var(--muted);gap:22px;margin-top:22px;font-size:14px;font-weight:700;display:flex}.create-post-panel{background:linear-gradient(135deg,#fff,#f0fdfa);border:1px solid #14b8a638;border-radius:24px;align-items:center;gap:18px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex}.create-post-panel:hover{transform:translateY(-3px);box-shadow:0 24px 60px #14b8a61f}.create-post-panel-icon{background:var(--teal);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-size:36px;font-weight:300;display:flex}.create-post-panel h3{letter-spacing:-.03em;margin:0 0 6px;font-size:20px}.create-post-panel p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}@media (max-width:1100px){.social-app-layout{grid-template-columns:minmax(0,1fr) 280px}.social-left-panel{display:none}}@media (max-width:900px){.social-app-shell{height:auto;padding:0 20px;overflow:visible}.social-app-header{align-items:flex-start;min-height:auto;padding:56px 0 28px}.social-app-layout{grid-template-columns:1fr;height:auto}.social-feed-panel{height:auto;padding-right:0;overflow:visible}.social-right-panel{display:none}.post-image{height:240px}}