:root{--ink:#17312d;--muted:#71817d;--line:#e3e9e6;--paper:#f7f8f5;--white:#fff;--green:#174d43;--green2:#2d7465;--mint:#daf0e8;--amber:#f5e6bd;--rose:#f5dcd9;--shadow:0 18px 50px rgba(29,54,48,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}.hidden{display:none!important}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 70% 20%,#d8ebe2,transparent 32%),radial-gradient(circle at 20% 90%,#efe6ce,transparent 30%),#f5f7f2}.login-card{width:min(420px,100%);padding:48px;border:1px solid rgba(255,255,255,.8);border-radius:28px;background:rgba(255,255,255,.82);box-shadow:var(--shadow);backdrop-filter:blur(16px);text-align:center}.brand-mark{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;margin:0 auto 26px;background:var(--green);color:white;font:700 28px Georgia,serif;box-shadow:0 12px 24px #174d4338}.brand-mark.small{width:34px;height:34px;border-radius:10px;margin:0;font-size:17px;box-shadow:none}.login-card h1{font:600 38px/1.1 Georgia,serif;margin:7px 0}.login-card form{text-align:left;margin-top:34px}.login-card label,.composer label{display:grid;gap:8px;font-size:14px;font-weight:650}.login-card input,input,textarea{width:100%;border:1px solid var(--line);background:white;border-radius:12px;padding:13px 14px;outline:none;transition:.2s}input:focus,textarea:focus{border-color:#4f8b7d;box-shadow:0 0 0 3px #d9ebe5}textarea{resize:vertical;line-height:1.55}.primary{border:0;border-radius:12px;background:var(--green);color:white;font-weight:700;padding:13px 18px;box-shadow:0 7px 18px #174d4328;transition:.2s}.primary:hover{background:#103f36;transform:translateY(-1px)}.primary:disabled{opacity:.55;cursor:wait;transform:none}.full{width:100%;margin-top:16px}.compact{padding:11px 16px}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:800;color:#67827b;margin:0}.error{color:#b33f37;font-size:13px;min-height:20px;margin:9px 0}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:#123d35;color:#dce9e5;padding:28px 18px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px;color:white;text-decoration:none;font:600 18px Georgia,serif;padding:0 10px 32px}.sidebar nav{display:grid;gap:7px}.sidebar nav button{border:0;background:transparent;color:#afc6c0;padding:12px 14px;border-radius:11px;display:flex;align-items:center;gap:13px;text-align:left;font-weight:600}.sidebar nav button span{font-size:20px;width:22px;text-align:center}.sidebar nav button:hover,.sidebar nav button.active{background:#ffffff15;color:white}.sidebar-foot{margin-top:auto;padding:16px 12px 0;border-top:1px solid #ffffff18;font-size:12px;color:#a9c0ba}.secure-dot{display:inline-block;width:7px;height:7px;background:#69c89e;border-radius:50%;box-shadow:0 0 0 4px #69c89e18}.link-button{display:block;border:0;background:none;color:#cbdcd7;padding:12px 0 0}.content{margin-left:244px;min-height:100vh;padding:34px clamp(24px,4vw,64px) 70px;max-width:1500px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.topbar h1{font:600 30px Georgia,serif;margin:5px 0 0}.view{display:none;animation:rise .3s ease}.view.active{display:block}@keyframes rise{from{opacity:0;transform:translateY(6px)}}.hero{min-height:238px;border-radius:26px;padding:42px clamp(28px,5vw,64px);display:flex;align-items:flex-end;justify-content:space-between;color:white;background:linear-gradient(110deg,#174d43 15%,#2e7163 70%,#8ab5a1);position:relative;overflow:hidden;box-shadow:var(--shadow)}.hero:after{content:"";position:absolute;width:340px;height:340px;border:1px solid #ffffff25;border-radius:50%;right:-90px;top:-175px;box-shadow:0 0 0 45px #ffffff08,0 0 0 90px #ffffff06}.hero h2{font:500 clamp(28px,4vw,44px)/1.1 Georgia,serif;margin:8px 0}.hero p:not(.eyebrow){margin:0;color:#d9e7e2}.hero .eyebrow{color:#bcd9d1}.light-button{position:relative;z-index:1;border:1px solid #ffffff35;border-radius:12px;background:#ffffff18;color:white;padding:12px 18px;font-weight:650;backdrop-filter:blur(6px)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0 42px}.stats article{background:white;border:1px solid var(--line);border-radius:18px;padding:20px;display:flex;align-items:center;gap:15px}.stats strong{display:block;font-size:25px}.stats small{color:var(--muted)}.stat-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-weight:800}.mint{background:var(--mint);color:#25725d}.amber{background:var(--amber);color:#98702b}.rose{background:var(--rose);color:#a84b43}.section-head{display:flex;align-items:end;justify-content:space-between;margin:22px 0 16px}.section-head h2{font:600 25px Georgia,serif;margin:5px 0 0}.text-button,.outline-button{border:0;background:none;color:var(--green2);font-weight:700}.outline-button{border:1px solid var(--line);background:white;border-radius:10px;padding:10px 13px}.upcoming,.post-list{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden}.empty-state{padding:36px;text-align:center;color:var(--muted)}.upcoming-row{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:17px;padding:17px 20px;border-bottom:1px solid var(--line);text-align:left}.upcoming-row:last-child{border:0}.date-box{text-align:center;background:#edf3ef;border-radius:12px;padding:8px}.date-box strong{display:block;font-size:20px}.date-box small{text-transform:uppercase}.upcoming-row h3{margin:0 0 5px;font-size:15px}.upcoming-row p{margin:0;color:var(--muted);font-size:13px}.chips{display:flex;gap:5px;flex-wrap:wrap}.chip{padding:5px 8px;border-radius:999px;background:#eef2f0;font-size:11px;font-weight:750;text-transform:capitalize}.composer-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.75fr);gap:22px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:21px;box-shadow:0 8px 32px rgba(32,55,50,.04)}.composer{padding:clamp(22px,4vw,38px)}.composer label>span,.composer label small{color:var(--muted);font-weight:500}.field-row{margin-bottom:22px}.counter{text-align:right;margin-top:-3px}.composer fieldset{border:0;padding:0;margin:28px 0}.composer legend{font-size:14px;font-weight:750;margin-bottom:12px}.platform-picks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.platform{position:relative!important;display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:10px!important;padding:13px!important;border:1px solid var(--line);border-radius:14px;cursor:pointer}.platform input{position:absolute;opacity:0}.platform:has(input:checked){border-color:#4c8779;background:#f2f8f5;box-shadow:0 0 0 2px #dbece6}.platform b{display:none;margin-left:auto;color:#2f7867}.platform:has(input:checked) b{display:block}.platform small{display:block;font-size:10px;margin-top:2px}.network-logo{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#edf1f0;font-weight:800;font-size:17px}.facebook .network-logo{color:#1877f2}.instagram .network-logo{color:#c13584}.tiktok .network-logo{color:#111}.dropzone{border:1.5px dashed #b8cac4;border-radius:16px;padding:28px;text-align:center;display:grid;place-items:center;gap:5px;background:#fafcfb;cursor:pointer;transition:.2s}.dropzone:hover,.dropzone.dragging{border-color:#397968;background:#f1f8f5}.dropzone small{font-size:12px}.upload-icon{width:38px;height:38px;border-radius:12px;background:var(--mint);display:grid;place-items:center;font-size:21px;color:#357564;margin-bottom:4px}.upload-list{display:grid;gap:8px;margin-top:10px}.upload-item{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:9px}.upload-thumb{width:42px;height:42px;border-radius:8px;object-fit:cover;background:#edf1f0;display:grid;place-items:center}.upload-item strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:350px}.upload-item small{font-size:11px}.progress{height:3px;background:#e8eeeb;border-radius:4px;margin-top:5px;overflow:hidden}.progress i{display:block;height:100%;background:#3d8a76;transition:.2s}.remove{border:0;background:none;color:#9a4d47;font-size:18px}.schedule-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.radio-card{display:flex!important;align-items:center;grid-template-columns:auto 1fr!important;padding:13px;border:1px solid var(--line);border-radius:13px;cursor:pointer}.radio-card input{width:auto}.radio-card span{font-weight:650!important}.radio-card small{display:block}.schedule-row>input{grid-column:1/-1}.preview-panel{position:sticky;top:24px;overflow:hidden}.preview-head{display:flex;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line);font-size:12px;font-weight:750}.preview-head span:last-child{color:var(--muted)}.preview-media{min-height:220px;background:#eef2ef;display:grid;place-items:center;color:#8c9995;font-size:12px;overflow:hidden}.preview-media img,.preview-media video{width:100%;height:300px;object-fit:cover}.preview-copy{display:flex;gap:10px;padding:17px 18px 5px;align-items:center}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:white;background:var(--green);font:600 16px Georgia}.preview-copy strong,.preview-copy small{display:block;font-size:12px}.preview-copy small{color:var(--muted);margin-top:2px}.preview-caption{padding:0 18px 20px;white-space:pre-wrap;font-size:13px;line-height:1.5}.post-row{display:grid;grid-template-columns:1fr auto;gap:18px;padding:20px;border-bottom:1px solid var(--line);text-align:left}.post-row:last-child{border:0}.post-row h3{font-size:15px;margin:0 0 5px}.post-row p{font-size:13px;color:var(--muted);margin:0 0 11px;max-width:720px}.post-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.status{font-size:11px;font-weight:800;padding:5px 9px;border-radius:999px;background:#edf1ef}.status.published{background:var(--mint);color:#26705b}.status.failed,.status.partially_failed{background:var(--rose);color:#a3413a}.status.scheduled,.status.publishing{background:var(--amber);color:#8b6725}.delivery-error{font-size:11px;color:#a3413a;margin-top:7px}.row-actions{display:flex;gap:7px;align-items:start}.danger-button,.retry-button{border:1px solid var(--line);background:white;border-radius:9px;padding:7px 10px;font-size:12px}.danger-button{color:#a3413a}.account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.account-card{border:1px solid var(--line);background:white;border-radius:18px;padding:22px}.account-card-head{display:flex;justify-content:space-between;align-items:center}.account-card .network-logo{margin-bottom:18px}.account-card h3{margin:0 0 5px;text-transform:capitalize}.account-card p{margin:0;color:var(--muted);font-size:13px;min-height:38px}.connect-button{width:100%;margin-top:20px;border:1px solid var(--line);background:#f8faf8;border-radius:11px;padding:10px;font-weight:700}.connected{color:#28705c;font-size:12px;font-weight:750}.security-note{display:flex;gap:14px;border:1px solid #cfe2db;background:#edf7f3;border-radius:16px;padding:18px;margin-bottom:18px}.security-note span{font-size:24px}.security-note p{margin:4px 0 0;color:#59706a;font-size:13px}.mobile-nav{display:none}#toast{position:fixed;right:24px;bottom:24px;background:#173d35;color:white;padding:13px 18px;border-radius:12px;box-shadow:var(--shadow);transform:translateY(90px);opacity:0;transition:.25s;z-index:20;font-size:13px}#toast.show{transform:none;opacity:1}@media(max-width:900px){.sidebar{display:none}.content{margin-left:0;padding:24px 18px 90px}.composer-grid{grid-template-columns:1fr}.preview-panel{position:static}.mobile-nav{display:flex;position:fixed;inset:auto 0 0;background:#fff;border-top:1px solid var(--line);z-index:10;justify-content:space-around;padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom))}.mobile-nav button{border:0;background:none;color:var(--muted);display:grid;gap:2px;place-items:center;font-size:20px}.mobile-nav button.active{color:var(--green)}.mobile-nav small{font-size:10px}.account-grid{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column;gap:25px}.topbar .primary{display:none}}@media(max-width:580px){.stats{grid-template-columns:1fr;margin-bottom:30px}.platform-picks{grid-template-columns:1fr}.schedule-row{grid-template-columns:1fr}.post-row{grid-template-columns:1fr}.row-actions{justify-content:flex-end}.upcoming-row{grid-template-columns:52px 1fr}.upcoming-row .chips{grid-column:2}.login-card{padding:34px 24px}.topbar{margin-bottom:22px}}