@font-face{font-family:Noto Sans Arabic Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-arabic-arabic-wght-normal-BhzieyvS.woff2) format("woff2-variations");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Noto Sans Arabic Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-arabic-math-wght-normal-pS2d8anF.woff2) format("woff2-variations");unicode-range:U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF}@font-face{font-family:Noto Sans Arabic Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-arabic-symbols-wght-normal-BJ6p-EzA.woff2) format("woff2-variations");unicode-range:U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF}@font-face{font-family:Noto Sans Arabic Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-arabic-latin-ext-wght-normal-CIz31GGw.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Noto Sans Arabic Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-arabic-latin-wght-normal-BQEJrIpl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Noto Sans Arabic Variable,Noto Sans Arabic,Tahoma,Arial,sans-serif;color:#101828;background:#f7f9fc;font-synthesis:none;text-rendering:optimizeLegibility;--blue: #2563eb;--blue-dark: #1d4ed8;--blue-soft: #eef4ff;--ice: #f5f8ff;--navy: #101828;--text: #344054;--muted: #667085;--faint: #98a2b3;--line: #e4e9f0;--line-strong: #d0d7e2;--surface: #ffffff;--canvas: #f7f9fc;--success: #0f8a5f;--success-soft: #ebf8f3;--warning: #a15c07;--warning-soft: #fff6e5;--danger: #d92d20;--danger-soft: #fff1f0;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .04), 0 6px 18px rgba(16, 24, 40, .035);--shadow-md: 0 16px 42px rgba(29, 51, 84, .09)}*{box-sizing:border-box}html{min-width:320px;background:var(--canvas);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:var(--canvas)}button,input,textarea,select{font:inherit}button{border:0}button,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}img,video{max-width:100%;display:block}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(37,99,235,.2);outline-offset:2px}::selection{background:#cfe0ff;color:#102a61}.app-shell{min-height:100vh}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:264px;z-index:40;display:flex;flex-direction:column;padding:26px 18px 18px;background:#fffffff5;border-inline-end:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.main-area{min-height:100vh;margin-inline-start:264px}.topbar{height:72px;position:sticky;inset-block-start:0;z-index:30;display:flex;align-items:center;gap:14px;padding-inline:clamp(22px,4vw,56px);background:#f7f9fce0;border-block-end:1px solid rgba(228,233,240,.8);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.page-container{width:min(1240px,calc(100% - 48px));margin-inline:auto;padding-block:42px 80px}.view-stack{display:grid;gap:28px;animation:page-enter .38s ease both}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}.brand{display:inline-flex;align-items:center;gap:11px;direction:ltr}.brand-mark{width:37px;height:37px;position:relative;display:grid;place-items:center;border:1px solid #c9d7fa;border-radius:12px;background:linear-gradient(145deg,#fff 10%,#edf3ff);box-shadow:inset 0 0 0 4px #f7f9ff;transform:rotate(45deg)}.brand-mark:before,.brand-mark:after,.brand-mark>span{content:"";position:absolute;width:13px;height:2px;border-radius:999px;background:var(--blue);transform:rotate(-45deg)}.brand-mark:before{translate:-3px -5px}.brand-mark:after{translate:3px 5px}.brand-mark>span{width:18px}.brand-copy{display:flex;flex-direction:column;align-items:flex-start;gap:0}.brand-copy strong{color:var(--navy);font:760 18px/1.05 Noto Sans Arabic Variable,sans-serif;letter-spacing:.16em}.brand-copy small{color:var(--blue);font:700 8px/1.5 sans-serif;letter-spacing:.28em}.sidebar-head{height:44px;display:flex;align-items:center;justify-content:space-between;padding-inline:9px}.sidebar-close{display:none;background:transparent;color:var(--muted);padding:7px;border-radius:8px}.main-nav{display:grid;gap:5px;margin-block-start:46px}.nav-label{color:var(--faint);font-size:11px;font-weight:700;letter-spacing:.08em;padding-inline:12px;margin-block-end:8px}.main-nav button{height:47px;position:relative;display:flex;align-items:center;gap:12px;padding-inline:13px;border-radius:12px;background:transparent;color:#596579;transition:color .2s ease,background .2s ease}.main-nav button:hover{background:#f5f7fa;color:var(--navy)}.main-nav button.active{background:var(--blue-soft);color:var(--blue-dark);font-weight:650}.main-nav button.active i{position:absolute;inset-inline-end:0;width:3px;height:22px;border-radius:99px 0 0 99px;background:var(--blue)}.sidebar-progress{margin-block-start:auto;padding:17px;border:1px solid #dfe7f4;border-radius:16px;background:linear-gradient(155deg,#fbfdff,#f2f6ff)}.progress-icon{width:36px;height:36px;display:grid;place-items:center;margin-block-end:13px;color:var(--blue);border:1px solid #d5e1fb;border-radius:10px;background:#fff}.sidebar-progress strong{display:block;font-size:13px;color:var(--navy)}.sidebar-progress p{margin:3px 0 11px;font-size:11px;color:var(--muted)}.progress-track{height:4px;overflow:hidden;border-radius:99px;background:#dfe7f4}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--blue);transition:width .4s ease}.sidebar-progress button{display:flex;align-items:center;gap:4px;margin-block-start:12px;padding:0;color:var(--blue-dark);background:transparent;font-size:11px;font-weight:700}.sidebar-footer{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;margin-block-start:18px;padding:15px 8px 0;border-block-start:1px solid var(--line);color:var(--muted)}.avatar{width:35px;height:35px;display:grid;place-items:center;color:#fff;background:var(--navy);border-radius:10px;font:700 10px/1 sans-serif;direction:ltr}.sidebar-footer div{min-width:0}.sidebar-footer strong,.sidebar-footer small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar-footer strong{font-size:12px;color:var(--navy)}.sidebar-footer small{margin-block-start:2px;font-size:10px}.menu-button,.mobile-brand{display:none}.topbar-status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.system-dot{width:7px;height:7px;border-radius:50%;background:#18a873;box-shadow:0 0 0 4px #18a8731a}.quick-create{margin-inline-start:auto;display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border:1px solid var(--line-strong);border-radius:10px;color:var(--text);background:#ffffffdb;font-size:12px;font-weight:650;box-shadow:0 1px 2px #10182808;transition:border-color .2s,color .2s}.quick-create:hover{border-color:#aac2f5;color:var(--blue-dark)}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:28px}.page-heading>div{max-width:740px}.eyebrow,.section-kicker{display:block;color:var(--blue);font-size:11px;font-weight:750;letter-spacing:.08em}.page-heading h1{margin:7px 0;color:var(--navy);font-size:clamp(29px,3.1vw,42px);line-height:1.25;letter-spacing:-.025em}.page-heading p{max-width:650px;margin:0;color:var(--muted);font-size:14px;line-height:1.9}.primary-button,.secondary-button,.hero-action,.publish-button,.connect-button,.disconnect-button{min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding-inline:17px;border-radius:11px;font-weight:700;font-size:13px;transition:background .2s,border-color .2s,color .2s,box-shadow .2s}.primary-button{color:#fff;background:var(--blue);box-shadow:0 7px 18px #2563eb30}.primary-button:hover,.publish-button:hover,.connect-button:hover{background:var(--blue-dark);box-shadow:0 9px 24px #2563eb3d}.secondary-button{color:var(--text);background:#fff;border:1px solid var(--line-strong)}.secondary-button:hover{border-color:#aac2f5;color:var(--blue-dark)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.overview-hero{min-height:300px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.03fr .97fr;align-items:stretch;border:1px solid #dce5f4;border-radius:26px;background:linear-gradient(128deg,#fff 3%,#f5f8ff 64%,#edf3ff);box-shadow:0 20px 54px #1d335412}.overview-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.32;background-image:linear-gradient(#cbd8ee 1px,transparent 1px),linear-gradient(90deg,#cbd8ee 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:linear-gradient(90deg,transparent 25%,black);mask-image:linear-gradient(90deg,transparent 25%,black)}.hero-copy{position:relative;z-index:2;padding:clamp(32px,5vw,58px)}.hero-label{display:inline-flex;align-items:center;gap:8px;color:#53647b;font-size:11px;font-weight:650}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px #2563eb1a}.hero-copy h2{margin:17px 0 12px;color:var(--navy);font-size:clamp(28px,3.3vw,44px);line-height:1.35;letter-spacing:-.035em}.hero-copy h2 em{color:var(--blue);font-style:normal}.hero-copy p{max-width:470px;margin:0;color:var(--muted);font-size:13px;line-height:1.9}.hero-action{margin-block-start:24px;padding:0;color:var(--blue-dark);background:transparent}.hero-action:hover{color:#123ca8}.hero-action svg{transition:transform .2s}.hero-action:hover svg{transform:translate(-4px)}.distribution-visual{min-height:300px;position:relative;z-index:1}.distribution-visual:before{content:"";position:absolute;width:260px;height:260px;inset:50% auto auto 50%;translate:-50% -50%;border:1px solid rgba(37,99,235,.13);border-radius:50%;box-shadow:0 0 0 42px #2563eb06,0 0 0 84px #2563eb05}.center-node{width:104px;height:104px;position:absolute;inset:50% auto auto 50%;translate:-50% -50%;display:grid;place-content:center;justify-items:center;gap:7px;color:var(--blue);border:1px solid #c8d8f7;border-radius:28px;background:#fffffff5;box-shadow:0 18px 45px #2563eb24,inset 0 0 0 5px #f5f8ff}.center-node span{color:var(--text);font-size:10px;font-weight:700}.satellite{position:absolute;padding:8px;border:1px solid rgba(208,215,226,.9);border-radius:16px;background:#ffffffe6;box-shadow:0 10px 25px #10182814}.sat-facebook{inset:18% auto auto 18%}.sat-instagram{inset:17% 16% auto auto}.sat-tiktok{inset:auto auto 16% 22%}.sat-youtube{inset:auto 20% 17% auto}.signal-lines{position:absolute;inset:50% auto auto 50%;width:190px;height:1px;background:linear-gradient(90deg,transparent,rgba(37,99,235,.38),transparent);transform-origin:center}.line-one{transform:translate(-50%,-50%) rotate(34deg)}.line-two{transform:translate(-50%,-50%) rotate(-34deg)}.platform-icon{width:38px;height:38px;flex:0 0 auto;display:inline-grid;place-items:center;border-radius:11px;color:var(--navy);background:#f5f7fa;border:1px solid #e7ebf1}.platform-icon svg{width:17px;height:17px}.platform-icon.small{width:28px;height:28px;border-radius:8px}.platform-icon.small svg{width:12px;height:12px}.platform-icon.large{width:48px;height:48px;border-radius:14px}.platform-icon.large svg{width:21px;height:21px}.platform-icon.facebook{color:#1877f2;background:#eef5ff;border-color:#dceaff}.platform-icon.instagram{color:#c13584;background:#fff3f8;border-color:#f7dfeb}.platform-icon.tiktok{color:#111827;background:#f4f5f6;border-color:#e5e7eb}.platform-icon.youtube{color:#e62117;background:#fff1f0;border-color:#fedfdd}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric-card{min-width:0;padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 3px 14px #10182806}.metric-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.metric-top svg{color:#8492a6}.metric-card>strong{min-height:42px;display:flex;align-items:center;margin-block-start:13px;color:var(--navy);font-size:30px;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.metric-card>small{color:var(--faint);font-size:10px}.skeleton-number{width:54px;height:29px;border-radius:6px;background:linear-gradient(90deg,#edf0f4,#f7f8fa,#edf0f4);background-size:200%;animation:skeleton 1.4s infinite}@keyframes skeleton{to{background-position:-200% 0}}.content-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:18px;align-items:start}.recent-panel,.accounts-panel,.posts-panel{padding:clamp(20px,3vw,28px)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-block-end:18px}.panel-heading h2{margin:5px 0 0;color:var(--navy);font-size:18px}.text-button,.full-text-button{display:inline-flex;align-items:center;gap:5px;padding:6px;color:var(--blue-dark);background:transparent;font-size:11px;font-weight:700}.text-button:hover,.full-text-button:hover{color:#123ca8}.post-list{display:grid}.post-row{min-width:0;display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:13px;padding-block:13px;border-block-start:1px solid #edf0f4}.post-row:first-child{border-block-start:0}.post-thumb{width:46px;height:46px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#f4f7fb}.post-thumb img{width:100%;height:100%;object-fit:cover}.post-thumb>span{width:100%;height:100%;display:grid;place-items:center;color:var(--blue)}.post-primary{min-width:0}.post-title-line{display:flex;align-items:center;gap:9px;min-width:0}.post-title-line h3{min-width:0;overflow:hidden;margin:0;color:var(--navy);font-size:12px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}.post-meta{display:flex;align-items:center;gap:5px;margin-block-start:5px;color:var(--faint);font-size:10px}.post-platforms{display:flex;flex-direction:row-reverse}.post-platforms .platform-icon+.platform-icon{margin-inline-start:-6px}.status-badge{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:99px;font-size:8px;font-weight:750}.status-badge>span{width:5px;height:5px;border-radius:50%;background:currentColor}.status-badge.success{color:var(--success);background:var(--success-soft)}.status-badge.scheduled,.status-badge.progress{color:var(--blue-dark);background:var(--blue-soft)}.status-badge.warning{color:var(--warning);background:var(--warning-soft)}.status-badge.danger{color:var(--danger);background:var(--danger-soft)}.status-badge.neutral{color:var(--muted);background:#f2f4f7}.account-mini-list{display:grid}.account-mini{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding-block:11px;border-block-start:1px solid #edf0f4}.account-mini:first-child{border-block-start:0}.account-mini div{min-width:0}.account-mini strong,.account-mini small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-mini strong{color:var(--navy);font-size:11px}.account-mini small{margin-block-start:2px;color:var(--faint);font-size:9px;direction:ltr;text-align:right}.connection-dot{width:7px;height:7px;border-radius:50%;background:#c7cdd6}.connection-dot.active{background:#18a873;box-shadow:0 0 0 4px #18a87317}.connected-count{min-width:36px;padding:5px 8px;text-align:center;color:var(--blue-dark);background:var(--blue-soft);border-radius:8px;font:700 11px/1 sans-serif;direction:ltr}.full-text-button{width:100%;justify-content:space-between;margin-block-start:13px;padding:13px 0 0;border-block-start:1px solid var(--line)}.empty-state{display:grid;justify-items:center;padding:34px 18px;text-align:center}.empty-icon{width:47px;height:47px;display:grid;place-items:center;color:var(--blue);background:var(--blue-soft);border-radius:14px}.empty-state h3{margin:13px 0 5px;color:var(--navy);font-size:13px}.empty-state p{max-width:360px;margin:0 0 15px;color:var(--muted);font-size:11px;line-height:1.8}.post-skeletons{display:grid;gap:1px}.post-skeletons span{height:70px;border-block-start:1px solid var(--line);background:linear-gradient(90deg,transparent,#f7f9fb,transparent);background-size:200%;animation:skeleton 1.4s infinite}.composer-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.72fr);gap:20px;align-items:start}.compose-main,.compose-step{padding:clamp(22px,3vw,30px)}.compose-side{position:sticky;inset-block-start:92px;display:grid;gap:14px}.form-section-title{display:flex;align-items:flex-start;gap:13px;margin-block-end:22px}.form-section-title>span{flex:0 0 auto;width:30px;height:30px;display:grid;place-items:center;border:1px solid #ccd9f5;border-radius:9px;color:var(--blue-dark);background:var(--blue-soft);font:750 10px/1 sans-serif;direction:ltr}.form-section-title h2{margin:0;color:var(--navy);font-size:16px}.form-section-title p{margin:3px 0 0;color:var(--muted);font-size:10px}.form-section-title.compact{margin-block-end:17px}.form-section-title.compact h2{font-size:14px}.upload-zone{width:100%;min-height:210px;display:grid;place-items:center;place-content:center;gap:7px;padding:30px;border:1.5px dashed #becbe0;border-radius:18px;color:var(--navy);background:linear-gradient(145deg,#fbfdff,#f7f9fc);transition:border-color .2s,background .2s}.upload-zone:hover{border-color:#7ea5f5;background:var(--ice)}.upload-icon{width:48px;height:48px;display:grid;place-items:center;margin-block-end:4px;color:var(--blue);background:#fff;border:1px solid #dce5f4;border-radius:15px;box-shadow:0 8px 20px #2563eb14}.upload-zone strong{font-size:13px}.upload-zone small{color:var(--faint);font-size:10px}.choose-file{margin-block-start:7px;padding:7px 12px;border:1px solid var(--line-strong);border-radius:8px;color:var(--blue-dark);background:#fff;font-size:10px;font-weight:750}.selected-media{display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px;border:1px solid #dce5f4;border-radius:17px;background:#fafcff}.media-preview{width:92px;height:78px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#eef2f6}.media-preview img,.media-preview video{width:100%;height:100%;object-fit:cover}.media-details{min-width:0}.media-details strong,.media-details small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-details strong{color:var(--navy);font-size:11px}.media-details small{margin-block-start:4px;color:var(--muted);font-size:9px;direction:ltr;text-align:right}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-block-start:24px}.full-field{grid-column:1 / -1}.field{position:relative;display:grid;gap:7px}.field>span{color:var(--text);font-size:11px;font-weight:700}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line-strong);border-radius:11px;color:var(--navy);background:#fff;outline:none;transition:border-color .2s,box-shadow .2s}.field input,.field select{height:44px;padding-inline:13px}.field textarea{resize:vertical;min-height:130px;padding:12px 13px;line-height:1.8}.field input::placeholder,.field textarea::placeholder{color:#aab2bf}.field input:focus,.field textarea:focus,.field select:focus{border-color:#8fb0f4;box-shadow:0 0 0 3px #2563eb17}.field>small{justify-self:end;color:var(--faint);font-size:8px}.mini-field{margin-block-start:15px}.mini-field input,.mini-field select{height:41px;font-size:11px}.platform-selector{display:grid;gap:8px}.platform-choice{width:100%;min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:13px;color:inherit;background:#fff;text-align:start;transition:border-color .2s,background .2s}.platform-choice:hover{border-color:#b8c9e8;background:#fcfdff}.platform-choice.selected{border-color:#9cb9f5;background:#f7faff;box-shadow:inset 0 0 0 1px #2563eb0f}.platform-choice>span:nth-child(2){min-width:0}.platform-choice strong,.platform-choice small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.platform-choice strong{color:var(--navy);font-size:11px}.platform-choice small{margin-block-start:2px;color:var(--faint);font-size:8px;direction:ltr;text-align:right}.choice-check{width:19px;height:19px;display:grid;place-items:center;color:#fff;border:1px solid #ccd3dc;border-radius:6px}.selected .choice-check{border-color:var(--blue);background:var(--blue)}.segmented-control{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:#f6f8fa}.segmented-control button{min-height:38px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:9px;color:var(--muted);background:transparent;font-size:10px;font-weight:700}.segmented-control button.active{color:var(--blue-dark);background:#fff;box-shadow:0 2px 8px #10182812}.publish-button,.connect-button{min-height:50px;width:100%;color:#fff;background:var(--blue);box-shadow:0 8px 20px #2563eb2e}.publish-note{display:flex;align-items:center;justify-content:center;gap:6px;margin:-3px 0 0;color:var(--muted);font-size:9px}.publish-note svg{color:var(--success)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.posts-panel{min-height:400px}.full-list .post-row{grid-template-columns:50px minmax(0,1fr) minmax(100px,auto) auto;padding-block:16px}.row-actions{display:flex;align-items:center;gap:5px}.icon-button{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;color:var(--muted);background:#fff;transition:color .2s,border-color .2s,background .2s}.icon-button:hover{color:var(--blue);border-color:#b6caf2;background:var(--blue-soft)}.danger-ghost:hover{color:var(--danger);border-color:#f0bbb6;background:var(--danger-soft)}.connections-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.connection-card{position:relative;overflow:hidden;padding:25px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow-sm)}.connection-card:after{content:"";position:absolute;width:120px;height:120px;inset:-55px auto auto -50px;border-radius:50%;background:#2563eb09}.connection-card.is-connected{border-color:#c9d9f7}.connection-card-top{display:flex;align-items:center;justify-content:space-between}.connection-status{position:relative;z-index:1;padding:5px 8px;border-radius:99px;font-size:8px;font-weight:750}.connection-status.connected{color:var(--success);background:var(--success-soft)}.connection-status.ready{color:var(--blue-dark);background:var(--blue-soft)}.connection-status.needs-config{color:var(--warning);background:var(--warning-soft)}.connection-card h2{margin:17px 0 2px;color:var(--navy);font-size:19px;direction:ltr;text-align:right}.connection-card>p{margin:0;color:var(--muted);font-size:10px}.connection-account{min-height:64px;margin-block:20px;padding-block:13px;border-block:1px solid #edf0f4}.connection-account small,.connection-account strong{display:block}.connection-account small{color:var(--faint);font-size:8px}.connection-account strong{margin-block-start:4px;color:var(--text);font-size:11px}.connect-button,.disconnect-button{min-height:42px}.disconnect-button{width:100%;color:var(--text);background:#fff;border:1px solid var(--line-strong)}.disconnect-button:hover{color:var(--danger);border-color:#e9b9b4;background:var(--danger-soft)}.setup-note{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:14px;padding:20px;border:1px solid #dbe4f2;border-radius:17px;background:#f4f7fc}.setup-note>span{width:42px;height:42px;display:grid;place-items:center;color:var(--blue);background:#fff;border:1px solid #dce5f4;border-radius:12px}.setup-note h3{margin:0 0 4px;color:var(--navy);font-size:13px}.setup-note p{margin:0;color:var(--muted);font-size:10px;line-height:1.8}.setup-note code{padding:2px 5px;border-radius:5px;color:var(--blue-dark);background:#fff;font-family:Consolas,monospace}.toast{width:min(380px,calc(100vw - 30px));position:fixed;z-index:100;inset:auto 50% 20px auto;translate:50% 20px;display:grid;grid-template-columns:28px minmax(0,1fr) 26px;align-items:center;gap:8px;padding:12px 13px;opacity:0;pointer-events:none;border:1px solid var(--line);border-radius:13px;color:var(--text);background:#fffffff7;box-shadow:var(--shadow-md);transition:opacity .25s,translate .25s}.toast.visible{opacity:1;translate:50% 0;pointer-events:auto}.toast>span{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;color:var(--success);background:var(--success-soft)}.toast.error>span{color:var(--danger);background:var(--danger-soft)}.toast p{margin:0;font-size:11px;line-height:1.6}.toast button{display:grid;place-items:center;padding:4px;border-radius:7px;color:var(--muted);background:transparent}.toast button:hover{background:#f2f4f7}.mobile-overlay{display:none}@media(max-width:1100px){.sidebar{width:232px}.main-area{margin-inline-start:232px}.page-container{width:min(100% - 36px,1060px)}.metric-grid{grid-template-columns:repeat(2,1fr)}.composer-layout{grid-template-columns:minmax(0,1fr) 310px}}@media(max-width:900px){.sidebar{width:min(300px,86vw);inset:0 0 0 auto;translate:none;transform:translate(105%);box-shadow:-20px 0 50px #10182821;transition:transform .28s ease}.sidebar.open{transform:translate(0)}.sidebar-close,.menu-button,.mobile-brand{display:grid}.sidebar-close{place-items:center}.main-area{margin-inline-start:0}.menu-button{width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:10px;color:var(--text);background:#fff}.mobile-brand{place-items:center}.mobile-brand .brand-mark{width:30px;height:30px;border-radius:10px}.mobile-brand .brand-copy strong{font-size:14px}.mobile-brand .brand-copy small{font-size:6px}.mobile-overlay{display:block;position:fixed;inset:0;z-index:35;opacity:0;pointer-events:none;background:#10182852;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .25s}.mobile-overlay.visible{opacity:1;pointer-events:auto}.content-grid{grid-template-columns:1fr}.accounts-panel{order:-1}.account-mini-list{grid-template-columns:repeat(2,1fr);column-gap:20px}.composer-layout{grid-template-columns:1fr}.compose-side{position:static;grid-template-columns:1fr 1fr;align-items:start}.compose-side .publish-button,.compose-side .publish-note{grid-column:1 / -1}}@media(max-width:680px){.topbar{height:64px;padding-inline:14px}.topbar-status{display:none}.quick-create{margin-inline-start:auto}.quick-create span{display:none}.quick-create{width:38px;height:38px;padding:0;justify-content:center}.page-container{width:calc(100% - 24px);padding-block:27px 70px}.view-stack{gap:20px}.page-heading{align-items:flex-start;flex-direction:column;gap:16px}.page-heading h1{margin-block:6px;font-size:clamp(27px,8vw,35px)}.page-heading p{font-size:12px;line-height:1.8}.page-heading>.primary-button,.page-heading>.secondary-button{width:100%}.overview-hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:28px 24px 16px}.hero-copy h2{font-size:clamp(27px,9vw,38px)}.distribution-visual{min-height:255px}.metric-grid{gap:10px}.metric-card{padding:16px}.metric-card>strong{font-size:26px}.recent-panel,.accounts-panel,.posts-panel,.compose-main,.compose-step{padding:18px;border-radius:18px}.account-mini-list{grid-template-columns:1fr}.compact-list .post-row{grid-template-columns:44px minmax(0,1fr) auto}.compact-list .post-platforms{display:none}.post-title-line{align-items:flex-start;flex-direction:column;gap:4px}.full-list .post-row{grid-template-columns:46px minmax(0,1fr) auto}.full-list .post-platforms{grid-column:2 / 3;margin-block-start:-4px;justify-content:flex-end}.full-list .row-actions{grid-column:3;grid-row:1 / span 2}.composer-layout{gap:13px}.compose-side{grid-template-columns:1fr}.compose-side .publish-button,.compose-side .publish-note{grid-column:auto}.upload-zone{min-height:185px;padding:22px 15px}.selected-media{grid-template-columns:72px minmax(0,1fr) auto}.media-preview{width:72px;height:65px}.connections-grid{grid-template-columns:1fr;gap:12px}.connection-card{padding:21px}}@media(max-width:420px){.metric-grid{grid-template-columns:1fr}.metric-card{display:grid;grid-template-columns:1fr auto;align-items:center}.metric-top{grid-column:1 / -1}.metric-card>strong{margin-block-start:10px}.metric-card>small{align-self:end;padding-block-end:5px}.sat-facebook{inset-inline-start:8%}.sat-instagram{inset-inline-end:8%}.sat-tiktok{inset-inline-start:13%}.sat-youtube{inset-inline-end:11%}.field-grid{grid-template-columns:1fr}.post-row{gap:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}