:root{--canvas:#f5f6fa;--ink:#1c2438;--muted:#7b8192;--line:#e8eaf0;--green:#5465df;--green-light:#eef0ff;--radius:14px}
body{font-family:Inter,"Segoe UI",sans-serif;font-size:13px;letter-spacing:.05px}
h1{font-size:30px;letter-spacing:-1px;font-weight:650}h2{font-weight:600}
.sidebar{width:238px;padding:30px 18px 20px;background:#fff;z-index:5}
.brand{font-size:25px;color:#242d49;letter-spacing:-1.2px}.brand-mark{background:#202943;border-radius:11px;color:#fff;font-style:normal;font-family:inherit;font-weight:600;box-shadow:0 4px 9px #1c28421a}.brand-dot{color:#6f7ae8}
.workspace-switch{display:flex;gap:11px;align-items:center;margin:32px 4px 20px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fafbfe}.workspace-switch small{font-size:10px;color:var(--muted);display:block}.workspace-switch strong{font-size:12px;display:block;max-width:130px;overflow:hidden;text-overflow:ellipsis}
.workspace-initial{color:#5a62a2;background:#eceef9;border:0}
.button{background:#5465df;border-color:#5465df;border-radius:8px;font-size:12px;box-shadow:0 2px 3px #28369d0d;padding:10px 16px;transition:background .15s,box-shadow .15s}.button:hover{background:#4253cb;box-shadow:0 3px 8px #28369d20}.button.secondary{box-shadow:none}.button.secondary:hover{background:#f4f5fb}.compose-button{margin:0 4px;justify-content:flex-start;padding-left:22px}.compose-button span{font-size:20px;line-height:1}
.nav-section{margin:27px 13px 10px;font-size:9px;letter-spacing:1.5px;color:#989cac}.product-nav{display:grid;gap:4px}.product-nav a{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;color:#71788b;font-weight:500}.product-nav a>span{font-size:20px;line-height:1;width:20px;text-align:center}.product-nav a[aria-current]{color:#4b5acf;background:#edf0ff}.product-nav a:hover{background:#f4f5fc}.workspace-link{font-size:12px}.workspace-link.active{background:#f6f7fa;color:var(--ink)}.sidebar-bottom{padding:18px 5px 0;gap:12px}.account-name{font-size:10px;max-width:128px}.text-button{font-size:11px}
.main{margin-left:238px;padding:0 40px 26px;max-width:none;min-height:100vh}.topbar{height:78px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:34px;color:var(--muted);font-size:11px}.topbar span{margin:0 10px;color:#adb2bf}.topbar strong{color:#596075;font-weight:500}.topbar .topbar-label{margin:0;background:#fff;border:1px solid var(--line);border-radius:6px;padding:4px 10px;color:#7c8294}
.page-header{margin-bottom:27px}.page-subtitle{margin:8px 0 0;color:var(--muted);font-size:12px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#8e95a7;margin-bottom:9px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:28px}.stat-card{border:1px solid var(--line);border-radius:12px;background:white;padding:22px;display:flex;align-items:center;gap:16px;box-shadow:0 3px 8px #19203d02}.stat-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:#f0edfc;color:#8b72ce;font-size:23px}.stat-icon.mint{color:#2c977f;background:#eaf7f2}.stat-icon.blue{color:#5c80c9;background:#edf3ff}.stat-card div>span{font-size:11px;color:var(--muted)}.stat-card strong{display:block;font-size:25px;font-weight:600;line-height:1.3;margin-top:3px}.stat-arrow{margin-left:auto;color:#a4aabe;font-size:18px}
.content-panel{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 5px 20px #27335403}.panel-toolbar{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;gap:16px;min-height:76px;border-bottom:1px solid var(--line)}.panel-toolbar h2{font-size:14px;margin:0}.heading-count{font-size:10px;margin-left:8px;padding:3px 7px;background:#f0f2f7;color:#7b8397}
.filter-tabs{display:flex;align-items:center;gap:6px}.filter-tabs a{padding:8px 12px;border-radius:7px;color:#7b8191;font-size:11px;font-weight:500;white-space:nowrap}.filter-tabs a[aria-current]{color:#4657c6;background:#eef0fc}.filter-tabs a span{padding:1px 5px;background:#dfe4ff;border-radius:4px;margin-left:5px;font-size:10px}.search-form{margin:0}.search-form input{background:#fafbfe;border-color:#eceef3;font-size:11px}
.table-scroll{overflow-x:auto}.studio-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.studio-table th{font-size:10px;font-weight:500;color:#8a90a1;background:#fbfcfe;padding:14px 24px;white-space:nowrap}.studio-table td{padding:24px;border-top:1px solid #eff0f5;vertical-align:middle}.studio-table small{display:block;margin-top:4px;font-size:10px;color:#9ba1b0}.studio-table tbody tr:hover{background:#fdfdff}.posts-table td:first-child{width:39%;min-width:250px}.muted{color:var(--muted);font-size:11px}.post-title{display:flex;align-items:center;gap:16px;line-height:1.7}.post-title>span:last-child{max-width:330px;overflow-wrap:anywhere}.post-type{background:#f4f2fc;border:1px solid #ece8f8;color:#8f82b2;font-family:Georgia,serif;font-size:26px;display:flex;align-items:center;justify-content:center;flex-direction:column;min-width:49px;height:59px;border-radius:8px}.post-type>span{font-family:Inter,"Segoe UI",sans-serif;font-size:7px;letter-spacing:1px}.account-inline{display:inline-flex;align-items:center;gap:7px;font-size:11px;white-space:nowrap}
.fb-dot{display:inline-grid;place-items:center;min-width:16px;width:16px;height:16px;color:white;background:#1877f2;border-radius:50%;font:bold 12px Arial}.badge{border:0;border-radius:5px;font-size:10px;padding:5px 8px;background:#f1f2f6;color:#798191}.status-published{background:#eaf7f1;color:#319876}.status-published:before{background:#38a580}.status-failed,.status-unknown{background:#fff0eb;color:#ba6847}.status-failed:before,.status-unknown:before{background:#c78257}.status-publishing{background:#eef1ff;color:#5969c4}
.connection-summary{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 24px;margin-bottom:26px;max-width:380px}.connection-summary strong{font-size:13px}.connection-summary p{font-size:11px;color:var(--muted);margin:3px 0 0}.connection-platform{margin-left:auto;font-size:8px;letter-spacing:1.1px;color:#9ba2b3;background:#f8f9fc;padding:4px 7px;border-radius:4px}.facebook-icon{border-radius:12px;width:42px;height:42px;background:#edf4ff}.account-cell{display:flex;align-items:center;gap:14px;min-width:180px}.account-cell strong{font-size:12px;font-weight:550}.page-avatar{display:grid;place-items:center;position:relative;width:42px;min-width:42px;height:42px;border-radius:50%;background:#eae7dc;color:#777054;font-family:Georgia,serif;font-size:22px}.page-avatar .fb-dot{position:absolute;right:-3px;bottom:-2px;border:2px solid white;width:19px;height:19px;font-size:12px}.channel-actions{gap:14px;white-space:nowrap}
.empty-state{border:0;min-height:390px;background:radial-gradient(ellipse at 50% 32%,#f6f5ff 0,white 53%)}.empty-state h2{font-size:18px}.empty-state p{font-size:12px}.empty-illustration{position:relative;width:72px;height:85px;border:1px solid #dce0f4;border-radius:12px;background:#fff;transform:rotate(-7deg);box-shadow:7px 7px 0 #eff0fb;margin-bottom:27px;padding:25px 13px}.illustration-line{height:4px;background:#dfe3f5;border-radius:2px;margin-bottom:9px}.illustration-line.short{width:65%}.empty-illustration>span{position:absolute;right:-13px;bottom:-8px;border:4px solid white;background:#6e7be3;border-radius:50%;color:white;width:31px;height:31px;display:grid;place-items:center;font-size:20px}
.composer{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}.compose-main{display:grid;gap:20px}.panel{padding:24px;border-radius:12px;box-shadow:0 3px 12px #27335403}.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:23px}.section-heading h2{font-size:13px;margin:0}.step-number{font-size:9px;background:#f0f2f9;color:#8f96af;border-radius:5px;padding:4px 6px}.section-heading a{margin-left:auto;font-size:10px;color:#7782ba}.text-type{margin-left:auto;font-size:10px;color:var(--muted)}select{font:inherit;width:100%;border:1px solid #e0e4ee;padding:12px;border-radius:8px;background:#fff;color:var(--ink)}textarea{border:0;background:#fdfdff;min-height:270px;border-radius:6px;font-size:14px;padding:14px;line-height:1.8;resize:vertical}textarea:focus-visible{outline:2px solid #d9defb;outline-offset:0}.editor-meta{border-top:1px solid #f0f1f6;padding-top:13px;display:flex;justify-content:space-between;color:#9aa1b3;font-size:10px}.composer-actions{display:flex;justify-content:space-between;align-items:center;padding:8px 0;gap:12px}.composer-actions>div{display:flex;gap:10px}.composer-actions .delete-link{margin:0;font-size:11px}
.preview-column{background:#eef0f6;border:1px solid #e7eaf2;border-radius:12px;padding:22px 19px;min-height:465px}.preview-title{font-size:9px;letter-spacing:1.3px;color:#8d95aa;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.facebook-preview{background:white;border:1px solid #e2e5ec;border-radius:10px;box-shadow:0 5px 12px #35447006;overflow:hidden}.preview-account{display:flex;align-items:center;gap:10px;padding:18px 16px}.preview-account strong{font-size:12px;display:block;overflow-wrap:anywhere}.preview-account small{display:block;color:#9299a8;font-size:9px;margin-top:3px}.preview-dots{margin-left:auto;color:#7f8592;font-size:18px}.preview-body{padding:6px 17px 25px;white-space:pre-wrap;overflow-wrap:anywhere;min-height:140px;font-size:13px;line-height:1.65}.preview-engagement{display:flex;justify-content:space-around;border-top:1px solid #eee;padding:12px;font-size:10px;color:#8a919d}.preview-caption{text-align:center;font-size:9px;color:#9ca4b8;line-height:1.6;margin:16px 15px}.review-panel{max-width:740px}.review-panel .preview-account{padding:0 0 24px;border-bottom:1px solid var(--line)}.review-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.8;padding:28px 0;min-height:150px}.publish-error{color:#a9573b;background:#fff4ef;border-radius:8px;padding:12px;font-size:12px}
.app-footer{display:flex;gap:18px;margin-top:55px;font-size:9px;color:#a0a6b6;align-items:center}.app-footer>span{margin-right:auto;font-weight:600;letter-spacing:.8px}.app-footer a:hover{color:#5564c5}.auth-page{background:#f4f5fa}.auth-card{box-shadow:0 15px 45px #25315e07}.auth-main .app-footer{margin-top:28px}.legal-main{max-width:840px;margin:40px auto;padding:28px}.legal-main h1{margin:32px 0 8px}.legal-main h2{margin-top:30px;font-size:18px}.legal-main p,.legal-main li{color:#626a7b;line-height:1.85}.legal-main a{text-decoration:underline;text-underline-offset:3px}.legal-main .brand{text-decoration:none}.legal-card{background:white;border:1px solid var(--line);padding:36px;border-radius:14px;margin-top:24px}
@media(min-width:1600px){.main{padding-left:55px;padding-right:55px}.composer{grid-template-columns:minmax(0,1fr) 390px}}
@media(max-width:1200px){.main{padding-left:26px;padding-right:26px}.composer{grid-template-columns:minmax(0,1fr) 290px;gap:20px}.studio-table td,.studio-table th{padding-left:16px;padding-right:16px}.panel-toolbar{flex-wrap:wrap}.sidebar{width:215px}.main{margin-left:215px}}
@media(max-width:1000px){.composer{grid-template-columns:1fr}.preview-column{min-height:0;max-width:460px}.stats-grid{gap:10px}.stat-card{padding:16px;gap:10px}.stat-icon{width:34px;height:34px;min-width:34px}.stat-card strong{font-size:22px}}
@media(max-width:700px){.sidebar{position:static;width:auto;padding:18px 20px;display:flex;gap:14px}.sidebar>.brand{padding:0}.workspace-switch{margin:0;display:none}.compose-button{display:none}.product-nav{display:flex;gap:6px}.product-nav a{font-size:12px;padding:8px 12px}.product-nav a>span{font-size:16px}.workspace-nav{display:flex;max-width:100%;overflow:auto}.workspace-link{padding:4px 8px}.sidebar-bottom{display:none}.main{margin:0;padding:0 18px 22px}.topbar{height:56px;margin-bottom:24px}.page-header{align-items:flex-start;gap:12px}.page-header .button{font-size:10px;padding:9px 10px;min-height:35px}.page-subtitle{font-size:11px;max-width:210px}h1{font-size:25px}.stats-grid{gap:8px}.stat-card{padding:13px 10px;display:block}.stat-icon{display:none}.stat-card div>span{font-size:9px}.stat-card strong{font-size:22px}.stat-arrow{display:none}.panel-toolbar{padding:14px;gap:12px}.filter-tabs{gap:1px;width:100%;overflow:auto}.filter-tabs a{padding:7px 9px;font-size:10px}.search-form{width:100%}.panel{padding:18px}.section-heading{gap:7px}.section-heading a{font-size:9px}.composer-actions{flex-wrap:wrap}.composer-actions>div{margin-left:auto}.composer-actions .button{padding:9px 12px;font-size:11px}.connection-summary{padding:16px}.preview-column{max-width:none}.legal-main{padding:18px;margin:10px auto}.legal-card{padding:22px}}