html,body,#root{min-height:100%;margin:0}*{box-sizing:border-box}body{min-width:320px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}.socialhero-shell{--sh-bg: #f4f7fb;--sh-panel: #fff;--sh-soft: #eef4ff;--sh-text: #17213a;--sh-muted: #6d7890;--sh-border: #dfe6f1;--sh-accent: #4968f2;--sh-violet: #8b5cf6;min-height:100vh;background:var(--sh-bg);color:var(--sh-text);font-family:Inter,ui-sans-serif,system-ui,sans-serif}.dark .socialhero-shell{--sh-bg: #070b16;--sh-panel: #0f1627;--sh-soft: #151f36;--sh-text: #edf2ff;--sh-muted: #8d9ab5;--sh-border: #202b43;--sh-accent: #4f7cff;--sh-violet: #9b6cff;background-image:radial-gradient(circle at 70% 0,#17285d55,transparent 35%)}.sh-topbar{height:64px;position:fixed;inset:0 0 auto;z-index:30;display:flex;align-items:center;gap:14px;padding:0 20px;border-bottom:1px solid var(--sh-border);background:color-mix(in srgb,var(--sh-panel) 92%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sh-brand{display:flex;align-items:center;gap:7px;color:var(--sh-text);text-decoration:none}.sh-brand>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--sh-accent),var(--sh-violet));color:#fff;font-weight:900}.sh-brand small{font-size:9px;letter-spacing:.15em;color:var(--sh-muted)}.sh-topbar nav{display:flex;align-self:stretch}.sh-topbar nav a,.sh-topbar nav button{display:grid;place-items:center;padding:0 11px;color:var(--sh-muted);font-size:13px;text-decoration:none;border-bottom:2px solid transparent;border-top:0;border-left:0;border-right:0;background:none}.sh-topbar nav button:disabled{cursor:not-allowed;opacity:.72}.sh-topbar nav a.active{color:var(--sh-accent);border-color:var(--sh-accent);font-weight:700}.sh-search{height:36px;min-width:170px;max-width:300px;flex:1;display:flex;align-items:center;gap:8px;padding:0 11px;background:var(--sh-soft);border:1px solid var(--sh-border);border-radius:10px;color:var(--sh-muted)}.sh-search input{min-width:0;width:100%;background:none;border:0;outline:0;color:var(--sh-text)}.sh-status{font-size:11px;color:var(--sh-muted);white-space:nowrap}.sh-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e}.sh-theme{display:flex;padding:3px;background:var(--sh-soft);border-radius:9px}.sh-theme button,.sh-icon-button{display:grid;place-items:center;width:29px;height:29px;border:0;border-radius:7px;background:none;color:var(--sh-muted)}.sh-theme button[aria-pressed=true]{background:var(--sh-panel);color:var(--sh-accent);box-shadow:0 2px 8px #0001}.sh-profile{display:flex;align-items:center;gap:8px;border:0;background:none;color:var(--sh-text);text-align:left}.sh-profile>span:first-child{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#8b5cf6,#4968f2);color:#fff;font-size:11px;font-weight:800}.sh-profile span:last-child{display:grid}.sh-profile small{color:var(--sh-muted);font-size:10px}.sh-mobile-menu{display:none;border:0;background:none;color:var(--sh-text)}.sh-sidebar{position:fixed;z-index:25;top:64px;bottom:0;left:0;width:244px;padding:13px 11px 60px;overflow:auto;background:var(--sh-panel);border-right:1px solid var(--sh-border);transition:.2s}.sh-sidebar-title{display:none}.sh-sidebar section{margin:8px 0 16px}.sh-sidebar h3{padding:0 10px;color:var(--sh-muted);font-size:10px;text-transform:uppercase;letter-spacing:.13em}.sh-sidebar .sh-nav-item{display:flex;align-items:center;gap:9px;min-height:34px;padding:5px 8px;border-radius:8px;color:var(--sh-muted);text-decoration:none;font-size:12px}.sh-sidebar .sh-nav-item span{display:grid;place-items:center;flex:0 0 20px}.sh-sidebar .sh-nav-item svg{width:15px}.sh-sidebar .sh-nav-item b{font-weight:550;flex:1}.sh-sidebar .sh-nav-item em{font-size:8px;font-style:normal;border:1px solid var(--sh-border);padding:2px 4px;border-radius:5px}.sh-sidebar .sh-nav-item.active{background:var(--sh-soft);color:var(--sh-accent)}.sh-collapse{position:fixed;bottom:12px;left:12px;width:218px;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;border:1px solid var(--sh-border);border-radius:8px;background:var(--sh-panel);color:var(--sh-muted)}.sh-sidebar.collapsed{width:58px}.sh-sidebar.collapsed h3,.sh-sidebar.collapsed .sh-nav-item b,.sh-sidebar.collapsed .sh-nav-item em,.sh-sidebar.collapsed .sh-collapse span{display:none}.sh-sidebar.collapsed .sh-collapse{width:34px}.socialhero-shell main{margin-left:244px;padding:92px 28px 50px;transition:.2s}.socialhero-shell main.rail-collapsed{margin-left:58px}.sh-heading{max-width:1520px;margin:auto;display:flex;justify-content:space-between;gap:20px;align-items:flex-end}.sh-eyebrow{display:flex;align-items:center;gap:5px;color:var(--sh-accent);font-size:10px;font-weight:800;letter-spacing:.12em}.sh-heading h1{margin:8px 0 4px;font-size:clamp(26px,3vw,40px);letter-spacing:-.04em}.sh-heading p{margin:0;color:var(--sh-muted)}.socialhero-shell button{font:inherit}.socialhero-shell :is(a,button,input,[tabindex]):focus-visible{outline:2px solid var(--sh-accent);outline-offset:2px}.sh-heading-actions{display:flex;gap:8px}.sh-heading-actions button,.sh-panel button.full{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--sh-accent),var(--sh-violet));color:#fff;font-size:12px;font-weight:700}.sh-heading-actions button.secondary{background:var(--sh-panel);border:1px solid var(--sh-border);color:var(--sh-text)}.sh-accounts{max-width:1520px;margin:22px auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sh-accounts article,.sh-add-account{min-height:94px;display:flex;align-items:center;gap:11px;padding:15px;border:1px solid var(--sh-border);border-radius:14px;background:var(--sh-panel);color:var(--sh-text);text-align:left}.sh-avatar{width:43px;height:43px;display:grid;place-items:center;flex:none;border-radius:12px;background:#dbe7ff;color:#3156d8;font-weight:800}.sh-avatar.violet{background:#eadfff;color:#7440d5}.sh-avatar.cyan{background:#d9f5f5;color:#087c88}.sh-accounts h2,.sh-accounts p{margin:0;font-size:13px}.sh-accounts p,.sh-accounts small{color:var(--sh-muted);font-size:10px}.sh-accounts article>strong{margin-left:auto;font-size:16px}.sh-accounts article>strong small{display:block}.sh-accounts article>button{border:0;background:none;color:var(--sh-muted)}.sh-add-account{border-style:dashed;justify-content:center;flex-direction:column;gap:2px}.sh-add-account>span{font-size:22px;color:var(--sh-accent)}.sh-grid{max-width:1520px;margin:auto;display:grid;grid-template-columns:minmax(0,2fr) minmax(310px,.8fr);gap:16px}.sh-primary,.sh-insights{display:grid;align-content:start;gap:16px}.sh-panel{overflow:hidden;border:1px solid var(--sh-border);border-radius:16px;background:var(--sh-panel);box-shadow:0 12px 30px #24345c0a}.sh-panel>header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--sh-border)}.sh-panel>header>div{display:flex;align-items:center;gap:8px}.sh-panel h2{margin:0;font-size:14px}.sh-panel>header svg{color:var(--sh-accent)}.sh-badge{display:inline-flex;align-items:center;width:max-content;padding:3px 6px;border-radius:6px;background:#e8efff;color:#3f60d7;font-size:9px;font-weight:750}.dark .sh-badge{background:#20315b;color:#94b0ff}.sh-badge.violet{background:#eee6ff;color:#7647d6}.sh-badge.green{background:#dcf8e7;color:#16814a}.sh-badge.amber{background:#fff0d7;color:#a45c08}.sh-segment{display:flex;padding:3px;background:var(--sh-soft);border-radius:8px}.sh-segment button,.sh-filters button,.text-button{border:0;background:none;color:var(--sh-muted);font-size:10px;padding:5px 8px;border-radius:6px}.sh-segment button.active,.sh-filters button.active{background:var(--sh-panel);color:var(--sh-accent);font-weight:700}.sh-planner-meta,.sh-filters{display:flex;align-items:center;gap:7px;padding:12px 16px}.sh-planner-meta>span{font-size:13px;font-weight:700;margin-right:auto}.sh-planner{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0 12px 14px;gap:8px}.sh-planner article{min-height:145px;padding:10px;border:1px solid var(--sh-border);border-radius:11px;background:linear-gradient(145deg,var(--sh-soft),var(--sh-panel));display:flex;flex-direction:column;gap:8px}.sh-date{font-size:20px;font-weight:800}.sh-date small{font-size:9px;display:block;color:var(--sh-muted)}.sh-planner article>div:nth-child(2){display:grid;gap:5px}.sh-planner h3,.sh-media h3,.sh-trends h3{margin:0;font-size:12px}.sh-planner p,.sh-planner small,.sh-media p,.sh-trends p{margin:0;color:var(--sh-muted);font-size:9px}.sh-planner article>.sh-badge{margin-top:auto}.sh-planner.list{grid-template-columns:1fr}.sh-planner.list article{min-height:0;display:grid;grid-template-columns:50px 1fr auto;align-items:center}.sh-filters{overflow:auto;border-bottom:1px solid var(--sh-border)}.sh-filters span{margin-left:auto;white-space:nowrap;display:flex;align-items:center;gap:4px;color:var(--sh-muted);font-size:9px}.sh-media{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px}.sh-media-art{height:115px;position:relative;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#253766,#8c6dde);overflow:hidden}.sh-media-art.art-1,.sh-media-art.art-4{background:linear-gradient(135deg,#256d75,#58c4b5)}.sh-media-art.art-2,.sh-media-art.art-5{background:linear-gradient(135deg,#813e64,#ec759b)}.sh-media-art button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:#fff;color:#334155}.sh-media-art .sh-badge{position:absolute;top:8px;left:8px}.sh-media h3{margin-top:7px}.sh-performance{display:grid;gap:12px;padding:18px}.sh-performance>div{display:grid;grid-template-columns:80px 1fr 120px;align-items:center;gap:10px;font-size:10px}.sh-performance>div>div{height:7px;border-radius:10px;background:var(--sh-soft)}.sh-performance i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sh-accent),var(--sh-violet))}.sh-performance b{text-align:right}.sh-score{display:flex;align-items:center;gap:14px;padding:18px}.sh-score>div{width:78px;height:78px;display:grid;place-content:center;border-radius:50%;background:radial-gradient(circle closest-side,var(--sh-panel) 76%,transparent 78% 99%),conic-gradient(var(--sh-accent) calc(var(--score) * 1%),var(--sh-soft) 0)}.sh-score strong{font-size:23px}.sh-score small{font-size:9px;color:var(--sh-muted)}.sh-score>span{display:grid}.sh-score>span b{font-size:13px}.sh-factors{display:grid;gap:9px;padding:0 18px 15px}.sh-factors>div{display:flex;align-items:center}.sh-factors span{display:grid;font-size:10px}.sh-factors small{color:var(--sh-muted);font-size:8px}.sh-factors b{margin-left:auto}.sh-suggestion{display:flex;gap:9px;margin:0 15px 13px;padding:11px;border-radius:10px;background:var(--sh-soft);color:var(--sh-muted)}.sh-suggestion p{display:grid;margin:0;font-size:9px}.sh-suggestion b{color:var(--sh-text);font-size:10px}.sh-panel button.full{margin:0 15px;width:calc(100% - 30px)}.sh-disclaimer{margin:9px 16px 15px;color:var(--sh-muted);font-size:8px}.sh-trends{display:grid;padding:6px 16px 14px}.sh-trends article{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--sh-border)}.sh-trends article:last-child{border:0}.sh-trends article>svg{color:var(--sh-accent)}.sh-trends article>div{display:grid;gap:5px}.sh-hive{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--sh-border)}.sh-hive>div{display:grid;padding:12px;background:var(--sh-panel)}.sh-hive span{color:var(--sh-muted);font-size:9px}.sh-hive strong{font-size:16px}.sh-hive b{font-size:10px}.sh-hive .positive{color:#19a466}.sh-hive .sh-roi{grid-column:1/-1;background:linear-gradient(135deg,var(--sh-accent),var(--sh-violet));color:#fff}.sh-hive .sh-roi span{color:#dfe6ff}.sh-import{display:flex;align-items:center;gap:10px;padding:15px}.sh-import>svg{color:var(--sh-accent)}.sh-import p{display:grid;margin:0;font-size:10px}.sh-import small{color:var(--sh-muted);font-size:8px}.sh-import button{margin-left:auto;padding:7px;border:1px solid var(--sh-border);border-radius:7px;background:var(--sh-soft);color:var(--sh-muted);font-size:9px}.sh-overlay{display:none}@media (max-width: 1180px){.sh-status,.sh-profile span:last-child,.sh-topbar nav a:not(.active),.sh-topbar nav button{display:none}.sh-accounts{grid-template-columns:repeat(2,1fr)}.sh-grid{grid-template-columns:1fr}.sh-insights{grid-template-columns:repeat(2,1fr)}}@media (max-width: 760px){.sh-topbar{padding:0 12px;gap:8px}.sh-mobile-menu{display:grid}.sh-brand small,.sh-search,.sh-status,.sh-icon-button{display:none}.sh-topbar nav{margin-left:auto}.sh-profile{padding:0}.sh-sidebar{top:0;width:min(86vw,290px);transform:translate(-105%);z-index:50}.sh-sidebar.open{transform:none}.sh-sidebar-title{display:flex;align-items:center;justify-content:space-between;padding:8px}.sh-sidebar-title button{border:0;background:none;color:var(--sh-text)}.sh-collapse{display:none}.sh-overlay{display:block;position:fixed;inset:0;z-index:40;background:#030712aa;border:0}.socialhero-shell main,.socialhero-shell main.rail-collapsed{margin-left:0;padding:84px 13px 36px}.sh-heading{align-items:flex-start;flex-direction:column}.sh-heading-actions{width:100%}.sh-heading-actions button{flex:1}.sh-accounts{grid-template-columns:1fr;overflow:hidden}.sh-grid{display:block}.sh-primary,.sh-insights{margin-bottom:14px}.sh-insights{display:grid;grid-template-columns:1fr}.sh-planner{display:flex;overflow:auto}.sh-planner article{min-width:160px}.sh-media{grid-template-columns:repeat(2,1fr)}.sh-performance>div{grid-template-columns:65px 1fr}.sh-performance b{grid-column:2}.sh-hive{grid-template-columns:1fr}.sh-hive .sh-roi{grid-column:auto}}@media (max-width: 430px){.sh-brand strong{display:none}.sh-theme button{width:26px}.sh-topbar nav a.active{padding:0 6px}.sh-heading-actions{display:grid}.sh-media{grid-template-columns:1fr}.sh-accounts article>strong{display:none}}
