@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{--background:#f4f7fb;--surface:#fff;--surface-raised:#fff;--surface-subtle:#f7faff;--navy:#112b4b;--navy-2:#173c69;--primary:#173c69;--primary-hover:#0e2b4d;--accent:#10afa7;--text:#102742;--muted:#6d819a;--border:#dce6f1;--border-strong:#bfd0e3;--focus:#2288d4;--danger:#ba4047;--danger-bg:#fff1f1;--success:#078a78;--success-bg:#e8f9f5;--warning:#ad6a13;--warning-bg:#fff5e8;--info:#2674c6;--info-bg:#eaf4ff;--shadow:0 12px 35px rgba(29,66,107,.07);--shadow-strong:0 22px 50px rgba(29,66,107,.12);--radius:16px;--radius-sm:10px;--space:20px;--duration:.18s;color-scheme:light}
:root[data-theme="dark"]{--background:#071827;--surface:#0d2336;--surface-raised:#122a40;--surface-subtle:#10293e;--navy:#e8f4ff;--navy-2:#258ffa;--primary:#1687ec;--primary-hover:#329fff;--accent:#28c8bc;--text:#edf6ff;--muted:#91a9be;--border:#254358;--border-strong:#396078;--focus:#4cb6ff;--danger:#ff8588;--danger-bg:#40252d;--success:#4bd9b9;--success-bg:#153c3d;--warning:#f7bb67;--warning-bg:#3e352c;--info:#8cc8ff;--info-bg:#163754;--shadow:0 16px 36px rgba(0,0,0,.16);--shadow-strong:0 24px 50px rgba(0,0,0,.28);color-scheme:dark}
html{scroll-behavior:smooth}body{background:var(--background);color:var(--text);font-family:Vazirmatn,Inter,"Segoe UI",Tahoma,sans-serif;font-size:14px;line-height:1.65}html[lang="en"] body{font-family:Inter,"Segoe UI",sans-serif;line-height:1.5}h1,h2,h3,p{overflow-wrap:anywhere}button,input,textarea,select{font:inherit}button,a,input,select,textarea{transition:background var(--duration),border-color var(--duration),color var(--duration),box-shadow var(--duration)}:focus-visible{outline:3px solid var(--focus)!important;outline-offset:2px}::selection{background:#69cfdf66}
.app-layout{min-height:100vh;display:grid;grid-template-columns:228px minmax(0,1fr)}.app-main{min-width:0}.site-sidebar{position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;gap:24px;padding:28px 15px 20px;background:var(--surface);border-inline-end:1px solid var(--border)}.brand-block{gap:11px;padding:3px 10px}.brand-mark{width:42px;height:42px;border:0;border-radius:13px;background:linear-gradient(150deg,#215b9c,#0b315f);color:#fff;font-size:1.7rem;line-height:1;box-shadow:0 7px 17px #12558830}.brand-copy{display:grid;line-height:1.28}.brand-copy strong{font:800 1.31rem Inter,sans-serif;letter-spacing:-.04em;color:var(--navy)}.brand-copy small{color:var(--muted);font-size:.68rem}.app-nav{border:0}.app-nav-inner{width:100%;display:grid;gap:4px}.app-nav-link{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:9px;color:var(--muted);font-size:.9rem;font-weight:600}.app-nav-link::before{content:attr(data-icon);width:20px;display:inline-grid;place-items:center;font-family:Inter,sans-serif;font-size:1.1rem;line-height:1}.app-nav-link:hover{background:var(--surface-subtle);color:var(--navy)}.app-nav-link.is-active{background:var(--info-bg);color:var(--primary);font-weight:800}.app-nav-link.is-active::after{display:none}.sidebar-foot{margin-top:auto;display:grid;justify-items:center;gap:8px;padding:18px 10px;border:1px solid var(--border);border-radius:12px;background:var(--surface-subtle);color:var(--muted);font-size:.76rem;text-align:center}.sidebar-foot-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--success-bg);color:var(--accent);font-size:1.3rem}
.site-header{background:var(--surface);color:var(--text);border-bottom:1px solid var(--border)}.header-inner{width:min(1380px,calc(100% - 64px));min-height:76px;gap:20px}.header-heading{display:grid;line-height:1.35}.header-kicker{font:800 .72rem Inter,sans-serif;letter-spacing:.07em;color:var(--accent)}.header-heading strong{font-size:1rem;color:var(--navy)}.user-actions{gap:16px}.workspace-switcher-wrap{color:var(--muted)}.workspace-switcher-wrap select{min-height:36px;border-color:var(--border);background:var(--surface-subtle);color:var(--text)}.header-user{display:flex;align-items:center;gap:9px;text-decoration:none}.header-avatar,.settings-profile-avatar{width:37px;height:37px;display:grid;place-items:center;flex:none;border-radius:50%;background:linear-gradient(135deg,#0d64b5,#74b9e6);color:#fff;font-weight:800}.username{color:var(--text);font-weight:700}.site-header .button-secondary{min-height:36px;padding:5px 12px;background:var(--surface-subtle);color:var(--muted);border-color:var(--border)}.site-header .button-secondary:hover{background:var(--info-bg);color:var(--primary)}
.dashboard-shell{width:min(1380px,calc(100% - 64px));margin:32px auto 60px;gap:20px}.dashboard-shell>*{min-width:0}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:25px}.section-heading{margin-bottom:21px}.section-heading h2,.page-heading h2,.page-intro h2{font-size:1.35rem;line-height:1.45;color:var(--navy);font-weight:800}.eyebrow{color:var(--accent);font-size:.72rem;letter-spacing:.015em}.muted{color:var(--muted)}.button,.job-list button,.job-list a{border-radius:var(--radius-sm);font-weight:800}.button-primary,.job-list a{background:var(--primary);color:#fff}.button-primary:hover,.job-list a:hover{background:var(--primary-hover)}.button-ghost,.button-secondary-dark,.job-list button{background:var(--surface-subtle);color:var(--primary);border:1px solid var(--border)}.button-ghost:hover,.button-secondary-dark:hover,.job-list button:hover{background:var(--info-bg)}input[type="text"],input[type="password"],input[type="url"],textarea,select{background:var(--surface);color:var(--text);border-color:var(--border-strong);border-radius:var(--radius-sm)}input::placeholder,textarea::placeholder{color:var(--muted)}input[type="checkbox"],input[type="radio"]{accent-color:var(--primary)}.notice{color:var(--muted)}.notice-error{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}
.workflow-panel{position:relative;overflow:hidden;padding:34px}.workflow-panel::before{content:"";position:absolute;inset-block-start:-120px;inset-inline-end:-95px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,var(--info-bg),transparent 68%);pointer-events:none}.workflow-panel>*{position:relative}.workflow-panel .section-heading{margin-bottom:25px}.workflow-panel .section-heading h2{font-size:1.65rem;max-width:650px}.url-form{max-width:900px}.url-row{gap:0;padding:5px;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface);box-shadow:0 7px 22px #236ba514}.url-row input[type="url"]{border:0;min-height:48px;box-shadow:none}.url-row .button{min-width:150px}.media-card:not(:empty){grid-template-columns:minmax(0,1fr) minmax(200px,34%);gap:13px 24px;margin-top:26px;padding:22px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-subtle)}.media-card h2{font-size:1.24rem;color:var(--navy)}.media-card img{width:100%;max-height:260px;aspect-ratio:16/10;grid-column:2;grid-row:1/span 3;border:0;box-shadow:var(--shadow)}.media-card .media-caption{background:var(--surface);border-color:var(--border)}.format-list{gap:8px}.format-list label{min-height:59px;border-color:var(--border);background:var(--surface);color:var(--text)}.format-list label:hover,.format-list label:has(input:checked){border-color:var(--primary);background:var(--info-bg)}.download-button{min-width:200px}.gallery-toolbar{background:var(--surface-subtle);border-color:var(--border)}.gallery-summary,.gallery-slide-copy strong{color:var(--navy)}.gallery-text-button,.text-button{color:var(--primary)}.format-list .gallery-slide-card{background:var(--surface);border-color:var(--border)}.format-list .gallery-slide-card:has(input:checked){background:var(--info-bg);border-color:var(--primary)}.gallery-slide-preview{background:var(--surface-subtle)}.gallery-slide-card>input[type="checkbox"]{right:auto;inset-inline-start:17px}.gallery-kind-badge{border-radius:7px}
.dashboard-shell:has(.workflow-panel){grid-template-columns:minmax(0,1.7fr) minmax(280px,.63fr);align-items:start}.dashboard-shell:has(.workflow-panel) .workflow-panel{grid-column:1}.dashboard-shell:has(.workflow-panel) .active-panel{grid-column:2;grid-row:1}.dashboard-shell:has(.workflow-panel) .history-panel{grid-column:1/-1}.platform-shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.platform-shortcuts span{padding:5px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-subtle);color:var(--muted);font:700 .76rem Inter,sans-serif}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:25px}.benefit-grid>div{display:grid;gap:2px;padding:15px;border:1px solid var(--border);border-radius:12px;background:var(--surface-subtle)}.benefit-grid span{width:30px;height:30px;display:grid;place-items:center;margin-bottom:5px;border-radius:8px;background:var(--success-bg);color:var(--accent);font-size:1.1rem}.benefit-grid strong{color:var(--navy);font-size:.85rem}.benefit-grid small{color:var(--muted);font-size:.72rem}
.active-panel{border-inline-start:1px solid var(--border)}.job-list article{position:relative;background:var(--surface-subtle);border-color:var(--border);padding:18px 20px}.job-list h3{color:var(--navy)}.job-list progress{height:8px;border-radius:20px;overflow:hidden;accent-color:var(--accent)}.job-list progress::-webkit-progress-bar{background:var(--border)}.job-list progress::-webkit-progress-value{background:linear-gradient(90deg,var(--primary),var(--accent))}.job-list p{color:var(--muted)}.history-panel{margin-bottom:0}.history-panel .job-list{gap:0}.history-panel .job-list article{border-radius:0;border-inline:0;border-block-end:1px solid var(--border);background:var(--surface)}.history-panel .job-list article:first-child{border-block-start:1px solid var(--border)}
.job-list .job-status{display:inline-block;margin:3px 0;padding:2px 9px;border-radius:7px;background:var(--info-bg);color:var(--info);font-size:.76rem;font-weight:800}.job-list .job-status-completed{background:var(--success-bg);color:var(--success)}.job-list .job-status-failed,.job-list .job-status-cancelled{background:var(--danger-bg);color:var(--danger)}.job-list .job-meta{margin:3px 0;font-size:.76rem}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.history-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.history-search{flex:1;max-width:290px}.history-search input{width:100%;min-height:40px;padding:7px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text)}.history-filters{display:flex;gap:5px;flex-wrap:wrap}.history-filters button{min-height:35px;padding:6px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-subtle);color:var(--muted);font-weight:700;cursor:pointer}.history-filters button.is-selected{background:var(--primary);border-color:var(--primary);color:#fff}
.page-intro{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:25px 28px;box-shadow:var(--shadow)}.status-chip{border-radius:7px}.status-success{color:var(--success);background:var(--success-bg);border-color:var(--success)}.status-danger,.status-failed{color:var(--danger);background:var(--danger-bg);border-color:var(--danger)}.status-neutral,.status-draft{color:var(--muted);background:var(--surface-subtle);border-color:var(--border)}.status-publishing,.status-partial{color:var(--info);background:var(--info-bg);border-color:var(--border)}.selection-card,.social-preview,.integration-card,.workspace-member,.target-status-row,.publish-history-card{background:var(--surface);border-color:var(--border)}.selection-card:has(input:checked){background:var(--info-bg);border-color:var(--primary)}.platform-mark{background:var(--info-bg);color:var(--primary)}.social-preview .preview-media,.integration-details{background:var(--surface-subtle)}.integration-details strong{color:var(--text)}.stat-card strong{color:var(--navy)}.invite-result{background:var(--surface-subtle)}.workspace-member-actions select{background:var(--surface);color:var(--text)}.dialog-backdrop{background:#021221b8}.channel-dialog{box-shadow:var(--shadow-strong)}.icon-button{background:var(--surface);color:var(--text)}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-profile{grid-column:1/-1;display:flex;align-items:center;gap:18px}.settings-profile-avatar{width:64px;height:64px;font-size:1.4rem}.settings-profile h2{margin:0;font-size:1.25rem}.settings-profile p{margin:0;color:var(--muted)}.settings-panel .muted{margin-top:-8px}.preference-options{display:flex;flex-wrap:wrap;gap:10px}.preference-choice{display:inline-flex;align-items:center;gap:8px;min-width:96px;min-height:45px;justify-content:center;padding:8px 15px;border:1px solid var(--border);border-radius:10px;background:var(--surface-subtle);color:var(--text);cursor:pointer;font-weight:700}.preference-choice:hover,.preference-choice.is-selected{border-color:var(--primary);background:var(--info-bg);color:var(--primary)}.preference-choice.is-selected::after{content:"✓";font-size:.8rem}
.auth-page{background:var(--background);padding:24px}.auth-shell{width:min(100%,1040px);min-height:min(660px,calc(100vh - 48px));display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:20px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow-strong)}.auth-card{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,6vw,76px);border:0;border-radius:0;box-shadow:none}.auth-card .brand-mark{background:var(--primary);color:#fff;border:0;font-size:1.4rem}.auth-card h1{font-size:1.85rem;color:var(--navy)}.auth-card .muted{max-width:370px}.auth-form{gap:12px;margin-top:16px}.auth-form input{min-height:50px}.auth-form .button{min-height:50px;margin-top:12px}.auth-art{position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:50px;color:#fff;background:radial-gradient(circle at 64% 22%,#7eacd9 0%,transparent 34%),linear-gradient(165deg,#accbe2 2%,#698dab 43%,#123b5f 100%)}.auth-art::before{content:"";position:absolute;inset:36% -30% -18%;background:#1c5471;clip-path:polygon(0 82%,20% 37%,35% 57%,54% 8%,72% 47%,86% 21%,100% 72%,100% 100%,0 100%);opacity:.6}.auth-art::after{content:"";position:absolute;inset:48% -30% -18%;background:#0b2f4d;clip-path:polygon(0 61%,21% 19%,39% 55%,58% 25%,77% 51%,100% 13%,100% 100%,0 100%)}.auth-art>*{position:relative;z-index:1}.auth-art h2{max-width:360px;margin:0;font-size:2.1rem;line-height:1.35}.auth-art p{max-width:310px;margin:12px 0 0;color:#e5f4ff}.auth-art-mark{position:absolute;top:55px;inset-inline-start:50px;font:800 1.7rem Inter,sans-serif;letter-spacing:-.04em}:root[data-theme="dark"] .auth-art{background:radial-gradient(circle at 72% 22%,#276299 0%,transparent 29%),linear-gradient(160deg,#061629,#0e2d4d 60%,#04111e)}
.auth-preferences{display:flex;align-items:center;gap:3px;flex-wrap:wrap;margin-top:22px}.auth-preferences button{padding:4px 8px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);font-size:.72rem;cursor:pointer}.auth-preferences button.is-selected{border-color:var(--border);background:var(--info-bg);color:var(--primary);font-weight:800}
.auth-art{background:linear-gradient(0deg,#09294dcc 0%,transparent 62%),url("images/valley-dawn.png") center/cover no-repeat}.auth-art::before,.auth-art::after{display:none}:root[data-theme="dark"] .auth-art{background:linear-gradient(0deg,#04152acc 0%,transparent 62%),url("images/valley-night.png") center/cover no-repeat}.sidebar-foot{position:relative;overflow:hidden;min-height:126px;justify-content:end;background:linear-gradient(0deg,#09294dcc,transparent 82%),url("images/valley-dawn.png") center/cover no-repeat;color:#fff;border:0}.sidebar-foot-mark{background:#ffffff22;color:#fff}:root[data-theme="dark"] .sidebar-foot{background:linear-gradient(0deg,#04152add,transparent 82%),url("images/valley-night.png") center/cover no-repeat}
:root[data-theme="dark"] .site-header{background:linear-gradient(90deg,#0d2336 35%,#0d2336d9 70%,#0d233688),url("images/valley-night.png") center 47%/cover no-repeat}:root[data-theme="dark"] .site-header .header-heading strong,:root[data-theme="dark"] .site-header .username{color:#edf6ff}
html[lang="en"] .media-card:not(:empty):not(:has(img))::after{content:"No preview available"}html[lang="en"] .job-list:empty::before{content:"Nothing to show yet."}
html[dir="ltr"] .gallery-slide-card>input[type="checkbox"]{right:auto;left:17px}html[dir="ltr"] .gallery-kind-badge{left:auto;right:8px}html[dir="ltr"] .integration-details strong{text-align:left}html[dir="ltr"] .app-nav-link,html[dir="ltr"] .section-heading{text-align:left}
@media(max-width:1100px){.app-layout{grid-template-columns:190px minmax(0,1fr)}.site-sidebar{padding-inline:10px}.header-inner,.dashboard-shell{width:min(100% - 36px,1380px)}.publisher-grid{grid-template-columns:minmax(0,1fr) minmax(260px,.65fr)}.dashboard-shell:has(.workflow-panel){grid-template-columns:1fr}.dashboard-shell:has(.workflow-panel) .active-panel,.dashboard-shell:has(.workflow-panel) .history-panel{grid-column:1;grid-row:auto}}
@media(max-width:760px){.app-layout{display:block}.site-sidebar{position:fixed;z-index:30;top:auto;bottom:0;left:0;right:0;width:100%;height:auto;padding:0;background:var(--surface);border:0;border-top:1px solid var(--border);box-shadow:0 -10px 30px #07182714}.site-sidebar>.brand-block,.sidebar-foot{display:none}.app-nav-inner{width:100%;display:flex;justify-content:space-around;gap:0;overflow-x:auto;padding:4px}.app-nav-link{min-width:62px;flex:1;display:grid;justify-items:center;gap:1px;padding:6px 3px;font-size:.62rem;white-space:nowrap}.app-nav-link::before{font-size:1.12rem}.app-nav-link:nth-child(2),.app-nav-link:nth-child(5){display:none}.app-nav-link.is-active{border-radius:9px}.site-header .header-inner{min-height:64px;flex-direction:row;align-items:center;padding-block:7px}.header-heading strong{font-size:.85rem}.user-actions{width:auto;gap:8px}.workspace-switcher-wrap,.header-user .username,.site-header .user-actions form{display:none}.dashboard-shell{width:min(100% - 24px,680px);margin:16px auto 90px;gap:13px}.panel{padding:18px}.workflow-panel{padding:22px}.workflow-panel .section-heading h2{font-size:1.3rem}.url-row{grid-template-columns:1fr;padding:5px}.url-row .button{width:100%}.media-card:not(:empty){grid-template-columns:1fr}.media-card img{grid-column:auto;grid-row:auto;max-height:none}.gallery-slide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.publisher-grid,.publisher-side,.settings-grid,.workspace-grid{grid-template-columns:1fr}.settings-profile{grid-column:auto}.page-intro{padding:18px}.auth-shell{display:block;min-height:auto;max-width:480px}.auth-card{padding:30px}.auth-art{display:none}.auth-page{padding:14px}.job-list article{padding:14px}.history-panel .job-list article{border:1px solid var(--border);border-radius:10px;margin-bottom:8px;background:var(--surface-subtle)}}
@media(max-width:410px){.gallery-slide-grid{gap:7px}.gallery-slide-card{padding:7px!important}.preference-choice{min-width:0;flex:1}.header-heading .header-kicker{display:none}.channel-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{padding:10px}.stat-card strong{font-size:1.15rem}.benefit-grid{grid-template-columns:1fr 1fr}.benefit-grid>div:last-child{grid-column:1/-1}.history-search{max-width:none;flex-basis:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}