.sidebar{width:var(--socialhub-spacing-sidebar-width);flex-shrink:0;background:var(--socialhub-color-surface-container-lowest);border-right:1px solid var(--socialhub-color-outline-variant);display:flex;flex-direction:column;height:100%;max-height:100vh;position:sticky;top:0;z-index:40}.sidebar-brand{display:flex;align-items:center;gap:var(--socialhub-spacing-sm);padding:var(--socialhub-spacing-lg) var(--socialhub-spacing-xl);background:var(--socialhub-color-surface-container-lowest);border-bottom:1px solid var(--socialhub-color-outline-variant)}.brand-icon-wrapper{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--socialhub-color-surface-container);border-radius:var(--socialhub-rounded-md);flex-shrink:0}.brand-info{display:flex;flex-direction:column;min-width:0}.brand-name{font-family:var(--socialhub-font-heading);font-size:15px;font-weight:700;color:var(--socialhub-color-on-surface);letter-spacing:-.01em;line-height:1.2}.brand-plan{font-size:11px;font-weight:600;color:var(--socialhub-color-primary);letter-spacing:.04em;text-transform:uppercase}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--socialhub-spacing-md) 0;display:flex;flex-direction:column;gap:2px}.nav-section-label{font-size:10px;font-weight:700;color:var(--socialhub-color-on-surface-variant);letter-spacing:.08em;text-transform:uppercase;padding:var(--socialhub-spacing-md) var(--socialhub-spacing-xl) var(--socialhub-spacing-xxs)}.nav-section-label:first-child{padding-top:var(--socialhub-spacing-xs)}.nav-item{display:flex;align-items:center;gap:var(--socialhub-spacing-sm);padding:var(--socialhub-spacing-sm) var(--socialhub-spacing-xl);font-size:14px;font-weight:400;color:var(--socialhub-color-on-surface-variant);text-decoration:none;transition:color .12s ease,background-color .12s ease;border-left:3px solid transparent;min-height:40px}.nav-item:hover{color:var(--socialhub-color-on-surface);background-color:var(--socialhub-color-surface-container-low)}.nav-item.active{color:var(--socialhub-color-primary);font-weight:500;border-left-color:var(--socialhub-color-primary);background:transparent}.nav-icon{display:flex;align-items:center;flex-shrink:0;opacity:.6;transition:opacity .12s ease}.nav-item:hover .nav-icon{opacity:.85}.nav-item.active .nav-icon{opacity:1;color:var(--socialhub-color-primary)}.nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.sidebar-footer{padding:var(--socialhub-spacing-md) var(--socialhub-spacing-xl) var(--socialhub-spacing-lg);display:flex;flex-direction:column;gap:var(--socialhub-spacing-md)}.create-post-btn{display:flex;align-items:center;justify-content:center;gap:var(--socialhub-spacing-xs);padding:var(--socialhub-spacing-sm) var(--socialhub-spacing-md);background:var(--socialhub-color-primary);color:var(--socialhub-color-on-primary);border-radius:var(--socialhub-rounded-md);font-size:14px;font-weight:600;text-decoration:none;transition:filter .15s ease,transform .15s ease;min-height:42px}.create-post-btn:hover{filter:brightness(.92);transform:translateY(-1px)}.create-icon{display:flex;align-items:center}.footer-links{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--socialhub-color-surface-container);padding-top:var(--socialhub-spacing-sm)}.footer-link{display:flex;align-items:center;gap:var(--socialhub-spacing-sm);padding:var(--socialhub-spacing-xs) 0;font-size:13px;color:var(--socialhub-color-on-surface-variant);text-decoration:none;transition:color .12s ease}.footer-link:hover{color:var(--socialhub-color-on-surface)}.footer-link-icon{display:flex;align-items:center;opacity:.5}.logout-link{color:#dc2626}.logout-link .footer-link-icon{opacity:.8}.logout-link:hover{color:#b91c1c}.logout-link:hover .footer-link-icon{opacity:1}@media(max-width:1279px){.sidebar{width:var(--socialhub-spacing-sidebar-collapsed)}.brand-info,.nav-label,.create-post-btn span:not(.create-icon),.footer-links span:not(.footer-link-icon){display:none}.sidebar-brand{justify-content:center;padding:var(--socialhub-spacing-md)}.nav-item{justify-content:center;padding:var(--socialhub-spacing-sm);border-left:none}.nav-item.active{background:var(--socialhub-color-primary-fixed);border-radius:var(--socialhub-rounded-md);margin-inline:var(--socialhub-spacing-xs)}.create-post-btn{padding:var(--socialhub-spacing-sm)}.footer-link{justify-content:center}}@media(max-width:767px){.sidebar{display:none}}.topbar{display:flex;align-items:center;gap:var(--socialhub-spacing-xl);padding:0 var(--socialhub-spacing-xl);height:52px;background:var(--socialhub-color-surface-container-lowest);color:var(--socialhub-color-on-surface);border-bottom:1px solid var(--socialhub-color-outline-variant);flex-shrink:0;z-index:50}.topbar-brand{display:flex;align-items:center;gap:var(--socialhub-spacing-xs);flex-shrink:0}.topbar-brand-icon{color:var(--socialhub-color-primary)}.topbar-brand-text{font-family:var(--socialhub-font-heading);font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--socialhub-color-on-surface);white-space:nowrap}.topbar-search{flex:0 1 480px;margin:0 auto;display:flex;align-items:center;gap:var(--socialhub-spacing-xs);background:var(--socialhub-color-surface-container-low);border:1px solid var(--socialhub-color-outline-variant);border-radius:var(--socialhub-rounded-md);padding:0 var(--socialhub-spacing-sm);height:34px;transition:border-color .15s ease,box-shadow .15s ease}.topbar-search:focus-within{border-color:var(--socialhub-color-primary);box-shadow:0 0 0 3px var(--socialhub-color-primary-fixed)}.search-icon{color:var(--socialhub-color-outline);flex-shrink:0}.search-input{background:transparent;border:none;outline:none;color:var(--socialhub-color-on-surface);font-size:13px;flex:1;min-width:0}.search-input::placeholder{color:var(--socialhub-color-outline)}.topbar-actions{display:flex;align-items:center;gap:var(--socialhub-spacing-xs);flex-shrink:0}.topbar-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--socialhub-color-on-surface-variant);border-radius:var(--socialhub-rounded-md);cursor:pointer;transition:color .12s ease,background .12s ease}.topbar-btn:hover{color:var(--socialhub-color-on-surface);background:var(--socialhub-color-surface-container-low)}.topbar-avatar{width:32px;height:32px;border-radius:var(--socialhub-rounded-full);background:var(--socialhub-color-primary);color:var(--socialhub-color-on-primary);border:2px solid var(--socialhub-color-primary-fixed);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;cursor:pointer;transition:border-color .12s ease,transform .12s ease;margin-left:var(--socialhub-spacing-xxs)}.topbar-avatar:hover{border-color:var(--socialhub-color-primary);transform:scale(1.06)}@media(max-width:768px){.topbar-brand-text{display:none}.topbar-search{flex:1;margin:0}}.page-header{padding:var(--socialhub-spacing-xl) var(--socialhub-spacing-xxl);border-bottom:1px solid var(--socialhub-color-surface-container);background:var(--socialhub-color-surface-container-lowest)}.breadcrumbs ol{display:flex;align-items:center;gap:var(--socialhub-spacing-xxs);list-style:none;padding:0;margin:0 0 var(--socialhub-spacing-sm) 0}.breadcrumbs li{display:flex;align-items:center;gap:var(--socialhub-spacing-xxs)}.breadcrumbs a{font-size:13px;color:var(--socialhub-color-on-surface-variant);text-decoration:none;transition:color .12s ease}.breadcrumbs a:hover{color:var(--socialhub-color-primary)}.breadcrumbs span[aria-current]{font-size:13px;color:var(--socialhub-color-on-surface);font-weight:500}.breadcrumb-sep{color:var(--socialhub-color-outline-variant);flex-shrink:0}.header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--socialhub-spacing-xl)}.header-text{min-width:0}.header-title{font-family:var(--socialhub-font-heading);font-size:24px;font-weight:600;line-height:32px;color:var(--socialhub-color-on-surface);margin:0}.header-desc{font-size:14px;color:var(--socialhub-color-on-surface-variant);line-height:20px;margin:var(--socialhub-spacing-xxs) 0 0}.header-actions{display:flex;align-items:center;gap:var(--socialhub-spacing-sm);flex-shrink:0}@media(max-width:768px){.page-header{padding:var(--socialhub-spacing-md)}.header-row{flex-direction:column;gap:var(--socialhub-spacing-md)}}.kpi-card{background:var(--socialhub-color-surface-container-lowest);border:1px solid var(--socialhub-color-outline-variant);border-top:3px solid var(--socialhub-color-primary);border-radius:var(--socialhub-rounded-lg);padding:var(--socialhub-spacing-xl) var(--socialhub-spacing-xl) var(--socialhub-spacing-lg);display:flex;flex-direction:column;gap:var(--socialhub-spacing-xs);transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:-3px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--socialhub-color-primary) 0%,var(--socialhub-color-secondary-md) 50%,var(--socialhub-color-tertiary) 100%);opacity:0;transition:opacity .2s ease}.kpi-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0f0f0f14}.kpi-card:hover:before{opacity:1}.kpi-top{display:flex;align-items:center;justify-content:space-between}.kpi-label{font-size:12px;font-weight:600;color:var(--socialhub-color-on-surface-variant);line-height:1.3;letter-spacing:.02em;text-transform:uppercase}.kpi-icon{display:flex;color:var(--socialhub-color-outline)}.kpi-value{font-family:var(--socialhub-font-label);font-size:32px;font-weight:700;line-height:1.1;color:var(--socialhub-color-on-surface);letter-spacing:-.02em;margin:var(--socialhub-spacing-xxs) 0}.kpi-change{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;line-height:1.3}.change-up{color:var(--socialhub-color-secondary-md)}.change-down{color:var(--socialhub-color-error)}.change-neutral{color:var(--socialhub-color-on-surface-variant)}@media(prefers-reduced-motion:no-preference){.kpi-card{animation:kpiFadeUp .5s ease both}@keyframes kpiFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}}.home-content{flex:1;min-height:0;overflow-y:auto;padding:var(--socialhub-spacing-xxl);display:flex;flex-direction:column;gap:var(--socialhub-spacing-xxl)}.home-content:after{content:"";display:block;min-height:1px;flex-shrink:0}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--socialhub-spacing-md)}h2{font-size:16px;font-weight:700;color:var(--socialhub-color-on-surface);margin:0 0 var(--socialhub-spacing-lg) 0;letter-spacing:.01em}.links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--socialhub-spacing-md)}.link-card{padding:var(--socialhub-spacing-xl);display:flex;align-items:center;gap:var(--socialhub-spacing-md);text-decoration:none;border-left:3px solid transparent;transition:all .2s ease}.link-card:hover{border-left-color:var(--socialhub-color-primary);box-shadow:0 4px 16px #0f0f0f0f;transform:translateY(-2px)}.link-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;background:var(--socialhub-color-primary-fixed);border-radius:var(--socialhub-rounded-md);transition:transform .2s ease}.link-card:hover .link-icon{transform:scale(1.08)}.link-text{flex:1;min-width:0}.link-name{font-size:14px;font-weight:600;color:var(--socialhub-color-on-surface);display:block;line-height:1.3}.link-desc{font-size:12px;color:var(--socialhub-color-on-surface-variant);line-height:1.4}.link-arrow{color:var(--socialhub-color-outline);flex-shrink:0;transition:transform .2s ease,color .2s ease}.link-card:hover .link-arrow{transform:translate(4px);color:var(--socialhub-color-primary)}.activity-item{display:flex;align-items:center;gap:var(--socialhub-spacing-md);padding:var(--socialhub-spacing-md) var(--socialhub-spacing-xl);border-bottom:1px solid var(--socialhub-color-surface-container);transition:background .12s ease;position:relative}.activity-item:before{content:"";width:6px;height:6px;border-radius:var(--socialhub-rounded-full);background:var(--socialhub-color-primary);flex-shrink:0;opacity:.4}.activity-item:first-child:before{opacity:1}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:var(--socialhub-color-surface-container-low)}.activity-channel{font-size:16px;flex-shrink:0}.activity-action{flex:1;font-size:14px;color:var(--socialhub-color-on-surface)}.activity-time{flex-shrink:0;font-size:12px;color:var(--socialhub-color-on-surface-variant);font-family:var(--socialhub-font-label)}@media(max-width:1279px){.kpi-grid,.links-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.home-content{padding:var(--socialhub-spacing-md)}.kpi-grid{grid-template-columns:repeat(2,1fr)}.links-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:no-preference){.link-card{animation:fadeUp .4s ease both}.activity-item{animation:slideRight .3s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}}.analytics-layout{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.analytics-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--socialhub-spacing-xl) var(--socialhub-spacing-xxl);border-bottom:1px solid var(--socialhub-color-outline-variant);background:var(--socialhub-color-surface-container-lowest);flex-shrink:0}.ah-title{font-family:var(--socialhub-font-heading);font-size:24px;font-weight:700;margin:0;color:var(--socialhub-color-on-surface)}.ah-subtitle{font-size:13px;color:var(--socialhub-color-on-surface-variant);margin:4px 0 0}.ah-right{display:flex;gap:var(--socialhub-spacing-sm);align-items:center}.ah-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--socialhub-rounded-md);font-size:13px;font-weight:600;cursor:pointer;transition:all .12s}.ah-btn.outline{background:transparent;border:1px solid var(--socialhub-color-outline-variant);color:var(--socialhub-color-on-surface)}.ah-btn.outline:hover{border-color:var(--socialhub-color-primary);color:var(--socialhub-color-primary)}.ah-btn.primary{background:var(--socialhub-color-primary);color:var(--socialhub-color-on-primary);border:none}.ah-btn.primary:hover{filter:brightness(.92)}.analytics-content{flex:1;min-height:0;overflow-y:auto;padding:var(--socialhub-spacing-xl) var(--socialhub-spacing-xxl);display:flex;flex-direction:column;gap:var(--socialhub-spacing-xl);scrollbar-width:thin;scrollbar-color:#c4c9d4 #f0f1f3}.analytics-content>*{flex-shrink:0}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--socialhub-spacing-md)}.kpi-card{padding:var(--socialhub-spacing-lg);background:var(--socialhub-color-surface-container-lowest);border:1px solid var(--socialhub-color-outline-variant);border-radius:var(--socialhub-rounded-lg);display:flex;flex-direction:column;gap:4px}.kpi-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--socialhub-spacing-xs)}.kpi-icon{width:36px;height:36px;border-radius:var(--socialhub-rounded-md);background:var(--socialhub-color-surface-container);display:flex;align-items:center;justify-content:center}.kpi-icon.icon-reach{color:#0ea5e9;background:#e0f2fe}.kpi-icon.icon-engagement{color:#8b5cf6;background:#ede9fe}.kpi-icon.icon-followers{color:#10b981;background:#d1fae5}.kpi-icon.ai{width:auto;background:transparent;gap:4px;color:var(--socialhub-color-on-surface)}.ai-lift-badge{font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--socialhub-color-primary)}.kpi-change-badge{display:flex;align-items:center;gap:2px;padding:2px 8px;border-radius:var(--socialhub-rounded-full);font-size:11px;font-weight:700}.kpi-change-badge.positive{color:#10b981;background:#d1fae5}.kpi-change-badge.negative{color:#ef4444;background:#fee2e2}.kpi-label{font-size:12px;color:var(--socialhub-color-on-surface-variant);font-weight:500}.kpi-value{font-family:var(--socialhub-font-heading);font-size:26px;font-weight:700;color:var(--socialhub-color-on-surface)}.mini-bar-chart{height:36px;margin-top:var(--socialhub-spacing-md);display:flex;align-items:flex-end;gap:4px}.mini-bar{flex:1;border-radius:2px 2px 0 0;background:var(--theme-color);opacity:.3;transition:opacity .15s;min-height:4px}.mini-bar.active{opacity:1}.kpi-card.ai-lift{background:var(--socialhub-color-surface-container-lowest);border:1px solid var(--socialhub-color-outline-variant);border-left:3px solid var(--socialhub-color-primary)}.ai-prediction{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--socialhub-color-primary);font-weight:500;margin-top:var(--socialhub-spacing-sm)}.charts-row{display:grid;grid-template-columns:1.6fr 1fr;gap:var(--socialhub-spacing-xl)}.chart-card{padding:var(--socialhub-spacing-xl);background:var(--socialhub-color-surface-container-lowest);border:1px solid var(--socialhub-color-outline-variant);border-radius:var(--socialhub-rounded-lg)}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--socialhub-spacing-xl)}.chart-header h3{font-size:16px;font-weight:700;margin:0;color:var(--socialhub-color-on-surface)}.audience-card h3{font-size:16px;font-weight:700;margin:0 0 var(--socialhub-spacing-lg);color:var(--socialhub-color-on-surface)}.chart-toggle{display:flex;background:var(--socialhub-color-surface-container);border-radius:var(--socialhub-rounded-md);padding:2px}.ct-btn{padding:5px 12px;border:none;background:transparent;font-size:12px;font-weight:500;color:var(--socialhub-color-on-surface-variant);border-radius:var(--socialhub-rounded-sm);cursor:pointer;transition:all .12s}.ct-btn.active{background:var(--socialhub-color-surface-container-lowest);color:var(--socialhub-color-on-surface);box-shadow:0 1px 3px #0000000f}.bar-chart{display:flex;flex-direction:column;gap:var(--socialhub-spacing-sm)}.bar-chart-area{display:flex;align-items:flex-end;gap:var(--socialhub-spacing-md);height:220px;padding-bottom:4px}.bar-group{display:flex;align-items:flex-end;gap:2px;flex:1;height:100%}.bar{flex:1;border-radius:2px 2px 0 0;background:var(--socialhub-color-primary);min-height:6px;transition:opacity .15s,transform .15s;transform-origin:bottom}.bar:hover{opacity:.8;transform:scaleY(1.05)}.bar:nth-child(3){background:#ef4444}.bar-x-labels{display:flex;justify-content:space-around;font-size:10px;color:var(--socialhub-color-on-surface-variant);font-weight:600}.platform-bars{display:flex;flex-direction:column;gap:var(--socialhub-spacing-md)}.platform-row{display:flex;align-items:center;gap:var(--socialhub-spacing-sm)}.platform-icon{font-size:14px;flex-shrink:0}.platform-name{font-size:12px;font-weight:600;color:var(--socialhub-color-on-surface);min-width:80px}.platform-bar-track{flex:1;height:10px;background:var(--socialhub-color-surface-container);border-radius:var(--socialhub-rounded-full);overflow:hidden}.platform-bar-fill{height:100%;border-radius:var(--socialhub-rounded-full);transition:width .6s ease}.platform-pct{font-size:13px;font-weight:700;color:var(--socialhub-color-on-surface);min-width:30px;text-align:right}.ai-insight-box{margin-top:var(--socialhub-spacing-lg);padding:var(--socialhub-spacing-md);background:var(--socialhub-color-surface-container-low);border-radius:var(--socialhub-rounded-md);border-left:3px solid var(--socialhub-color-primary)}.ai-insight-box p{margin:0;font-size:12px;line-height:1.5;color:var(--socialhub-color-on-surface-variant)}.top-content-section{background:var(--socialhub-color-surface-container-lowest);border:1px solid var(--socialhub-color-outline-variant);border-radius:var(--socialhub-rounded-lg);overflow:hidden}.tc-header{display:flex;align-items:center;justify-content:space-between;padding:var(--socialhub-spacing-lg) var(--socialhub-spacing-xl);border-bottom:1px solid var(--socialhub-color-outline-variant)}.tc-header h3{font-size:16px;font-weight:700;margin:0;color:var(--socialhub-color-on-surface)}.tc-link{font-size:13px;font-weight:600;color:var(--socialhub-color-primary);text-decoration:none}.tc-link:hover{text-decoration:underline}.tc-table{width:100%;border-collapse:collapse}.tc-table th{text-align:left;padding:var(--socialhub-spacing-sm) var(--socialhub-spacing-lg);font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--socialhub-color-on-surface-variant);border-bottom:1px solid var(--socialhub-color-outline-variant);background:var(--socialhub-color-surface-container-low)}.tc-table td{padding:var(--socialhub-spacing-md) var(--socialhub-spacing-lg);border-bottom:1px solid var(--socialhub-color-outline-variant)}.post-detail{display:flex;align-items:center;gap:var(--socialhub-spacing-md)}.post-thumb-img{width:44px;height:44px;border-radius:var(--socialhub-rounded-sm);background-color:var(--socialhub-color-surface-container);background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #0000000d}.post-thumb-img.img-1{background-image:url(https://images.unsplash.com/photo-1611162617474-5b21e879e113?w=100&q=80)}.post-thumb-img.img-2{background-image:url(https://images.unsplash.com/photo-1460925895917-afdab827c52f?w=100&q=80)}.post-thumb-img.img-3{background-image:url(https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=100&q=80)}.post-info{display:flex;flex-direction:column;gap:2px}.post-title{font-size:14px;font-weight:600;color:var(--socialhub-color-on-surface)}.post-date{font-size:11px;color:var(--socialhub-color-on-surface-variant)}.channel-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--socialhub-rounded-full);background:#f1f5f9;font-size:12px;font-weight:600;color:#334155}.channel-icon{font-size:14px}.metric-reach{font-size:14px;font-weight:500;color:var(--socialhub-color-on-surface)}.engagement-cell{display:flex;align-items:center;gap:10px}.eng-val{font-size:14px;font-weight:500;color:var(--socialhub-color-on-surface);min-width:36px}.eng-track{width:48px;height:4px;background:var(--socialhub-color-surface-container);border-radius:2px;overflow:hidden}.eng-fill{height:100%;background:var(--socialhub-color-primary);border-radius:2px}.metric.positive{font-size:14px;font-weight:600;color:#10b981}.action-btn{background:transparent;border:none;padding:4px;color:var(--socialhub-color-on-surface-variant);cursor:pointer;border-radius:var(--socialhub-rounded-sm);transition:all .1s;display:flex;align-items:center;justify-content:center}.action-btn:hover{background:var(--socialhub-color-surface-container);color:var(--socialhub-color-on-surface)}.tc-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--socialhub-spacing-md) var(--socialhub-spacing-xl);background:var(--socialhub-color-surface-container-lowest);position:relative}.tc-showing{font-size:12px;color:var(--socialhub-color-on-surface-variant)}.tc-pagination{display:flex;align-items:center;gap:var(--socialhub-spacing-md)}.page-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--socialhub-color-outline-variant);border-radius:var(--socialhub-rounded-sm);color:var(--socialhub-color-on-surface-variant);cursor:pointer}.page-btn:hover{background:var(--socialhub-color-surface-container);color:var(--socialhub-color-on-surface)}@media(max-width:1279px){.charts-row{grid-template-columns:1fr}.kpi-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.kpi-row{grid-template-columns:1fr}}@media(prefers-reduced-motion:no-preference){.kpi-card{animation:fadeUp .3s ease both}.bar{animation:barGrow .6s ease forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes barGrow{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}}.dashboard-main{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}.vault-content{flex:1;min-height:0;overflow-y:auto;padding:var(--socialhub-spacing-xxl);display:flex;flex-direction:column;gap:var(--socialhub-spacing-xxl)}.vault-content:after{content:"";display:block;min-height:1px;flex-shrink:0}.btn-outline{display:inline-flex;align-items:center;gap:8px;padding:0 23px;border-radius:var(--socialhub-rounded-md);border:1px solid var(--socialhub-color-outline-variant);background:var(--socialhub-color-surface-container-lowest);color:var(--socialhub-color-on-surface);font-size:14px;font-weight:600;cursor:pointer;transition:all .12s ease;height:44px;box-sizing:border-box}.btn-outline:hover{border-color:var(--socialhub-color-primary);color:var(--socialhub-color-primary)}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:0 24px;border-radius:var(--socialhub-rounded-md);border:none;background:var(--socialhub-color-primary);color:var(--socialhub-color-on-primary);font-size:14px;font-weight:600;cursor:pointer;transition:filter .12s ease;height:44px;box-sizing:border-box}.btn-primary:hover{filter:brightness(.92)}.icon-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--socialhub-color-on-surface-variant);border-radius:var(--socialhub-rounded-sm);cursor:pointer;transition:all .12s ease}.icon-btn:hover{background:var(--socialhub-color-surface-container-low);color:var(--socialhub-color-on-surface)}.vault-top-grid{display:grid;grid-template-columns:1fr 320px;gap:var(--socialhub-spacing-xl)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--socialhub-spacing-lg)}.section-title{display:flex;align-items:center;gap:var(--socialhub-spacing-xs);font-size:16px;font-weight:700;color:var(--socialhub-color-on-surface);margin:0}.media-library{padding:var(--socialhub-spacing-xl)}.view-toggles{display:flex;gap:2px;background:var(--socialhub-color-surface-container);border-radius:var(--socialhub-rounded-sm);padding:2px}.view-btn{width:30px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--socialhub-color-on-surface-variant);border-radius:var(--socialhub-rounded-sm);cursor:pointer;transition:all .12s ease}.view-btn.active{background:var(--socialhub-color-surface-container-lowest);color:var(--socialhub-color-primary);box-shadow:0 1px 2px #0000000f}.folder-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--socialhub-spacing-md);margin-bottom:var(--socialhub-spacing-xl)}.folder-card{display:flex;flex-direction:column;align-items:center;gap:var(--socialhub-spacing-xxs);cursor:pointer}.folder-thumb{width:100%;aspect-ratio:1.2;background:var(--socialhub-color-surface-container-low);border-radius:var(--socialhub-rounded-md);display:flex;align-items:center;justify-content:center;border:1px solid var(--socialhub-color-outline-variant);transition:border-color .12s ease}.folder-card:hover .folder-thumb{border-color:var(--socialhub-color-primary)}.folder-icon{font-size:36px}.folder-name{font-size:12px;font-weight:600;color:var(--socialhub-color-on-surface);text-align:center}.folder-meta{font-size:11px;color:var(--socialhub-color-on-surface-variant)}.folder-thumb-new{border-style:dashed;color:var(--socialhub-color-on-surface-variant)}.folder-new:hover .folder-thumb-new{border-color:var(--socialhub-color-primary);color:var(--socialhub-color-primary)}.recent-section{border-top:1px solid var(--socialhub-color-surface-container);padding-top:var(--socialhub-spacing-md)}.recent-title{font-size:11px;font-weight:700;color:var(--socialhub-color-on-surface-variant);letter-spacing:.06em;margin:0 0 var(--socialhub-spacing-sm) 0}.recent-table{width:100%;border-collapse:collapse;table-layout:fixed}.recent-table th{font-size:12px;font-weight:500;color:var(--socialhub-color-on-surface-variant);text-align:left;padding:var(--socialhub-spacing-xs) 0;border-bottom:1px solid var(--socialhub-color-surface-container)}.recent-table td{font-size:13px;padding:var(--socialhub-spacing-sm) 0;border-bottom:1px solid var(--socialhub-color-surface-container);color:var(--socialhub-color-on-surface-variant);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-name{display:flex;align-items:center;gap:var(--socialhub-spacing-xs);color:var(--socialhub-color-on-surface);font-weight:500;overflow:hidden}.file-name svg{flex-shrink:0;display:block;width:16px;height:16px}.file-name-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-actions{text-align:right}.identity-panel{padding:var(--socialhub-spacing-xl)}.subsection-title{font-size:11px;font-weight:700;color:var(--socialhub-color-on-surface-variant);letter-spacing:.06em;margin:var(--socialhub-spacing-lg) 0 var(--socialhub-spacing-sm) 0}.subsection-title:first-of-type{margin-top:var(--socialhub-spacing-md)}.palette-list{display:flex;flex-direction:column;gap:var(--socialhub-spacing-md)}.palette-item{display:flex;align-items:center;gap:var(--socialhub-spacing-sm)}.palette-swatch{width:36px;height:36px;border-radius:var(--socialhub-rounded-md);flex-shrink:0}.palette-info{display:flex;flex-direction:column;flex:1;min-width:0}.palette-name{font-size:13px;font-weight:600;color:var(--socialhub-color-on-surface)}.palette-hex{font-size:12px;color:var(--socialhub-color-on-surface-variant);font-family:var(--socialhub-font-label)}.typo-card{background:var(--socialhub-color-surface-container-low);border-radius:var(--socialhub-rounded-md);padding:var(--socialhub-spacing-md);margin-bottom:var(--socialhub-spacing-sm)}.typo-label{font-size:10px;font-weight:700;color:var(--socialhub-color-on-surface-variant);letter-spacing:.06em;display:block;margin-bottom:var(--socialhub-spacing-xxs)}.typo-demo-heading{font-family:var(--socialhub-font-heading);font-size:20px;font-weight:800;color:var(--socialhub-color-on-surface);display:block;line-height:1.3}.typo-demo-mono{font-family:var(--socialhub-font-label);font-size:16px;font-weight:500;color:var(--socialhub-color-on-surface);display:block;line-height:1.3}.typo-desc{font-size:12px;color:var(--socialhub-color-on-surface-variant);margin-top:var(--socialhub-spacing-xxs);line-height:1.4}.view-all-link{font-size:13px;font-weight:500;color:var(--socialhub-color-primary);text-decoration:none}.view-all-link:hover{text-decoration:underline}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--socialhub-spacing-md)}.template-card{display:flex;flex-direction:column;border:1px solid var(--socialhub-color-outline-variant);border-radius:var(--socialhub-rounded-md);overflow:hidden;background:var(--socialhub-color-surface-container-lowest)}.template-header{display:flex;align-items:center;justify-content:space-between;background:var(--socialhub-color-surface-container);padding:var(--socialhub-spacing-sm) var(--socialhub-spacing-lg);border-bottom:1px solid var(--socialhub-color-outline-variant)}.template-type{font-size:10px;font-weight:700;color:var(--socialhub-color-on-surface-variant);letter-spacing:.06em}.template-top-icon{color:var(--socialhub-color-on-surface-variant);display:flex;align-items:center}.template-body{padding:var(--socialhub-spacing-lg);display:flex;flex-direction:column;gap:var(--socialhub-spacing-sm);flex:1}.template-title{font-size:16px;font-weight:700;color:var(--socialhub-color-on-surface);margin:0}.template-desc{font-size:13px;color:var(--socialhub-color-on-surface-variant);line-height:1.5;margin:0;font-style:italic}.template-placeholders{display:flex;gap:var(--socialhub-spacing-xs);margin-bottom:var(--socialhub-spacing-xs)}.template-placeholder{flex:1;aspect-ratio:1.2;background:var(--socialhub-color-surface-container);border-radius:2px}.template-tags{display:flex;flex-wrap:wrap;gap:var(--socialhub-spacing-xxs);align-content:flex-start}.template-tag{font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--socialhub-rounded-md);background:var(--socialhub-color-primary-fixed);color:var(--socialhub-color-primary)}.template-footer{display:flex;align-items:center;gap:var(--socialhub-spacing-sm);padding:0 var(--socialhub-spacing-lg) var(--socialhub-spacing-lg)}.template-btn{flex:1;padding:8px 12px;border:none;border-radius:var(--socialhub-rounded-md);font-size:13px;font-weight:600;cursor:pointer;transition:filter .12s ease;height:36px}.template-btn:hover{filter:brightness(.92)}.template-btn-primary{background:var(--socialhub-color-primary);color:var(--socialhub-color-on-primary)}.template-icon-btn{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--socialhub-color-outline-variant);border-radius:var(--socialhub-rounded-md);background:transparent;color:var(--socialhub-color-on-surface-variant);cursor:pointer;transition:all .12s ease}.template-icon-btn:hover{border-color:var(--socialhub-color-primary);color:var(--socialhub-color-primary)}@media(max-width:1279px){.vault-top-grid{grid-template-columns:1fr}.template-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.vault-content{padding:var(--socialhub-spacing-md)}.template-grid{grid-template-columns:1fr}.folder-grid{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:no-preference){.folder-card,.template-card,.palette-item{animation:fadeUp .35s ease both}.folder-card:nth-child(1){animation-delay:0ms}.folder-card:nth-child(2){animation-delay:60ms}.folder-card:nth-child(3){animation-delay:.12s}.folder-card:nth-child(4){animation-delay:.18s}.template-card:nth-child(1){animation-delay:0ms}.template-card:nth-child(2){animation-delay:80ms}.template-card:nth-child(3){animation-delay:.16s}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}.folder-grid.list-view{grid-template-columns:1fr;gap:var(--socialhub-spacing-sm)}.folder-grid.list-view .folder-card{flex-direction:row;justify-content:flex-start;align-items:center;text-align:left;padding:var(--socialhub-spacing-sm);border:1px solid var(--socialhub-color-outline-variant);border-radius:var(--socialhub-rounded-md);background:var(--socialhub-color-surface-container-lowest)}.folder-grid.list-view .folder-thumb{width:48px;height:48px;aspect-ratio:auto;margin-right:var(--socialhub-spacing-md);flex-shrink:0}.folder-grid.list-view .folder-icon{font-size:24px}.folder-grid.list-view .folder-name{flex:1;text-align:left}.folder-grid.list-view .folder-meta{flex-shrink:0}.folder-grid.list-view .folder-new{border-style:dashed;background:transparent}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--socialhub-color-surface);border-radius:var(--socialhub-rounded-lg);width:480px;max-width:90vw;box-shadow:0 12px 32px #00000026;display:flex;flex-direction:column;animation:modalIn .2s cubic-bezier(.16,1,.3,1)}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header h3{font-size:18px;font-weight:700;margin:0;color:var(--socialhub-color-on-surface)}.modal-close{background:transparent;border:none;cursor:pointer;color:var(--socialhub-color-on-surface-variant);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--socialhub-rounded-md)}.modal-close:hover{background:var(--socialhub-color-surface-container);color:var(--socialhub-color-on-surface)}.modal-body{padding:var(--socialhub-spacing-xl);display:flex;flex-direction:column;gap:var(--socialhub-spacing-md)}.upload-dropzone{border:2px dashed var(--socialhub-color-outline-variant);border-radius:var(--socialhub-rounded-md);padding:48px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--socialhub-color-surface-container-lowest)}.upload-dropzone:hover,.upload-dropzone.dragover{border-color:var(--socialhub-color-primary);background:var(--socialhub-color-primary-fixed)}.upload-icon{margin-bottom:16px;color:var(--socialhub-color-primary)}.upload-text{display:flex;flex-direction:column;gap:4px}.upload-title{font-size:15px;font-weight:600;color:var(--socialhub-color-on-surface)}.upload-subtitle{font-size:13px;color:var(--socialhub-color-on-surface-variant)}.upload-preview{display:flex;flex-direction:column;gap:var(--socialhub-spacing-sm);max-height:200px;overflow-y:auto}.preview-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--socialhub-color-outline-variant);border-radius:var(--socialhub-rounded-md);background:var(--socialhub-color-surface-container-lowest)}.preview-thumb{width:40px;height:40px;border-radius:4px;background:var(--socialhub-color-surface-container);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--socialhub-color-on-surface-variant)}.preview-thumb img{width:100%;height:100%;object-fit:cover}.preview-info{flex:1;display:flex;flex-direction:column;overflow:hidden}.preview-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--socialhub-color-on-surface)}.preview-size{font-size:11px;color:var(--socialhub-color-on-surface-variant)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--socialhub-spacing-md);padding:var(--socialhub-spacing-lg) var(--socialhub-spacing-xl);border-top:1px solid var(--socialhub-color-outline-variant);background:var(--socialhub-color-surface-container-lowest);border-radius:0 0 var(--socialhub-rounded-lg) var(--socialhub-rounded-lg)}.share-desc{font-size:14px;color:var(--socialhub-color-on-surface-variant);margin-bottom:16px;margin-top:0}.share-link-box{display:flex;gap:8px}.share-link-box input{flex:1;padding:0 12px;border:1px solid var(--socialhub-color-outline-variant);border-radius:var(--socialhub-rounded-md);font-size:14px;color:var(--socialhub-color-on-surface);background:var(--socialhub-color-surface-container-lowest);height:40px}.share-link-box input:focus{outline:none;border-color:var(--socialhub-color-primary)}.inbox-layout{flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.inbox-list{width:320px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--socialhub-color-outline-variant);background:var(--socialhub-color-surface-container-lowest)}.inbox-list-header{display:flex;align-items:center;justify-content:space-between;padding:var(--socialhub-spacing-md) var(--socialhub-spacing-lg);border-bottom:1px solid var(--socialhub-color-outline-variant)}.inbox-title{font-size:18px;font-weight:700;margin:0;color:var(--socialhub-color-on-surface)}.inbox-actions{display:flex;gap:var(--socialhub-spacing-xs)}.inbox-icon-btn{width:32px;height:32px;border:1px solid var(--socialhub-color-outline-variant);border-radius:var(--socialhub-rounded-md);background:transparent;display:flex;align-items:center;justify-content:center;color:var(--socialhub-color-on-surface-variant);cursor:pointer;transition:all .12s}.inbox-icon-btn:hover{border-color:var(--socialhub-color-primary);color:var(--socialhub-color-primary)}.inbox-messages{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c4c9d4 transparent}.msg-item{display:flex;gap:var(--socialhub-spacing-sm);padding:var(--socialhub-spacing-md) var(--socialhub-spacing-lg);text-decoration:none;border-left:3px solid transparent;transition:background .12s;cursor:pointer}.msg-item:hover{background:var(--socialhub-color-surface-container-low)}.msg-item.active{background:var(--socialhub-color-primary-fixed);border-left-color:var(--socialhub-color-primary)}.msg-channel-icon{flex-shrink:0;margin-top:2px}.ch-dot{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.ch-dot.twitter{background:#1da1f220;color:#1da1f2}.ch-dot.linkedin{background:#0077b520;color:#0077b5}.ch-dot.instagram{background:#e4405f20;font-size:12px}.msg-body{flex:1;min-width:0}.msg-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.msg-name{font-size:13px;font-weight:600;color:var(--socialhub-color-on-surface)}.msg-time{font-size:11px;color:var(--socialhub-color-on-surface-variant)}.msg-preview{margin:0;font-size:12px;color:var(--socialhub-color-on-surface-variant);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-tags{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}.msg-tag{font-size:9px;font-weight:700;padding:2px 6px;border-radius:var(--socialhub-rounded-sm);letter-spacing:.04em}.conv-panel{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--socialhub-color-surface-container-lowest)}.conv-header{display:flex;align-items:center;justify-content:space-between;padding:var(--socialhub-spacing-md) var(--socialhub-spacing-xl);border-bottom:1px solid var(--socialhub-color-outline-variant);flex-shrink:0}.conv-user{display:flex;align-items:center;gap:var(--socialhub-spacing-sm)}.conv-avatar{width:40px;height:40px;border-radius:50%;position:relative;background:var(--socialhub-color-primary-fixed);display:flex;align-items:center;justify-content:center}.conv-avatar-text{font-size:13px;font-weight:700;color:var(--socialhub-color-primary)}.conv-online{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;background:#10b981;border:2px solid var(--socialhub-color-surface-container-lowest)}.conv-name{font-size:15px;font-weight:700;color:var(--socialhub-color-on-surface);display:block}.conv-status{font-size:12px;color:var(--socialhub-color-on-surface-variant)}.conv-header-actions{display:flex;gap:var(--socialhub-spacing-sm)}.conv-action-btn{padding:6px 14px;border-radius:var(--socialhub-rounded-md);font-size:12px;font-weight:600;border:1px solid var(--socialhub-color-outline-variant);background:transparent;color:var(--socialhub-color-on-surface-variant);cursor:pointer;transition:all .12s}.conv-action-btn:hover{border-color:var(--socialhub-color-primary)}.conv-action-btn.resolve{background:#10b981;color:#fff;border-color:#10b981}.conv-action-btn.resolve:hover{filter:brightness(.92)}.conv-messages{flex:1;overflow-y:auto;padding:var(--socialhub-spacing-xl);display:flex;flex-direction:column;gap:var(--socialhub-spacing-lg);scrollbar-width:thin;scrollbar-color:#c4c9d4 transparent}.conv-date-divider{text-align:center;position:relative}.conv-date-divider span{font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--socialhub-color-on-surface-variant);background:var(--socialhub-color-surface-container-lowest);padding:0 var(--socialhub-spacing-md);position:relative;z-index:1}.conv-date-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--socialhub-color-outline-variant)}.conv-bubble{display:flex;gap:var(--socialhub-spacing-sm);max-width:75%}.conv-bubble.customer{align-self:flex-start}.bubble-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;background:var(--socialhub-color-surface-container-high);display:flex;align-items:center;justify-content:center;color:var(--socialhub-color-on-surface-variant)}.bubble-content{padding:var(--socialhub-spacing-md);background:var(--socialhub-color-surface-container-low);border-radius:2px var(--socialhub-rounded-lg) var(--socialhub-rounded-lg) var(--socialhub-rounded-lg)}.bubble-content p{margin:0;font-size:13px;line-height:1.6;color:var(--socialhub-color-on-surface)}.bubble-meta{font-size:10px;color:var(--socialhub-color-on-surface-variant);display:block;margin-top:var(--socialhub-spacing-xs)}.ai-draft-block{align-self:flex-end;max-width:75%}.ai-draft-badge{display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:800;letter-spacing:.06em;color:var(--socialhub-color-primary);margin-bottom:var(--socialhub-spacing-xs)}.ai-draft-content{padding:var(--socialhub-spacing-md);background:var(--socialhub-color-primary-fixed);border-left:3px solid var(--socialhub-color-primary);border-radius:var(--socialhub-rounded-lg) 2px var(--socialhub-rounded-lg) var(--socialhub-rounded-lg)}.ai-draft-content p{margin:0;font-size:13px;line-height:1.6;color:var(--socialhub-color-on-surface);font-style:italic}.ai-draft-actions{display:flex;gap:var(--socialhub-spacing-xs);margin-top:var(--socialhub-spacing-sm)}.ai-btn{padding:6px 14px;border-radius:var(--socialhub-rounded-md);font-size:12px;font-weight:600;cursor:pointer;transition:all .12s}.ai-btn.apply{background:var(--socialhub-color-primary);color:var(--socialhub-color-on-primary);border:none}.ai-btn.apply:hover{filter:brightness(.92)}.ai-btn.regen{background:transparent;border:1px solid var(--socialhub-color-outline-variant);color:var(--socialhub-color-on-surface)}.ai-btn.regen:hover{border-color:var(--socialhub-color-primary)}.conv-composer{border-top:1px solid var(--socialhub-color-outline-variant);padding:0;flex-shrink:0;display:flex;flex-direction:column}.composer-tabs{display:flex;border-bottom:1px solid var(--socialhub-color-outline-variant)}.composer-tab{padding:var(--socialhub-spacing-sm) var(--socialhub-spacing-lg);font-size:12px;font-weight:600;border:none;background:transparent;color:var(--socialhub-color-on-surface-variant);cursor:pointer;border-bottom:2px solid transparent;transition:all .12s}.composer-tab.active{color:var(--socialhub-color-primary);border-bottom-color:var(--socialhub-color-primary)}.composer-input{width:100%;border:none;background:transparent;padding:var(--socialhub-spacing-md) var(--socialhub-spacing-lg);font-size:13px;font-family:inherit;color:var(--socialhub-color-on-surface);resize:none;outline:none;line-height:1.5}.composer-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--socialhub-spacing-xs) var(--socialhub-spacing-lg) var(--socialhub-spacing-sm)}.composer-icons{display:flex;gap:var(--socialhub-spacing-xs)}.comp-icon{background:none;border:none;font-size:14px;cursor:pointer;color:var(--socialhub-color-on-surface-variant);padding:4px;display:flex;align-items:center;justify-content:center}.comp-icon:hover{color:var(--socialhub-color-primary)}.send-btn{display:flex;align-items:center;gap:var(--socialhub-spacing-xs);padding:7px 16px;background:var(--socialhub-color-primary);color:var(--socialhub-color-on-primary);border:none;border-radius:var(--socialhub-rounded-md);font-size:12px;font-weight:600;cursor:pointer;transition:filter .12s}.send-btn:hover{filter:brightness(.92)}.contact-panel{width:280px;flex-shrink:0;overflow-y:auto;border-left:1px solid var(--socialhub-color-outline-variant);background:var(--socialhub-color-surface-container-lowest);padding:var(--socialhub-spacing-lg);display:flex;flex-direction:column;gap:var(--socialhub-spacing-lg);scrollbar-width:thin;scrollbar-color:#c4c9d4 transparent}.contact-profile{text-align:center}.contact-photo{width:72px;height:72px;border-radius:50%;margin:0 auto var(--socialhub-spacing-sm);background:var(--socialhub-color-surface-container-high);display:flex;align-items:center;justify-content:center}.contact-name{font-size:16px;font-weight:700;margin:0 0 2px;color:var(--socialhub-color-on-surface)}.contact-role{font-size:12px;color:var(--socialhub-color-on-surface-variant);margin:0 0 var(--socialhub-spacing-sm)}.contact-socials{display:flex;justify-content:center;gap:var(--socialhub-spacing-sm)}.social-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--socialhub-color-outline-variant);background:transparent;display:flex;align-items:center;justify-content:center;color:var(--socialhub-color-on-surface-variant);cursor:pointer;transition:all .12s}.social-btn:hover{border-color:var(--socialhub-color-primary);color:var(--socialhub-color-primary)}.contact-section{display:flex;flex-direction:column;gap:var(--socialhub-spacing-sm)}.cs-label{font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--socialhub-color-on-surface-variant)}.cs-label-row{display:flex;align-items:center;justify-content:space-between}.cs-edit-btn{background:none;border:none;font-size:11px;color:var(--socialhub-color-primary);cursor:pointer;font-weight:600}.cs-tags{display:flex;flex-wrap:wrap;gap:var(--socialhub-spacing-xs)}.cs-tag{display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--socialhub-rounded-sm);font-size:11px;font-weight:600}.cs-tag.red{background:#ef444420;color:#ef4444}.cs-tag.purple{background:#6366f120;color:#6366f1}.tag-remove{background:none;border:none;font-size:14px;cursor:pointer;color:inherit;padding:0;line-height:1}.add-label-btn{background:none;border:none;font-size:12px;color:var(--socialhub-color-primary);cursor:pointer;text-align:left;font-weight:500;padding:0}.add-label-btn:hover{text-decoration:underline}.priority-select{width:100%;padding:7px 10px;border:1px solid var(--socialhub-color-outline-variant);border-radius:var(--socialhub-rounded-md);font-size:12px;font-weight:600;color:var(--socialhub-color-on-surface);background:var(--socialhub-color-surface-container-lowest);cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.priority-select.high{color:#ef4444;border-color:#ef444440}.saved-reply{padding:var(--socialhub-spacing-sm);border-radius:var(--socialhub-rounded-md);cursor:pointer;transition:background .12s}.saved-reply:hover{background:var(--socialhub-color-surface-container-low)}.sr-title{font-size:12px;font-weight:600;color:var(--socialhub-color-on-surface);display:block}.sr-preview{font-size:11px;color:var(--socialhub-color-on-surface-variant)}.recent-item{display:flex;align-items:flex-start;gap:var(--socialhub-spacing-sm)}.ri-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px}.ri-info{display:flex;flex-direction:column}.ri-title{font-size:12px;font-weight:600;color:var(--socialhub-color-on-surface)}.ri-meta{font-size:10px;color:var(--socialhub-color-on-surface-variant)}@media(max-width:1279px){.contact-panel{display:none}}@media(max-width:1023px){.inbox-list{width:260px}}@media(max-width:767px){.inbox-list{display:none}}@media(prefers-reduced-motion:no-preference){.msg-item{animation:slideIn .3s ease both}.conv-bubble,.ai-draft-block{animation:fadeUp .3s ease both}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}.dashboard-shell{display:flex;min-height:100vh;background:var(--socialhub-color-background);overflow-x:hidden}.dashboard-main{flex:1;min-width:0;display:flex;flex-direction:column}.ad-content{flex:1;overflow-y:auto;padding:var(--socialhub-spacing-xxl);display:flex;flex-direction:column;gap:var(--socialhub-spacing-xxl)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--socialhub-spacing-md)}.platform-chips{display:flex;gap:var(--socialhub-spacing-xxs)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--socialhub-spacing-md)}.section-header h3{font-size:16px;font-weight:600;color:var(--socialhub-color-on-surface);margin:0}table{width:100%;border-collapse:collapse}.campaign-name{font-weight:500;color:var(--socialhub-color-on-surface);white-space:nowrap}.ai-optimization{padding:var(--socialhub-spacing-xxl)}.ai-opt-header{display:flex;align-items:center;gap:var(--socialhub-spacing-sm);margin-bottom:var(--socialhub-spacing-xl)}.ai-opt-header h3{font-size:16px;font-weight:600;color:var(--socialhub-color-tertiary-md);margin:0}.ai-opt-header svg{color:var(--socialhub-color-tertiary-md)}.ai-opt-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--socialhub-spacing-xl)}.opt-card{background:#fff9;padding:var(--socialhub-spacing-xl);border-radius:var(--socialhub-rounded-lg)}.opt-card strong{display:block;margin-bottom:var(--socialhub-spacing-sm);font-size:14px}.opt-card p{font-size:14px;line-height:1.5;color:var(--socialhub-color-on-surface);margin:0 0 var(--socialhub-spacing-md) 0}@media(max-width:1279px){.ai-opt-cards{grid-template-columns:1fr}}@media(max-width:768px){.ad-content{padding:var(--socialhub-spacing-md)}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:no-preference){.table-row{animation:rowFade .3s ease both}@keyframes rowFade{0%{opacity:0}to{opacity:1}}}.app-wrapper{display:flex;flex-direction:column;height:100vh;overflow:hidden}.dashboard-shell{display:flex;flex:1;background:var(--socialhub-color-background);overflow:hidden;min-height:0}.settings-main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--socialhub-color-surface-container-lowest)}.settings-page-header{padding:var(--socialhub-spacing-lg) var(--socialhub-spacing-xxl);border-bottom:1px solid var(--socialhub-color-outline-variant);background:var(--socialhub-color-surface-container-lowest);flex-shrink:0}.settings-page-header h1{font-family:var(--socialhub-font-heading);font-size:22px;font-weight:700;color:#0f172a;margin:0}.settings-layout{display:flex;flex:1;min-height:0}.settings-sidebar{width:260px;flex-shrink:0;border-right:1px solid var(--socialhub-color-outline-variant);background:var(--socialhub-color-surface-container-lowest);padding:var(--socialhub-spacing-xl) 0;overflow-y:auto}.nav-group{margin-bottom:32px}.nav-group-title{display:block;font-size:11px;font-weight:700;color:#94a3b8;letter-spacing:.1em;margin-bottom:16px;padding:0 var(--socialhub-spacing-xl)}.nav-item{display:flex;align-items:center;gap:12px;padding:10px var(--socialhub-spacing-xl);color:#475569;text-decoration:none;font-size:14px;font-weight:500;transition:all .1s;margin:0 12px 4px;border-radius:8px}.nav-item:hover{background:#f1f5f9;color:#1e293b}.nav-item.active{background:#eff6ff;color:#2563eb}.nav-icon{opacity:.7}.nav-item.active .nav-icon{opacity:1}.settings-content{flex:1;padding:48px;overflow-y:auto;background:#f8fafc}.settings-section{display:none;animation:fadeIn .3s ease}.settings-section.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.sc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.sc-header-left{display:flex;flex-direction:column;gap:8px}.sc-header h2{font-size:22px;font-weight:700;color:#0f172a;margin:0}.sc-header p{font-size:14px;color:#64748b;margin:0}.btn-primary-pill{background:#0ea5e9;color:#fff;border:none;padding:10px 24px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:background .2s;box-shadow:0 4px 6px -1px #0ea5e933;display:flex;align-items:center;gap:8px}.btn-primary-pill:hover{background:#0284c7}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px}.int-card{border-radius:8px;padding:24px;display:flex;flex-direction:column;justify-content:center;min-height:120px}.int-card.connected{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.int-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.int-title{font-size:16px;font-weight:600;color:#0f172a}.badge.connected{background:#4ade80;color:#064e3b;padding:4px 10px;border-radius:12px;font-size:10px;font-weight:700;letter-spacing:.05em}.int-card-bottom{font-size:13px;color:#475569}.int-card.dashed{background:#fff;border:2px dashed #cbd5e1;cursor:pointer;transition:all .2s;align-items:center;justify-content:center}.int-card.dashed:hover{border-color:#94a3b8;background:#f8fafc}.int-card-center{display:flex;flex-direction:column;align-items:center;gap:12px;color:#64748b}.int-card-center span{font-size:14px;font-weight:500}.team-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.team-table{width:100%;border-collapse:collapse}.team-table th{text-align:left;padding:16px 24px;font-size:11px;font-weight:700;color:#94a3b8;letter-spacing:.05em;border-bottom:1px solid #e2e8f0;background:#f8fafc}.team-table td{padding:16px 24px;border-bottom:1px solid #e2e8f0}.team-table tr:last-child td{border-bottom:none}.member-cell{display:flex;align-items:center;gap:16px}.member-avatar{width:40px;height:40px;border-radius:8px;background-size:cover;background-position:center;background-color:#e2e8f0}.member-avatar.placeholder{display:flex;align-items:center;justify-content:center;background-color:#dbeafe;color:#60a5fa}.member-info{display:flex;flex-direction:column;gap:4px}.member-name{font-size:15px;font-weight:600;color:#0f172a}.member-email{font-size:13px;color:#64748b}.role-selector{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;cursor:pointer}.role-selector.admin{color:#2563eb}.role-selector.normal{color:#64748b}.last-active{font-size:13px;color:#64748b;font-family:monospace}.btn-icon{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:8px;border-radius:4px;transition:color .2s}.btn-icon:hover{color:#ef4444;background:#fef2f2}.noti-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px}.noti-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:24px}.noti-header{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:700;color:#0f172a;margin-bottom:24px}.noti-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.noti-row:last-child{margin-bottom:0}.noti-label{font-size:13px;font-weight:500;color:#475569}.noti-subtext{font-size:11px;font-style:italic;color:#94a3b8;margin-top:8px}.toggle-switch{position:relative;width:36px;height:20px;background:#cbd5e1;border-radius:10px;cursor:pointer;transition:.3s}.toggle-switch.on{background:#2563eb}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:.3s;box-shadow:0 1px 2px #0000001a}.toggle-switch.on:after{transform:translate(16px)}.noti-dashed-btn{border:1px dashed #cbd5e1;border-radius:4px;padding:12px;text-align:center;font-size:12px;font-weight:700;color:#2563eb;cursor:pointer;transition:.2s}.noti-dashed-btn:hover{background:#f8fafc}.webhook-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:24px}.webhook-card h3{font-size:14px;font-weight:700;color:#0f172a;margin:0 0 16px}.webhook-input-group{display:flex;gap:16px}.webhook-input{flex:1;padding:10px 16px;border:1px solid #e2e8f0;border-radius:4px;font-size:13px;color:#64748b;background:#f8fafc}.webhook-btn{padding:0 20px;background:#fff;border:1px solid #93c5fd;border-radius:4px;color:#2563eb;font-size:12px;font-weight:600;cursor:pointer;transition:.2s}.webhook-btn:hover{background:#eff6ff}.mock-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:48px;text-align:center;color:#64748b}.cal-layout{flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.cal-main{flex:1;display:flex;flex-direction:column;padding:var(--socialhub-spacing-xl);overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#c4c9d4 #f0f1f3}.cal-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--socialhub-spacing-lg)}.cal-header-left{display:flex;align-items:flex-end;gap:var(--socialhub-spacing-md)}.cal-month-title{font-family:var(--socialhub-font-heading);font-size:28px;font-weight:700;color:var(--socialhub-color-on-surface);line-height:1.1;margin:0}.cal-year{font-weight:400;font-size:28px;color:var(--socialhub-color-on-surface)}.cal-header-right{display:flex;align-items:center;gap:var(--socialhub-spacing-lg)}.view-toggle{display:flex;background:var(--socialhub-color-surface-container);border-radius:var(--socialhub-rounded-md);padding:3px;gap:2px}.toggle-btn{padding:6px 14px;border:none;background:transparent;font-size:13px;font-weight:500;color:var(--socialhub-color-on-surface-variant);border-radius:var(--socialhub-rounded-sm);cursor:pointer;transition:all .12s ease}.legend-group{display:flex;align-items:center;gap:var(--socialhub-spacing-xs)}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.legend-dot.green{background:#10b981}.legend-dot.blue{background:#3b82f6}.legend-dot.indigo{background:#6366f1}.legend-label{font-size:12px;color:var(--socialhub-color-on-surface-variant);margin-right:var(--socialhub-spacing-sm)}.cal-grid-wrapper{flex:1;display:flex;flex-direction:column}.cal-day-headers{display:grid;grid-template-columns:repeat(7,1fr)}.cal-day-header{text-align:center;padding:var(--socialhub-spacing-sm);font-size:11px;font-weight:700;color:var(--socialhub-color-on-surface-variant);letter-spacing:.06em;text-transform:uppercase}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(100px,1fr);gap:1px;background:var(--socialhub-color-outline-variant);border-radius:var(--socialhub-rounded-lg);overflow:hidden;flex:1}.cal-cell{background:var(--socialhub-color-surface-container-lowest);min-height:90px;padding:var(--socialhub-spacing-xs);display:flex;flex-direction:column;gap:3px;cursor:pointer;transition:background .12s ease;min-width:0}.cal-cell:hover{background:var(--socialhub-color-surface-container-low)}.cal-cell.other-month{background:var(--socialhub-color-surface-container);cursor:default}.cal-cell.other-month .cell-num{color:var(--socialhub-color-outline)}.cell-num{font-size:13px;font-weight:500;color:var(--socialhub-color-on-surface);width:26px;height:26px;display:flex;align-items:center;justify-content:center}.cell-num.today{background:var(--socialhub-color-primary);color:var(--socialhub-color-on-primary);border-radius:50%;font-weight:700}.cal-event{display:flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;border-left:3px solid;font-size:10px;overflow:hidden}.ce-time{font-weight:700;white-space:nowrap}.ce-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--socialhub-color-on-surface)}.smart-queue-bar{display:flex;align-items:center;gap:var(--socialhub-spacing-lg);padding:var(--socialhub-spacing-md) var(--socialhub-spacing-xl);margin-top:var(--socialhub-spacing-md);background:var(--socialhub-color-surface-container-lowest);border:1px solid var(--socialhub-color-outline-variant);border-radius:var(--socialhub-rounded-lg);flex-shrink:0}.sq-label{display:flex;align-items:center;gap:var(--socialhub-spacing-xs);font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--socialhub-color-on-surface);white-space:nowrap}.sq-item{display:flex;align-items:center;gap:var(--socialhub-spacing-sm);cursor:grab}.sq-thumb{width:36px;height:36px;border-radius:var(--socialhub-rounded-md);background:var(--socialhub-color-surface-container);display:flex;align-items:center;justify-content:center;font-size:18px}.sq-info{display:flex;flex-direction:column}.sq-date{font-size:12px;font-weight:600;color:var(--socialhub-color-on-surface)}.sq-tip{font-size:10px;font-weight:500}.post-panel{width:300px;flex-shrink:0;border-left:1px solid var(--socialhub-color-outline-variant);background:var(--socialhub-color-surface-container-lowest);display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c4c9d4 #f0f1f3}.post-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--socialhub-spacing-md) var(--socialhub-spacing-lg);border-bottom:1px solid var(--socialhub-color-outline-variant)}.pp-title{font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--socialhub-color-on-surface)}.pp-actions{display:flex;gap:var(--socialhub-spacing-xs)}.pp-btn{width:32px;height:32px;border-radius:var(--socialhub-rounded-md);border:1px solid var(--socialhub-color-outline-variant);background:transparent;display:flex;align-items:center;justify-content:center;color:var(--socialhub-color-on-surface-variant);cursor:pointer;transition:all .12s ease}.pp-btn:hover{border-color:var(--socialhub-color-primary);color:var(--socialhub-color-primary)}.pp-btn.primary{background:var(--socialhub-color-primary);color:var(--socialhub-color-on-primary);border-color:var(--socialhub-color-primary)}.post-list-view{display:flex;flex-direction:column;gap:var(--socialhub-spacing-md);padding:var(--socialhub-spacing-md) var(--socialhub-spacing-lg);flex:1}.draft-post-card{display:flex;gap:var(--socialhub-spacing-md);align-items:flex-start;padding:var(--socialhub-spacing-md);background:var(--socialhub-color-surface);border:1px solid var(--socialhub-color-outline-variant);border-radius:var(--socialhub-rounded-md);cursor:grab;transition:border-color .15s ease}.draft-post-card:hover{border-color:var(--socialhub-color-primary)}.dpc-drag-handle{color:var(--socialhub-color-outline);margin-top:13px;flex-shrink:0}.dpc-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.dpc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.dpc-channel{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--socialhub-color-on-surface-variant)}.dpc-status{font-size:9px;font-weight:700;padding:2px 6px;border-radius:10px;letter-spacing:.05em}.dpc-status.ready{background:#10b98120;color:#10b981}.dpc-status.draft{background:var(--socialhub-color-surface-container-high);color:var(--socialhub-color-on-surface-variant)}.dpc-title{font-size:13px;font-weight:500;color:var(--socialhub-color-on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dpc-date{font-size:11px;color:var(--socialhub-color-on-surface-variant)}.schedule-btn{display:flex;align-items:center;justify-content:center;gap:var(--socialhub-spacing-xs);margin:var(--socialhub-spacing-md) var(--socialhub-spacing-lg);padding:10px;background:var(--socialhub-color-primary);color:var(--socialhub-color-on-primary);border:none;border-radius:var(--socialhub-rounded-md);font-size:13px;font-weight:600;cursor:pointer;transition:filter .12s}.schedule-btn:hover{filter:brightness(.92)}@media(max-width:1279px){.post-panel{display:none}}@media(max-width:767px){.cal-main{padding:var(--socialhub-spacing-md)}.smart-queue-bar{flex-wrap:wrap}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}.modal-card{background:var(--socialhub-color-surface-container-lowest);border-radius:var(--socialhub-rounded-xl);width:420px;max-width:90vw;box-shadow:0 20px 60px #0003;animation:slideUp .2s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--socialhub-spacing-lg) var(--socialhub-spacing-xl);border-bottom:1px solid var(--socialhub-color-outline-variant)}.modal-title{font-size:16px;font-weight:700;margin:0;color:var(--socialhub-color-on-surface)}.modal-close{background:none;border:none;font-size:22px;color:var(--socialhub-color-on-surface-variant);cursor:pointer;line-height:1}.modal-body{padding:var(--socialhub-spacing-xl)}.modal-desc{font-size:14px;color:var(--socialhub-color-on-surface-variant);margin:0 0 var(--socialhub-spacing-lg);line-height:1.5}.time-input-group{margin-bottom:var(--socialhub-spacing-md)}.time-label{display:block;font-size:12px;font-weight:600;color:var(--socialhub-color-on-surface);margin-bottom:var(--socialhub-spacing-xxs)}.time-input{width:100%;padding:var(--socialhub-spacing-sm) var(--socialhub-spacing-md);border:1px solid var(--socialhub-color-outline-variant);border-radius:var(--socialhub-rounded-md);font-size:16px;font-family:inherit;color:var(--socialhub-color-on-surface)}.time-input:focus{outline:none;border-color:var(--socialhub-color-primary);box-shadow:0 0 0 3px var(--socialhub-color-primary-fixed)}.conflict-warning{display:flex;align-items:center;gap:var(--socialhub-spacing-sm);padding:var(--socialhub-spacing-sm) var(--socialhub-spacing-md);background:#fef3c7;border:1px solid #f59e0b;border-radius:var(--socialhub-rounded-md);font-size:13px;color:#92400e}.modal-footer{display:flex;justify-content:flex-end;gap:var(--socialhub-spacing-sm);padding:var(--socialhub-spacing-md) var(--socialhub-spacing-xl);border-top:1px solid var(--socialhub-color-outline-variant)}.modal-btn{padding:8px 20px;border-radius:var(--socialhub-rounded-md);font-size:13px;font-weight:600;cursor:pointer;transition:all .12s ease}.modal-btn.cancel{background:transparent;border:1px solid var(--socialhub-color-outline-variant);color:var(--socialhub-color-on-surface-variant)}.modal-btn.cancel:hover{border-color:var(--socialhub-color-primary)}.modal-btn.confirm{background:var(--socialhub-color-primary);color:var(--socialhub-color-on-primary);border:none}.modal-btn.confirm:hover{filter:brightness(.92)}@media(prefers-reduced-motion:no-preference){@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}.queue-content{flex:1;overflow-y:auto;padding:var(--socialhub-spacing-xxl);display:flex;flex-direction:column;gap:var(--socialhub-spacing-xl)}.view-toggle{display:flex;background:var(--socialhub-color-surface-container);border-radius:var(--socialhub-rounded-md);padding:3px}.toggle-btn{padding:6px 14px;font-size:13px;font-weight:500;border:none;background:transparent;color:var(--socialhub-color-on-surface-variant);border-radius:var(--socialhub-rounded-sm);cursor:pointer;text-decoration:none;transition:all .15s ease}.toggle-btn.active{background:var(--socialhub-color-surface-container-lowest);color:var(--socialhub-color-on-surface);box-shadow:0 1px 3px #0000000f}.filter-bar{display:flex;align-items:center;gap:var(--socialhub-spacing-xs);flex-wrap:wrap}.filter-label{font-size:13px;color:var(--socialhub-color-on-surface-variant);font-weight:500}.pill-active{background:var(--socialhub-color-primary);color:var(--socialhub-color-on-primary);border:none;cursor:pointer}.pill-inactive{background:var(--socialhub-color-surface-container);color:var(--socialhub-color-on-surface-variant);border:none;cursor:pointer}.queue-count{font-size:13px;color:var(--socialhub-color-on-surface-variant)}.queue-table-header,.queue-row{display:grid;grid-template-columns:40px 1fr 100px 140px 120px 48px;align-items:center}.queue-table-header{border-bottom:1px solid var(--socialhub-color-outline-variant)}.queue-row{cursor:grab;transition:background .12s ease}.queue-row:active{cursor:grabbing}.drag-handle{display:flex;justify-content:center;cursor:grab;color:var(--socialhub-color-outline)}.channel-icon{font-size:16px;margin-right:4px}.post-name{font-weight:500;color:var(--socialhub-color-on-surface)}.pill-scheduled{background:var(--socialhub-color-secondary-fixed);color:var(--socialhub-color-on-secondary-container)}@media(max-width:768px){.queue-content{padding:var(--socialhub-spacing-md)}.queue-table-header,.queue-row{grid-template-columns:32px 1fr 80px 48px}.col-channels,.col-time{display:none}}@media(prefers-reduced-motion:no-preference){.queue-row{animation:rowSlide .3s ease both}@keyframes rowSlide{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}}.studio-layout{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.studio-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--socialhub-spacing-sm) var(--socialhub-spacing-xl);border-bottom:1px solid var(--socialhub-color-outline-variant);background:var(--socialhub-color-surface-container-lowest);flex-shrink:0}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:var(--socialhub-spacing-sm)}.studio-layout .view-toggle{display:flex;background:var(--socialhub-color-surface-container);border-radius:var(--socialhub-rounded-md);padding:3px;gap:2px}.studio-layout .toggle-btn{padding:6px 16px;border:none;background:transparent;font-size:13px;font-weight:500;color:var(--socialhub-color-on-surface-variant);border-radius:var(--socialhub-rounded-sm);cursor:pointer;transition:all .12s ease}.studio-layout .toggle-btn.active{background:var(--socialhub-color-primary);color:var(--socialhub-color-on-primary)}.toolbar-action{display:flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--socialhub-color-outline-variant);background:var(--socialhub-color-surface-container-lowest);border-radius:var(--socialhub-rounded-md);font-size:13px;font-weight:500;color:var(--socialhub-color-on-surface);cursor:pointer;transition:all .12s ease}.toolbar-action:hover{border-color:var(--socialhub-color-primary)}.toolbar-primary{display:flex;align-items:center;gap:6px;padding:7px 16px;border:none;background:var(--socialhub-color-primary);color:var(--socialhub-color-on-primary);border-radius:var(--socialhub-rounded-md);font-size:13px;font-weight:600;cursor:pointer;transition:filter .12s ease}.toolbar-primary:hover{filter:brightness(.92)}.studio-main{display:flex;flex:1;overflow:hidden}.editor-area{flex:1;overflow-y:scroll;padding:var(--socialhub-spacing-xl);display:flex;flex-direction:column;gap:var(--socialhub-spacing-xl);scrollbar-width:thin;scrollbar-color:#c4c9d4 #f0f1f3}.post-card{padding:var(--socialhub-spacing-xl);background:var(--socialhub-color-surface-container-lowest);border:1px solid var(--socialhub-color-outline-variant);border-radius:var(--socialhub-rounded-lg)}.post-label{font-size:11px;font-weight:700;color:var(--socialhub-color-on-surface-variant);letter-spacing:.06em;display:block;margin-bottom:var(--socialhub-spacing-md)}.post-image{margin-bottom:var(--socialhub-spacing-lg)}.post-image-placeholder{width:100%;aspect-ratio:16/9;background:var(--socialhub-color-surface-container-low);border:1px solid var(--socialhub-color-outline-variant);border-radius:var(--socialhub-rounded-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--socialhub-spacing-xs);background-image:linear-gradient(135deg,var(--socialhub-color-surface-container-low) 0%,var(--socialhub-color-surface-container) 100%)}.post-image-placeholder.empty{border-style:dashed;aspect-ratio:16/7;transition:border-color .2s ease}.post-image-placeholder:hover{border-color:var(--socialhub-color-primary)}.image-hint{font-size:12px;color:var(--socialhub-color-outline);pointer-events:none}.post-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--socialhub-spacing-sm)}.post-image-preview{position:relative;aspect-ratio:1;border-radius:var(--socialhub-rounded-md);overflow:hidden;border:1px solid var(--socialhub-color-outline-variant)}.post-image-preview img{width:100%;height:100%;object-fit:cover;display:block}.remove-img-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#0009;color:#fff;border:none;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;z-index:10}.remove-img-btn:hover{background:var(--socialhub-color-danger, #ef4444)}.post-image-add{aspect-ratio:1;border:1px dashed var(--socialhub-color-outline-variant);border-radius:var(--socialhub-rounded-md);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--socialhub-color-outline);transition:all .2s}.post-image-add:hover{border-color:var(--socialhub-color-primary);color:var(--socialhub-color-primary);background:var(--socialhub-color-surface-container-low)}.caption-section{margin-bottom:var(--socialhub-spacing-lg)}.caption-label{font-size:11px;font-weight:700;color:var(--socialhub-color-on-surface-variant);letter-spacing:.06em;display:block;margin-bottom:var(--socialhub-spacing-sm)}.caption-textarea{width:100%;border:1px solid var(--socialhub-color-outline-variant);border-radius:var(--socialhub-rounded-md);background:var(--socialhub-color-surface-container-lowest);padding:var(--socialhub-spacing-md);font-size:15px;line-height:1.7;color:var(--socialhub-color-on-surface);resize:vertical;min-height:80px;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease;margin-bottom:var(--socialhub-spacing-md)}.caption-textarea:focus{outline:none;border-color:var(--socialhub-color-primary);box-shadow:0 0 0 3px var(--socialhub-color-primary-fixed)}.caption-actions{display:flex;gap:var(--socialhub-spacing-sm)}.studio-layout .action-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--socialhub-color-outline-variant);background:var(--socialhub-color-surface-container-lowest);border-radius:var(--socialhub-rounded-md);font-size:12px;font-weight:500;color:var(--socialhub-color-on-surface);cursor:pointer;transition:all .12s ease}.studio-layout .action-btn:hover{border-color:var(--socialhub-color-primary);color:var(--socialhub-color-primary)}.studio-layout .action-btn.accent{background:var(--socialhub-color-primary-fixed);color:var(--socialhub-color-primary);border-color:var(--socialhub-color-primary-fixed)}.studio-layout .action-btn.accent:hover{background:var(--socialhub-color-primary);color:var(--socialhub-color-on-primary)}.tags-section{display:flex;align-items:center;gap:var(--socialhub-spacing-sm);padding-top:var(--socialhub-spacing-md);border-top:1px solid var(--socialhub-color-surface-container)}.tags-label{font-size:11px;font-weight:700;color:var(--socialhub-color-on-surface-variant);letter-spacing:.06em}.tags-list{display:flex;align-items:center;gap:var(--socialhub-spacing-xxs)}.tag-pill{font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--socialhub-rounded-full);background:var(--socialhub-color-primary-fixed);color:var(--socialhub-color-primary)}.tag-add{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--socialhub-color-primary);cursor:pointer;border-radius:var(--socialhub-rounded-full);transition:background .12s ease}.tag-add:hover{background:var(--socialhub-color-primary-fixed)}.brief-panel{width:360px;flex-shrink:0;overflow-y:scroll;border-left:1px solid var(--socialhub-color-outline-variant);background:var(--socialhub-color-surface-container-lowest);display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:#c4c9d4 #f0f1f3}.brief-tabs{display:flex;border-bottom:1px solid var(--socialhub-color-outline-variant);flex-shrink:0}.brief-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:var(--socialhub-spacing-sm) var(--socialhub-spacing-md);border:none;background:transparent;font-size:13px;font-weight:500;color:var(--socialhub-color-on-surface-variant);cursor:pointer;border-bottom:2px solid transparent;transition:all .12s ease}.brief-tab.active{color:var(--socialhub-color-primary);border-bottom-color:var(--socialhub-color-primary)}.brief-content{padding:var(--socialhub-spacing-lg);display:flex;flex-direction:column;gap:var(--socialhub-spacing-lg)}.brief-step{display:flex;flex-direction:column;gap:var(--socialhub-spacing-sm)}.step-header{display:flex;align-items:center;gap:var(--socialhub-spacing-xs)}.step-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--socialhub-rounded-full);background:var(--socialhub-color-primary);color:var(--socialhub-color-on-primary);font-size:12px;font-weight:700;flex-shrink:0}.step-badge{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--socialhub-rounded-full);flex-shrink:0}.step-badge.completed{background:var(--socialhub-color-surface-container);color:var(--socialhub-color-on-surface-variant)}.step-title{font-size:13px;font-weight:600;color:var(--socialhub-color-on-surface);flex:1}.step-status{font-size:10px;font-weight:700;letter-spacing:.06em;padding:2px 8px;border-radius:var(--socialhub-rounded-full)}.step-status.active{background:#dcfce7;color:#16a34a}.platform-pills{display:flex;gap:var(--socialhub-spacing-xxs);flex-wrap:wrap}.platform-pill{padding:5px 14px;border:1px solid var(--socialhub-color-outline-variant);background:transparent;border-radius:var(--socialhub-rounded-md);font-size:12px;font-weight:500;color:var(--socialhub-color-on-surface-variant);cursor:pointer;transition:all .12s ease}.platform-pill.active{background:var(--socialhub-color-primary);color:var(--socialhub-color-on-primary);border-color:var(--socialhub-color-primary)}.brief-select,.brief-input,.brief-textarea{width:100%;padding:8px 12px;border:1px solid var(--socialhub-color-outline-variant);border-radius:var(--socialhub-rounded-md);font-size:13px;color:var(--socialhub-color-on-surface);background:var(--socialhub-color-surface-container-lowest);transition:border-color .12s ease;font-family:inherit}.brief-select:focus,.brief-input:focus,.brief-textarea:focus{outline:none;border-color:var(--socialhub-color-primary);box-shadow:0 0 0 3px var(--socialhub-color-primary-fixed)}.brief-textarea{resize:vertical;line-height:1.5}.field-label{font-size:10px;font-weight:700;color:var(--socialhub-color-on-surface-variant);letter-spacing:.06em;display:block;margin-bottom:var(--socialhub-spacing-xxs)}.tone-pills{display:flex;flex-wrap:wrap;gap:var(--socialhub-spacing-xxs)}.tone-pill{padding:5px 12px;border:1px solid var(--socialhub-color-outline-variant);background:transparent;border-radius:var(--socialhub-rounded-full);font-size:12px;font-weight:500;color:var(--socialhub-color-on-surface-variant);cursor:pointer;transition:all .12s ease}.tone-pill.active{background:var(--socialhub-color-primary);color:var(--socialhub-color-on-primary);border-color:var(--socialhub-color-primary)}.tone-pill:hover:not(.active){border-color:var(--socialhub-color-primary);color:var(--socialhub-color-primary)}.brief-gen-action{padding:var(--socialhub-spacing-md) 0}.btn-gen-content{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--socialhub-spacing-sm);padding:12px;background:var(--socialhub-color-primary);color:var(--socialhub-color-on-primary);border:none;border-radius:var(--socialhub-rounded-md);font-size:14px;font-weight:600;cursor:pointer;transition:filter .12s ease}.btn-gen-content:hover{filter:brightness(.92)}.idea-board-content{padding:var(--socialhub-spacing-lg)}.backlog-section{margin-bottom:var(--socialhub-spacing-lg)}.backlog-header{display:flex;align-items:center;gap:var(--socialhub-spacing-xs);margin-bottom:var(--socialhub-spacing-md)}.backlog-dot{width:8px;height:8px;border-radius:50%;background:var(--socialhub-color-primary)}.backlog-title{font-size:13px;font-weight:700;color:var(--socialhub-color-on-surface)}.idea-card{padding:var(--socialhub-spacing-md);background:var(--socialhub-color-surface);border:1px solid var(--socialhub-color-outline-variant);border-radius:var(--socialhub-rounded-md)}.idea-card-title{font-size:14px;font-weight:600;color:var(--socialhub-color-on-surface);margin:0 0 4px}.idea-card-desc{font-size:12px;color:var(--socialhub-color-on-surface-variant);margin:0}@media(max-width:1279px){.brief-panel{display:none}}.live-preview-container{display:flex;flex-direction:column;align-items:center;padding:var(--socialhub-spacing-xl)}.preview-post-tabs{display:flex;gap:var(--socialhub-spacing-sm);margin-bottom:var(--socialhub-spacing-xl);justify-content:center;max-width:100%;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.preview-post-tabs::-webkit-scrollbar{display:none}.preview-post-tabs .toggle-btn{border-radius:20px;padding:6px 16px;border:1px solid var(--socialhub-color-outline-variant);background:var(--socialhub-color-surface-container-lowest);cursor:pointer;font-size:13px;font-weight:600;white-space:nowrap;transition:all .2s ease;color:var(--socialhub-color-on-surface-variant)}.preview-post-tabs .toggle-btn:hover{background:var(--socialhub-color-surface-container);color:var(--socialhub-color-on-surface)}.preview-post-tabs .toggle-btn.active{background:var(--socialhub-color-primary);color:var(--socialhub-color-on-primary);border-color:var(--socialhub-color-primary)}.mobile-mockup{width:375px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;overflow:hidden;border:1px solid var(--socialhub-color-outline-variant);display:flex;flex-direction:column}.fb-mockup .mockup-header{display:flex;align-items:center;padding:12px;gap:10px}.fb-mockup .mockup-avatar{width:40px;height:40px;border-radius:50%;background:var(--socialhub-color-primary-fixed)}.fb-mockup .mockup-user-info{display:flex;flex-direction:column}.fb-mockup .mockup-name{font-weight:600;font-size:14px;color:#1c1e21}.fb-mockup .mockup-time{font-size:12px;color:#65676b}.fb-mockup .mockup-content{padding:0 12px 12px;font-size:14px;color:#050505;line-height:1.5}.fb-mockup .mockup-hashtag{color:#1877f2;margin-top:8px}.fb-mockup .mockup-image{width:100%;aspect-ratio:4/3;background:var(--socialhub-color-surface-container-low);display:flex;align-items:center;justify-content:center}.fb-actions{display:flex;justify-content:space-around;padding:8px;border-top:1px solid var(--socialhub-color-outline-variant)}.fb-actions button{flex:1;background:transparent;border:none;padding:8px;font-weight:600;color:#65676b;font-size:13px;cursor:pointer;border-radius:4px}.fb-actions button:hover{background:#f0f2f5}.ig-mockup{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.ig-mockup .mockup-header{display:flex;align-items:center;padding:12px;gap:10px}.ig-mockup .mockup-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);padding:2px;background-clip:content-box;border:2px solid transparent}.ig-mockup .mockup-user-info{flex:1}.ig-mockup .mockup-name{font-weight:600;font-size:13px;color:#262626}.ig-mockup .mockup-more{font-size:18px;color:#262626;line-height:1}.ig-image{width:100%;aspect-ratio:1/1;background:var(--socialhub-color-surface-container-low);display:flex;align-items:center;justify-content:center}.ig-actions{display:flex;justify-content:space-between;padding:12px;color:#262626}.ig-action-left{display:flex;gap:16px}.ig-likes{padding:0 12px;font-weight:600;font-size:13px;color:#262626;margin-bottom:6px}.ig-content{padding:0 12px 16px;font-size:13px;color:#262626;line-height:1.4}.ig-content .mockup-name{margin-right:6px}.ig-content .mockup-hashtag{color:#00376b;margin-top:4px}.tt-mockup{background:#000;color:#fff;border-color:#333}.tt-video-area{position:relative;width:100%;aspect-ratio:9/16;display:flex;align-items:center;justify-content:center;background:#111}.tt-right-actions{position:absolute;right:12px;bottom:80px;display:flex;flex-direction:column;align-items:center;gap:20px;z-index:2}.tt-avatar-wrapper{position:relative;margin-bottom:8px}.tt-avatar{width:44px;height:44px;border-radius:50%;border:1px solid white;background:var(--socialhub-color-primary-fixed)}.tt-plus{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:16px;height:16px;background:#ea4359;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.tt-icon-btn{display:flex;flex-direction:column;align-items:center;gap:4px}.tt-icon-btn span{font-size:12px;font-weight:500}.tt-bottom-info{position:absolute;bottom:0;left:0;right:60px;padding:16px 12px;display:flex;flex-direction:column;gap:6px;z-index:2;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.tt-author{font-weight:600;font-size:15px}.tt-desc{font-size:13px;line-height:1.4;opacity:.9}.tt-hashtag{font-weight:600}.tt-music{font-size:12px;display:flex;align-items:center;gap:4px}.ai-create-container{max-width:800px;margin:0 auto;padding:var(--socialhub-spacing-xl);display:flex;flex-direction:column;gap:var(--socialhub-spacing-xl)}.wizard-progress{display:flex;align-items:center;justify-content:space-between;position:relative;margin-bottom:var(--socialhub-spacing-xl)}.wizard-progress:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:var(--socialhub-color-surface-container-high);z-index:0;transform:translateY(-50%)}.step-indicator{position:relative;z-index:1;width:32px;height:32px;border-radius:50%;background:var(--socialhub-color-surface-container-high);color:var(--socialhub-color-on-surface-variant);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;transition:all .3s ease}.step-indicator.active{background:var(--socialhub-color-primary);color:#fff;box-shadow:0 0 0 4px var(--socialhub-color-primary-fixed)}.step-indicator.completed{background:var(--socialhub-color-primary);color:#fff}.wizard-content{background:var(--socialhub-color-surface-container-lowest);border:1px solid var(--socialhub-color-outline-variant);border-radius:var(--socialhub-rounded-lg);padding:var(--socialhub-spacing-xxl);min-height:300px;display:flex;flex-direction:column;animation:fadeUp .3s ease}.ai-step-title{font-size:20px;font-weight:700;color:var(--socialhub-color-on-surface);margin:0 0 var(--socialhub-spacing-md) 0}.ai-step-desc{font-size:14px;color:var(--socialhub-color-on-surface-variant);margin:0 0 var(--socialhub-spacing-xl) 0}.form-group{display:flex;flex-direction:column;gap:var(--socialhub-spacing-xs);margin-bottom:var(--socialhub-spacing-lg)}.form-group label{font-size:13px;font-weight:600;color:var(--socialhub-color-on-surface)}.form-input,.form-select{padding:12px 16px;border:1px solid var(--socialhub-color-outline-variant);border-radius:var(--socialhub-rounded-md);font-size:14px;background:var(--socialhub-color-surface-container-lowest);color:var(--socialhub-color-on-surface);transition:border-color .2s}.form-input:focus,.form-select:focus{outline:none;border-color:var(--socialhub-color-primary)}.form-textarea{min-height:120px;resize:vertical}.wizard-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--socialhub-spacing-xl);border-top:1px solid var(--socialhub-color-surface-container)}.btn-secondary{padding:10px 20px;border-radius:var(--socialhub-rounded-md);border:1px solid var(--socialhub-color-outline-variant);background:var(--socialhub-color-surface-container-lowest);color:var(--socialhub-color-on-surface);font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--socialhub-color-surface-container)}.btn-primary{padding:10px 20px;border-radius:var(--socialhub-rounded-md);border:none;background:var(--socialhub-color-primary);color:#fff;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-primary:hover{filter:brightness(.9)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.generating-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:var(--socialhub-spacing-lg);padding:40px 0}.spinner{width:40px;height:40px;border:3px solid var(--socialhub-color-surface-container);border-top-color:var(--socialhub-color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.editor-container{display:flex;height:calc(100vh - 180px);gap:var(--socialhub-spacing-xl);padding:0 var(--socialhub-spacing-xl) var(--socialhub-spacing-xl)}.editor-sidebar{width:280px;background:var(--socialhub-color-surface-container-lowest);border:1px solid var(--socialhub-color-outline-variant);border-radius:var(--socialhub-rounded-lg);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:var(--socialhub-spacing-md);border-bottom:1px solid var(--socialhub-color-outline-variant);background:var(--socialhub-color-surface-container);font-weight:700;font-size:14px}.post-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding:var(--socialhub-spacing-sm);gap:var(--socialhub-spacing-xs)}.post-item{padding:var(--socialhub-spacing-sm) var(--socialhub-spacing-md);border-radius:var(--socialhub-rounded-md);cursor:pointer;border:1px solid transparent;transition:all .2s;background:transparent;text-align:left}.post-item:hover{background:var(--socialhub-color-surface-container-low)}.post-item.active{background:var(--socialhub-color-primary-fixed);border-color:var(--socialhub-color-primary);color:var(--socialhub-color-primary)}.post-item-title{font-size:13px;font-weight:600;margin-bottom:4px}.post-item-channel{font-size:11px;opacity:.8}.editor-main{flex:1;background:var(--socialhub-color-surface-container-lowest);border:1px solid var(--socialhub-color-outline-variant);border-radius:var(--socialhub-rounded-lg);display:flex;flex-direction:column;overflow:hidden}.editor-toolbar{padding:var(--socialhub-spacing-md) var(--socialhub-spacing-lg);border-bottom:1px solid var(--socialhub-color-outline-variant);background:var(--socialhub-color-surface-container);display:flex;align-items:center;justify-content:space-between}.editor-title{font-weight:700;font-size:16px;color:var(--socialhub-color-on-surface)}.editor-actions{display:flex;gap:var(--socialhub-spacing-sm)}.btn-draft{padding:8px 16px;border-radius:var(--socialhub-rounded-md);background:var(--socialhub-color-surface-container-high);color:var(--socialhub-color-on-surface);border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-draft:hover{filter:brightness(.9)}.btn-schedule{padding:8px 16px;border-radius:var(--socialhub-rounded-md);background:var(--socialhub-color-primary);color:#fff;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-schedule:hover{filter:brightness(.9)}.editor-textarea{flex:1;width:100%;padding:var(--socialhub-spacing-xl);border:none;resize:none;font-size:15px;line-height:1.6;color:var(--socialhub-color-on-surface);background:transparent}.editor-textarea:focus{outline:none}.editor-preview-pane{width:320px;background:var(--socialhub-color-surface-container-lowest);border:1px solid var(--socialhub-color-outline-variant);border-radius:var(--socialhub-rounded-lg);display:flex;flex-direction:column;overflow:hidden}.preview-pane-header{padding:var(--socialhub-spacing-md);border-bottom:1px solid var(--socialhub-color-outline-variant);background:var(--socialhub-color-surface-container);font-weight:700;font-size:14px;text-align:center}.preview-frame-v2{flex:1;display:flex;justify-content:center;align-items:center;padding:var(--socialhub-spacing-xl);background:var(--socialhub-color-background)}.phone-frame{width:260px;height:520px;background:#fff;border-radius:36px;border:8px solid var(--socialhub-color-on-surface);box-shadow:0 10px 30px #00000026;position:relative;overflow:hidden;display:flex;flex-direction:column}.phone-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:100px;height:24px;background:var(--socialhub-color-on-surface);border-bottom-left-radius:12px;border-bottom-right-radius:12px;z-index:10}.phone-content{flex:1;display:flex;flex-direction:column;background:var(--socialhub-color-surface-container-lowest);padding-top:36px}.ph-header{display:flex;align-items:center;gap:8px;padding:12px}.ph-avatar{width:28px;height:28px;border-radius:50%;background:var(--socialhub-color-surface-container-high)}.ph-name{font-size:13px;font-weight:600;color:var(--socialhub-color-on-surface);flex:1}.ph-channel{font-size:11px;color:var(--socialhub-color-primary);font-weight:700}.ph-image{aspect-ratio:1;background:var(--socialhub-color-surface-container);display:flex;align-items:center;justify-content:center}.ph-img-placeholder{font-size:12px;color:var(--socialhub-color-on-surface-variant)}.ph-text{padding:12px;font-size:13px;line-height:1.5;color:var(--socialhub-color-on-surface);flex:1;overflow-y:auto;white-space:pre-wrap}.ph-actions{padding:12px;border-top:1px solid var(--socialhub-color-surface-container);display:flex;gap:16px;font-size:16px}@media(max-width:1200px){.editor-preview-pane{display:none}}.campaign-content{flex:1;overflow-y:auto;padding:var(--socialhub-spacing-xxl)}.campaign-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:var(--socialhub-spacing-xl)}.campaign-card{padding:var(--socialhub-spacing-xxl);display:flex;flex-direction:column;gap:var(--socialhub-spacing-lg)}.campaign-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--socialhub-spacing-md)}.campaign-top h3{font-size:18px;font-weight:600;color:var(--socialhub-color-on-surface);margin:0}.campaign-meta{display:flex;flex-direction:column;gap:var(--socialhub-spacing-sm)}.meta-item{display:flex;justify-content:space-between;align-items:center}.meta-label{font-size:13px;color:var(--socialhub-color-on-surface-variant)}.campaign-progress{display:flex;align-items:center;gap:var(--socialhub-spacing-sm)}.progress-bar{flex:1;height:6px;background:var(--socialhub-color-surface-container);border-radius:var(--socialhub-rounded-full);overflow:hidden}.progress-fill{height:100%;background:var(--socialhub-color-primary);border-radius:var(--socialhub-rounded-full);transition:width .6s ease}.campaign-actions{display:flex;gap:var(--socialhub-spacing-sm);justify-content:flex-end}@media(max-width:768px){.campaign-grid{grid-template-columns:1fr}.campaign-content{padding:var(--socialhub-spacing-md)}}@media(prefers-reduced-motion:no-preference){.campaign-card{animation:cardFade .4s ease both}@keyframes cardFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}.direction-content{flex:1;overflow-y:auto;padding:var(--socialhub-spacing-xxl);max-width:700px}.steps-timeline{display:flex;flex-direction:column;gap:0}.timeline-step{display:flex;gap:var(--socialhub-spacing-xl)}.timeline-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.marker-circle{width:48px;height:48px;border-radius:var(--socialhub-rounded-full);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;border:2px solid var(--socialhub-color-outline-variant);background:var(--socialhub-color-surface-container-lowest);z-index:1}.step-completed .marker-circle{background:var(--socialhub-color-secondary-md);color:var(--socialhub-color-on-secondary);border-color:var(--socialhub-color-secondary-md);font-size:16px}.step-active .marker-circle{background:var(--socialhub-color-primary);color:var(--socialhub-color-on-primary);border-color:var(--socialhub-color-primary);box-shadow:0 0 0 4px var(--socialhub-color-primary-fixed)}.marker-line{width:2px;flex:1;background:var(--socialhub-color-outline-variant);min-height:24px}.step-completed .marker-line{background:var(--socialhub-color-secondary-md)}.timeline-content{padding:var(--socialhub-spacing-xl);margin-bottom:var(--socialhub-spacing-md);flex:1}.step-header{margin-bottom:var(--socialhub-spacing-sm)}.step-header h3{font-size:16px;font-weight:600;color:var(--socialhub-color-on-surface);margin:var(--socialhub-spacing-xxs) 0 0}.timeline-content p{font-size:14px;color:var(--socialhub-color-on-surface-variant);margin:0 0 var(--socialhub-spacing-md)}.step-pending .timeline-content{opacity:.6}@media(prefers-reduced-motion:no-preference){.timeline-step{animation:stepSlide .4s ease both}@keyframes stepSlide{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}}.multi-edit-layout{display:grid;grid-template-columns:1fr 380px;flex:1;overflow:hidden}.post-list-panel{overflow-y:auto;padding:var(--socialhub-spacing-xl);display:flex;flex-direction:column;gap:0}.list-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--socialhub-spacing-sm) 0;margin-bottom:var(--socialhub-spacing-sm)}.select-all{display:flex;align-items:center;gap:var(--socialhub-spacing-xs);font-size:13px;cursor:pointer;color:var(--socialhub-color-on-surface)}.post-row{display:flex;align-items:center;gap:var(--socialhub-spacing-sm);padding:var(--socialhub-spacing-sm) var(--socialhub-spacing-md);border-radius:var(--socialhub-rounded-md);cursor:pointer;transition:background .12s ease}.post-row:hover{background:var(--socialhub-color-surface-container-low)}.post-selected{background:var(--socialhub-color-primary-fixed)}.post-channel{font-size:16px}.post-title{flex:1;font-size:14px;font-weight:500;color:var(--socialhub-color-on-surface)}.pill-sched{background:var(--socialhub-color-secondary-fixed);color:var(--socialhub-color-on-secondary-container)}.pill-draft{background:var(--socialhub-color-surface-container-high);color:var(--socialhub-color-on-surface-variant)}.bulk-editor{background:var(--socialhub-color-surface-container-lowest);border-left:1px solid var(--socialhub-color-outline-variant);padding:var(--socialhub-spacing-xxl);overflow-y:auto;display:flex;flex-direction:column;gap:var(--socialhub-spacing-xl)}.bulk-editor h3{font-size:16px;font-weight:600;color:var(--socialhub-color-on-surface);margin:0}.bulk-section{display:flex;flex-direction:column;gap:var(--socialhub-spacing-xs)}.form-label{font-size:13px;font-weight:500;color:var(--socialhub-color-on-surface)}.status-options{display:flex;gap:var(--socialhub-spacing-xs);flex-wrap:wrap}.ai-header{display:flex;align-items:center;gap:var(--socialhub-spacing-xs);color:var(--socialhub-color-tertiary-md);margin-bottom:var(--socialhub-spacing-sm)}.ai-header strong{font-size:14px}.bulk-section p{font-size:13px;color:var(--socialhub-color-on-surface);margin:0 0 var(--socialhub-spacing-sm) 0}@media(max-width:1279px){.multi-edit-layout{grid-template-columns:1fr}.bulk-editor{border-left:none;border-top:1px solid var(--socialhub-color-outline-variant)}}@media(prefers-reduced-motion:no-preference){.post-row{animation:rowSlide .3s ease both}@keyframes rowSlide{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}}.strategy-content{flex:1;overflow-y:auto;padding:var(--socialhub-spacing-xxl);display:flex;flex-direction:column;gap:var(--socialhub-spacing-xxxl)}.strategy-content h2{font-size:20px;font-weight:600;color:var(--socialhub-color-on-surface);margin:0 0 var(--socialhub-spacing-xl)}.pillar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--socialhub-spacing-xl)}.pillar-card{padding:var(--socialhub-spacing-xxl)}.pillar-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--socialhub-spacing-sm)}.pillar-header h3{font-size:16px;font-weight:600;color:var(--socialhub-color-on-surface);margin:0}.pillar-card p{font-size:14px;color:var(--socialhub-color-on-surface-variant);margin:0 0 var(--socialhub-spacing-md)}.pillar-bar{height:6px;background:var(--socialhub-color-surface-container);border-radius:var(--socialhub-rounded-full);overflow:hidden}.pillar-fill{height:100%;border-radius:var(--socialhub-rounded-full);transition:width .6s ease}.persona-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--socialhub-spacing-xl)}.persona-card{padding:var(--socialhub-spacing-xxl);text-align:center}.persona-avatar-lg{width:64px;height:64px;border-radius:var(--socialhub-rounded-full);background:var(--socialhub-color-primary-fixed);color:var(--socialhub-color-primary-md);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;margin:0 auto var(--socialhub-spacing-md)}.persona-card h3{font-size:16px;font-weight:600;color:var(--socialhub-color-on-surface);margin:0 0 var(--socialhub-spacing-xs)}.persona-details{text-align:left;margin-top:var(--socialhub-spacing-lg);display:flex;flex-direction:column;gap:var(--socialhub-spacing-md)}.persona-details p{font-size:14px;color:var(--socialhub-color-on-surface);margin:var(--socialhub-spacing-xxs) 0 0}@media(max-width:1279px){.persona-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.strategy-content{padding:var(--socialhub-spacing-md)}.persona-grid{grid-template-columns:1fr}.pillar-grid{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:no-preference){.pillar-card,.persona-card{animation:cardFade .4s ease both}@keyframes cardFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}.expanded-editor-container{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;background:var(--socialhub-color-background)}.editor-topbar{display:flex;align-items:center;gap:var(--socialhub-spacing-md);padding:var(--socialhub-spacing-sm) var(--socialhub-spacing-xl);border-bottom:1px solid var(--socialhub-color-surface-container);background:var(--socialhub-color-surface-container-lowest)}.editor-title-input{flex:1}.title-input{border:none;background:transparent;font-size:16px;font-weight:500;color:var(--socialhub-color-on-surface);outline:none;width:100%}.topbar-actions{display:flex;align-items:center;gap:var(--socialhub-spacing-sm)}.autosave-status{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--socialhub-color-secondary-md)}.expanded-editor{flex:1;display:flex;flex-direction:column;min-height:0}.editor-toolbar-full{display:flex;align-items:center;justify-content:space-between;padding:var(--socialhub-spacing-sm) var(--socialhub-spacing-xl);border-bottom:1px solid var(--socialhub-color-surface-container);background:var(--socialhub-color-surface-container-lowest)}.toolbar-group{display:flex;align-items:center;gap:var(--socialhub-spacing-xxs)}.toolbar-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--socialhub-rounded-sm);color:var(--socialhub-color-on-surface-variant);cursor:pointer;font-size:14px;transition:all .12s ease}.toolbar-btn:hover{background:var(--socialhub-color-surface-container-low);color:var(--socialhub-color-on-surface)}.toolbar-sep{width:1px;height:20px;background:var(--socialhub-color-outline-variant);margin:0 var(--socialhub-spacing-xxs)}.ai-toolbar-btn{width:auto;padding:0 var(--socialhub-spacing-sm);gap:4px;color:var(--socialhub-color-tertiary);font-weight:500;font-size:13px}.ai-toolbar-btn:hover{background:var(--socialhub-color-tertiary-fixed)}.editor-area{flex:1;padding:var(--socialhub-spacing-xxxl) var(--socialhub-spacing-xxl);max-width:800px;margin:0 auto;width:100%;font-size:16px;line-height:1.7;color:var(--socialhub-color-on-surface);outline:none;overflow-y:auto}.editor-area h2{font-size:24px;font-weight:600;margin:0 0 var(--socialhub-spacing-lg)}.editor-area h3{font-size:18px;font-weight:600;margin:var(--socialhub-spacing-xxl) 0 var(--socialhub-spacing-md)}.editor-area p{margin:0 0 var(--socialhub-spacing-md)}.editor-statusbar{display:flex;align-items:center;justify-content:space-between;padding:var(--socialhub-spacing-sm) var(--socialhub-spacing-xl);border-top:1px solid var(--socialhub-color-surface-container);background:var(--socialhub-color-surface-container-lowest)}.char-counter{font-size:12px;color:var(--socialhub-color-on-surface-variant)}.channel-tags{display:flex;gap:var(--socialhub-spacing-xxs)}@media(max-width:768px){.editor-area{padding:var(--socialhub-spacing-xl) var(--socialhub-spacing-md)}.editor-topbar{flex-wrap:wrap}}.editor-v2-container{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;background:var(--socialhub-color-background)}.split-topbar{display:flex;align-items:center;gap:var(--socialhub-spacing-md);padding:var(--socialhub-spacing-sm) var(--socialhub-spacing-xl);border-bottom:1px solid var(--socialhub-color-surface-container);background:var(--socialhub-color-surface-container-lowest)}.split-title{flex:1;font-size:16px;font-weight:600;color:var(--socialhub-color-on-surface);text-align:center}.split-actions{display:flex;gap:var(--socialhub-spacing-sm)}.split-view{display:grid;grid-template-columns:1fr 6px 1fr;flex:1;overflow:hidden}.split-editor{display:flex;flex-direction:column;min-height:0}.split-editor-toolbar{display:flex;align-items:center;gap:var(--socialhub-spacing-xxs);padding:var(--socialhub-spacing-sm) var(--socialhub-spacing-md);border-bottom:1px solid var(--socialhub-color-surface-container)}.toolbar-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--socialhub-rounded-sm);color:var(--socialhub-color-on-surface-variant);cursor:pointer;font-size:14px}.toolbar-btn:hover{background:var(--socialhub-color-surface-container-low)}.toolbar-sep{width:1px;height:20px;background:var(--socialhub-color-outline-variant)}.ai-btn{width:auto;padding:0 var(--socialhub-spacing-sm);color:var(--socialhub-color-tertiary);font-weight:500;font-size:13px}.split-textarea{flex:1;padding:var(--socialhub-spacing-xl);font-size:16px;line-height:1.6;color:var(--socialhub-color-on-surface);outline:none;overflow-y:auto}.split-textarea p{margin:0 0 var(--socialhub-spacing-md)}.split-meta{padding:var(--socialhub-spacing-md);border-top:1px solid var(--socialhub-color-surface-container);display:flex;flex-direction:column;gap:var(--socialhub-spacing-sm)}.split-channels{display:flex;gap:var(--socialhub-spacing-md)}.channel-check{display:flex;align-items:center;gap:4px;font-size:13px;cursor:pointer}.split-handle{background:var(--socialhub-color-surface-container);cursor:col-resize;transition:background .12s ease}.split-handle:hover{background:var(--socialhub-color-primary)}.split-preview{background:var(--socialhub-color-surface-container);display:flex;flex-direction:column;min-height:0}.preview-selector{display:flex;border-bottom:1px solid var(--socialhub-color-outline-variant)}.preview-tab{flex:1;padding:var(--socialhub-spacing-sm);border:none;background:transparent;font-size:13px;font-weight:500;color:var(--socialhub-color-on-surface-variant);cursor:pointer;border-bottom:2px solid transparent}.preview-tab.active{color:var(--socialhub-color-primary);border-bottom-color:var(--socialhub-color-primary);background:var(--socialhub-color-surface-container-lowest)}.preview-frame-v2{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--socialhub-spacing-xxl);overflow:hidden}.phone-frame{width:280px;border-radius:32px;background:var(--socialhub-color-surface-container-lowest);box-shadow:0 8px 32px #0f0f0f1a;overflow:hidden;border:1px solid var(--socialhub-color-outline-variant)}.phone-notch{width:120px;height:5px;background:var(--socialhub-color-surface-container);border-radius:0 0 8px 8px;margin:0 auto}.phone-content{padding:0}.ph-header{display:flex;align-items:center;gap:var(--socialhub-spacing-sm);padding:var(--socialhub-spacing-sm) var(--socialhub-spacing-md)}.ph-avatar{width:28px;height:28px;border-radius:var(--socialhub-rounded-full);background:var(--socialhub-color-primary-fixed)}.ph-name{font-size:13px;font-weight:600;color:var(--socialhub-color-on-surface)}.ph-image{aspect-ratio:1;background:var(--socialhub-color-surface-container)}.ph-text{padding:var(--socialhub-spacing-sm) var(--socialhub-spacing-md)}.ph-text p{font-size:13px;line-height:1.4;color:var(--socialhub-color-on-surface);margin:0 0 4px}.ph-hashtags{font-size:13px;color:var(--socialhub-color-primary)}.ph-actions{display:flex;gap:var(--socialhub-spacing-xl);padding:var(--socialhub-spacing-xs) var(--socialhub-spacing-md) var(--socialhub-spacing-md);font-size:16px}@media(max-width:1279px){.split-view{grid-template-columns:1fr}.split-handle{display:none}.split-preview{border-top:1px solid var(--socialhub-color-outline-variant);max-height:500px}}/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-ease:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:"Inter Variable", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Inter Variable", sans-serif;--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring) 50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table-cell{display:table-cell}.table-row{display:table-row}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.scrollbar-thin{scrollbar-width:thin}.border{border-style:var(--tw-border-style);border-width:1px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-all{-webkit-user-select:all;user-select:all}.paused{animation-play-state:paused}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@keyframes float-slow{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-12px)scale(1.02)}}@keyframes float-medium{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(8px)scale(.97)}}@keyframes float-orb{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-40px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.95)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes line-reveal{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.animate-float-slow{animation:7s ease-in-out infinite float-slow}.animate-float-medium{animation:5s ease-in-out infinite float-medium}.animate-float-orb{animation:15s ease-in-out infinite float-orb}.animate-fade-in-up{opacity:0;animation:.75s cubic-bezier(.16,1,.3,1) forwards fade-in-up}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-400{animation-delay:.4s}.animate-delay-450{animation-delay:.45s}.animate-line-reveal{transform-origin:0;opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards line-reveal;transform:scaleX(0)}.animate-line-reveal-1{animation-delay:.5s}.animate-line-reveal-2{animation-delay:.58s}.animate-line-reveal-3{animation-delay:.66s}@media(prefers-reduced-motion:reduce){.animate-fade-in-up,.animate-float-slow,.animate-float-medium,.animate-float-orb,.animate-line-reveal{opacity:1;animation:none;transform:none}}:root{--background:#f8f9ff;--foreground:#0b1c30;--card:#fff;--card-foreground:#0b1c30;--popover:#fff;--popover-foreground:#0b1c30;--primary:#3b82f6;--primary-foreground:#fff;--secondary:#f8f9ff;--secondary-foreground:#0b1c30;--muted:#eff4ff;--muted-foreground:#727785;--accent:#e5eeff;--accent-foreground:#0b1c30;--destructive:#ba1a1a;--border:#c2c6d6;--input:#eff4ff;--ring:#3b82f6;--chart-1:#3b82f6;--chart-2:#10b981;--chart-3:#6366f1;--chart-4:#64748b;--chart-5:#0058be;--radius:.5rem;--sidebar:#fff;--sidebar-foreground:#0b1c30;--sidebar-primary:#0058be;--sidebar-primary-foreground:#fff;--sidebar-accent:#d8e2ff;--sidebar-accent-foreground:#0b1c30;--sidebar-border:#c2c6d6;--sidebar-ring:#3b82f6}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(70% .17 263);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(22% .04 263);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(58% .15 263);--chart-1:oklch(87% 0 0);--chart-2:oklch(55.6% 0 0);--chart-3:oklch(43.9% 0 0);--chart-4:oklch(37.1% 0 0);--chart-5:oklch(26.9% 0 0);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0)}:root{--socialhub-color-primary:#3b82f6;--socialhub-color-primary-md:#0058be;--socialhub-color-primary-container:#2170e4;--socialhub-color-on-primary:#fff;--socialhub-color-on-primary-container:#fefcff;--socialhub-color-primary-fixed:#d8e2ff;--socialhub-color-primary-fixed-dim:#adc6ff;--socialhub-color-inverse-primary:#adc6ff;--socialhub-color-secondary:#10b981;--socialhub-color-secondary-md:#006c49;--socialhub-color-secondary-container:#6cf8bb;--socialhub-color-on-secondary:#fff;--socialhub-color-on-secondary-container:#00714d;--socialhub-color-secondary-fixed:#6ffbbe;--socialhub-color-tertiary:#6366f1;--socialhub-color-tertiary-md:#4648d4;--socialhub-color-tertiary-container:#6063ee;--socialhub-color-on-tertiary:#fff;--socialhub-color-on-tertiary-container:#fffbff;--socialhub-color-tertiary-fixed:#e1e0ff;--socialhub-color-tertiary-fixed-dim:#c0c1ff;--socialhub-color-neutral:#64748b;--socialhub-color-surface:#f8f9ff;--socialhub-color-surface-dim:#cbdbf5;--socialhub-color-surface-bright:#f8f9ff;--socialhub-color-surface-container-lowest:#fff;--socialhub-color-surface-container-low:#eff4ff;--socialhub-color-surface-container:#e5eeff;--socialhub-color-surface-container-high:#dce9ff;--socialhub-color-surface-container-highest:#d3e4fe;--socialhub-color-surface-variant:#d3e4fe;--socialhub-color-surface-tint:#005ac2;--socialhub-color-on-surface:#0b1c30;--socialhub-color-on-surface-variant:#424754;--socialhub-color-inverse-surface:#213145;--socialhub-color-inverse-on-surface:#eaf1ff;--socialhub-color-background:#f8f9ff;--socialhub-color-on-background:#0b1c30;--socialhub-color-outline:#727785;--socialhub-color-outline-variant:#c2c6d6;--socialhub-color-error:#ba1a1a;--socialhub-color-on-error:#fff;--socialhub-color-error-container:#ffdad6;--socialhub-color-on-error-container:#93000a;--socialhub-spacing-unit:4px;--socialhub-spacing-xxs:4px;--socialhub-spacing-xs:8px;--socialhub-spacing-sm:12px;--socialhub-spacing-md:16px;--socialhub-spacing-lg:20px;--socialhub-spacing-xl:24px;--socialhub-spacing-xxl:32px;--socialhub-spacing-xxxl:40px;--socialhub-spacing-section-sm:48px;--socialhub-spacing-section:64px;--socialhub-spacing-section-lg:96px;--socialhub-spacing-container-margin:24px;--socialhub-spacing-gutter:16px;--socialhub-spacing-sidebar-width:260px;--socialhub-spacing-sidebar-collapsed:72px;--socialhub-rounded-sm:.125rem;--socialhub-rounded-default:.25rem;--socialhub-rounded-md:.375rem;--socialhub-rounded-lg:.5rem;--socialhub-rounded-xl:.75rem;--socialhub-rounded-full:9999px;--socialhub-font-heading:"Inter Variable", Inter, sans-serif;--socialhub-font-body:"Inter Variable", Inter, sans-serif;--socialhub-font-label:"JetBrains Mono", monospace}.global-ai-fab{background:var(--socialhub-color-primary);width:56px;height:56px;color:var(--socialhub-color-on-primary);border:none;border-radius:16px;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 14px #3b82f666}.global-ai-fab:hover:not(.dragging){transform:translateY(-4px)scale(1.05);box-shadow:0 8px 20px #3b82f680}.global-ai-fab:active:not(.dragging){transform:translateY(0)scale(.95)}.global-ai-fab.dragging{transform:scale(1.1);box-shadow:0 12px 24px #3b82f699}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ease{syntax:"*";inherits:false}.container-page{max-width:1280px;margin-inline:auto;padding-inline:var(--socialhub-spacing-container-margin)}@media(max-width:768px){.container-page{padding-inline:var(--socialhub-spacing-sm)}}.app-shell{display:flex;height:100vh;overflow:hidden;background:var(--socialhub-color-background);color:var(--socialhub-color-on-surface);font-family:var(--socialhub-font-body)}.app-sidebar{width:var(--socialhub-spacing-sidebar-width);flex-shrink:0;background:var(--socialhub-color-surface-container-lowest);border-right:1px solid var(--socialhub-color-outline-variant);padding:var(--socialhub-spacing-xl) 0;display:flex;flex-direction:column;gap:var(--socialhub-spacing-xs)}@media(max-width:1279px){.app-sidebar{width:var(--socialhub-spacing-sidebar-collapsed)}}@media(max-width:767px){.app-sidebar{display:none}}.app-main{flex:1;min-width:0;display:flex;flex-direction:column}.band{padding-block:var(--socialhub-spacing-section-lg)}@media(max-width:768px){.band{padding-block:var(--socialhub-spacing-section)}}.band-surface{background-color:var(--socialhub-color-surface);color:var(--socialhub-color-on-surface)}.band-surface-container{background-color:var(--socialhub-color-surface-container);color:var(--socialhub-color-on-surface)}.band-primary{background-color:var(--socialhub-color-primary);color:var(--socialhub-color-on-primary)}.band-tertiary{background-color:var(--socialhub-color-tertiary-fixed);color:var(--socialhub-color-on-surface)}.band-dark{background-color:var(--socialhub-color-inverse-surface);color:var(--socialhub-color-inverse-on-surface)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--socialhub-spacing-xs);font-family:var(--socialhub-font-body);font-size:14px;font-weight:500;line-height:1.3;padding:10px 18px;border-radius:var(--socialhub-rounded-md);border:none;cursor:pointer;transition:all .15s ease;text-decoration:none;white-space:nowrap}.btn:focus-visible{outline:2px solid var(--socialhub-color-primary);outline-offset:2px}.btn.primary{background-color:var(--socialhub-color-primary);color:var(--socialhub-color-on-primary)}.btn.primary:hover{filter:brightness(.92);transform:translateY(-1px)}.btn.secondary{background-color:transparent;color:var(--socialhub-color-on-surface);border:1px solid var(--socialhub-color-outline-variant)}.btn.secondary:hover{background-color:var(--socialhub-color-surface-container-low)}.btn.ghost{background-color:transparent;color:var(--socialhub-color-on-surface);padding:8px 12px;border-radius:var(--socialhub-rounded-sm)}.btn.ghost:hover{background-color:var(--socialhub-color-surface-container-low)}.btn.on-dark{background-color:var(--socialhub-color-surface-container-lowest);color:var(--socialhub-color-on-surface)}.btn.secondary-on-dark{background-color:transparent;color:var(--socialhub-color-inverse-on-surface);border:1px solid rgba(255,255,255,.3)}.btn.destructive{background-color:var(--socialhub-color-error);color:var(--socialhub-color-on-error)}.btn.tertiary-accent{background-color:var(--socialhub-color-tertiary);color:var(--socialhub-color-on-tertiary)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:none}.input,.textarea{width:100%;font-family:var(--socialhub-font-body);font-size:16px;font-weight:400;line-height:1.5;color:var(--socialhub-color-on-surface);background-color:var(--socialhub-color-surface-container-lowest);border:1px solid var(--socialhub-color-outline-variant);border-radius:var(--socialhub-rounded-default);padding:var(--socialhub-spacing-sm) var(--socialhub-spacing-md);transition:border-color .15s ease,box-shadow .15s ease}.input{height:44px}.textarea{min-height:120px;resize:vertical}.input:focus,.textarea:focus{outline:none;border-color:var(--socialhub-color-primary);box-shadow:0 0 0 3px var(--socialhub-color-primary-fixed)}.input::placeholder,.textarea::placeholder{color:var(--socialhub-color-outline)}.card{background:var(--socialhub-color-surface-container-lowest);border:1px solid var(--socialhub-color-outline-variant);border-radius:var(--socialhub-rounded-lg);padding:var(--socialhub-spacing-xl)}.card-elevated{background:var(--socialhub-color-surface-container-lowest);border-radius:var(--socialhub-rounded-lg);padding:var(--socialhub-spacing-xl);box-shadow:0 4px 12px #0f0f0f14}.card-feature{background:var(--socialhub-color-surface-container-lowest);border:1px solid var(--socialhub-color-outline-variant);border-radius:var(--socialhub-rounded-lg);padding:var(--socialhub-spacing-xxl)}.card-interactive{transition:background-color .15s ease,transform .15s ease}.card-interactive:hover{background-color:var(--socialhub-color-surface-container-low)}.badge{display:inline-flex;align-items:center;font-family:var(--socialhub-font-body);font-size:13px;font-weight:600;line-height:1.4;padding:2px 8px;border-radius:var(--socialhub-rounded-sm)}.badge.primary{background-color:var(--socialhub-color-primary-fixed);color:var(--socialhub-color-primary-md)}.badge.success{background-color:var(--socialhub-color-secondary-fixed);color:var(--socialhub-color-secondary-md)}.badge.tertiary{background-color:var(--socialhub-color-tertiary-fixed);color:var(--socialhub-color-tertiary-md)}.badge.neutral{background-color:var(--socialhub-color-surface-container);color:var(--socialhub-color-on-surface-variant)}.badge.error{background-color:var(--socialhub-color-error-container);color:var(--socialhub-color-on-error-container)}.pill{display:inline-flex;align-items:center;font-family:var(--socialhub-font-body);font-size:13px;font-weight:600;padding:4px 10px;border-radius:var(--socialhub-rounded-full)}.kicker{font-family:var(--socialhub-font-body);font-size:11px;font-weight:600;line-height:1.3;letter-spacing:.05em;text-transform:uppercase}.kicker.primary{color:var(--socialhub-color-primary)}.kicker.tertiary{color:var(--socialhub-color-tertiary)}.kicker.secondary{color:var(--socialhub-color-secondary-md)}.kicker.muted{color:var(--socialhub-color-on-surface-variant)}.metric-value{font-family:var(--socialhub-font-label);font-size:12px;font-weight:500;line-height:16px;letter-spacing:.05em}.metric-value-lg{font-family:var(--socialhub-font-label);font-size:32px;font-weight:600;line-height:40px;letter-spacing:-.01em}.nav-item{display:flex;align-items:center;gap:var(--socialhub-spacing-sm);padding:var(--socialhub-spacing-xs) var(--socialhub-spacing-xl);font-size:14px;font-weight:400;color:var(--socialhub-color-on-surface-variant);text-decoration:none;transition:all .12s ease;border-left:3px solid transparent}.nav-item:hover{background-color:var(--socialhub-color-surface-container-low);color:var(--socialhub-color-on-surface)}.nav-item.active{background-color:var(--socialhub-color-primary-fixed);color:var(--socialhub-color-primary-md);border-left-color:var(--socialhub-color-primary);font-weight:500}.nav-category{font-family:var(--socialhub-font-body);font-size:11px;font-weight:600;line-height:14px;letter-spacing:.05em;text-transform:uppercase;color:var(--socialhub-color-on-surface-variant);padding:var(--socialhub-spacing-md) var(--socialhub-spacing-xl) var(--socialhub-spacing-xs)}.table-header{font-family:var(--socialhub-font-body);font-size:11px;font-weight:600;line-height:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--socialhub-color-on-surface-variant);padding:var(--socialhub-spacing-sm) var(--socialhub-spacing-md);border-bottom:1px solid var(--socialhub-color-outline-variant);position:sticky;top:0;background:var(--socialhub-color-surface-container-lowest);z-index:10}.table-cell{font-size:14px;font-weight:400;line-height:20px;padding:var(--socialhub-spacing-sm) var(--socialhub-spacing-md);border-bottom:1px solid var(--socialhub-color-surface-container)}.table-row:hover{background-color:var(--socialhub-color-surface-container-low)}.ai-accent{background:var(--socialhub-color-tertiary-fixed);border:1px solid var(--socialhub-color-tertiary-fixed-dim);border-radius:var(--socialhub-rounded-lg)}.ai-shadow{box-shadow:0 4px 16px #6366f11a}.elevation-0{box-shadow:none;border:1px solid var(--socialhub-color-outline-variant)}.elevation-1{box-shadow:0 1px 4px #0f0f0f05;border:1px solid var(--socialhub-color-outline-variant)}.elevation-2{box-shadow:0 4px 12px #0f0f0f14}.elevation-3{box-shadow:0 24px 48px -8px #0f0f0f33}.scrollbar-thin::-webkit-scrollbar{width:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background:var(--socialhub-color-outline-variant);border-radius:var(--socialhub-rounded-full)}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:var(--socialhub-color-outline)}:root{--channel-instagram: #E1306C;--channel-instagram-bg: #FDE8EF;--channel-linkedin: #0A66C2;--channel-linkedin-bg: #E8F1FA;--channel-x: #536471;--channel-x-bg: #EFF1F3;--channel-facebook: #1877F2;--channel-facebook-bg: #E7F0FE;--channel-tiktok: #010101;--channel-tiktok-bg: #F0F0F0}.card-interactive:hover{background-color:var(--socialhub-color-surface-container-low);transform:translateY(-2px);box-shadow:0 4px 16px #0f0f0f0f}@media(prefers-reduced-motion:no-preference){.animate-fade-up{animation:fadeUp .4s ease both}.animate-fade-in{animation:fadeIn .3s ease both}.animate-slide-right{animation:slideRight .3s ease both}.animate-scale-in{animation:scaleIn .35s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideRight{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes shimmerNumber{0%{background-position:-200% center}to{background-position:200% center}}@keyframes subtlePulse{0%,to{opacity:1}50%{opacity:.6}}}:focus-visible{outline:2px solid var(--socialhub-color-primary);outline-offset:2px}.card-accent-top{border-top:3px solid var(--socialhub-color-primary)}.card-accent-left{border-left:3px solid var(--socialhub-color-primary)}.page-body{flex:1;min-height:0;overflow-y:auto;padding:var(--socialhub-spacing-xxl);display:flex;flex-direction:column;gap:var(--socialhub-spacing-xxl)}.page-body:after{content:"";display:block;min-height:1px;flex-shrink:0}@media(max-width:768px){.page-body{padding:var(--socialhub-spacing-md)}}.analytics-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--socialhub-spacing-md);padding:var(--socialhub-spacing-section-lg) var(--socialhub-spacing-xl);text-align:center;flex:1}.analytics-placeholder .placeholder-icon{font-size:56px;line-height:1;margin-bottom:var(--socialhub-spacing-sm);animation:scaleIn .5s ease both}.analytics-placeholder h2{font-family:var(--socialhub-font-heading);font-size:22px;font-weight:700;color:var(--socialhub-color-on-surface);margin:0}.analytics-placeholder p{font-size:15px;color:var(--socialhub-color-on-surface-variant);margin:0;max-width:400px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--socialhub-spacing-xs);font-family:var(--socialhub-font-body);font-size:14px;font-weight:600;padding:12px 24px;border-radius:var(--socialhub-rounded-md);border:none;cursor:pointer;text-decoration:none;background:var(--socialhub-color-primary);color:var(--socialhub-color-on-primary);transition:filter .15s ease,transform .15s ease}.btn-primary:hover{filter:brightness(.92);transform:translateY(-1px)}.app-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto}