@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#20243b;background:#f6f7fa;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}.hidden{display:none!important}.shell{display:flex;min-height:100vh}.sidebar{background:#101b38;color:white;width:242px;min-width:242px;padding:32px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;font:800 22px Manrope;margin:0 10px 54px}.brand small{display:block;font:700 9px 'DM Sans';letter-spacing:2px;color:#9daacf;margin-top:3px}.brand-mark{display:grid;place-items:center;border-radius:14px;background:#b6e28d;color:#1b3152;width:42px;height:42px;font-size:29px}.sidebar nav{display:grid;gap:9px}.nav{border:0;background:transparent;color:#afb9d1;padding:14px 15px;text-align:left;border-radius:10px;display:flex;align-items:center;gap:14px;font-weight:600}.nav span{font-size:21px;width:22px}.nav.active,.nav:hover{background:#263858;color:white}.sidebar-bottom{margin-top:auto}.connected-card{display:flex;align-items:center;gap:10px;background:#1d2e4e;border-radius:12px;padding:14px 12px;margin-bottom:16px}.connected-card strong,.connected-card small{display:block}.connected-card strong{font-size:12px}.connected-card small{font-size:10px;color:#aab7ce;margin-top:5px}.dot{width:9px;height:9px;min-width:9px;background:#f4c575;border-radius:50%}.dot.on{background:#9fe38f}.text-btn{background:none;border:0;color:#5672ad;padding:8px;font-weight:700}.sidebar .text-btn{color:#a6b6d2}.main{flex:1;min-width:0;padding:32px 4.5% 24px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:12px}.topbar h1{font:800 30px Manrope;margin:6px 0 0}.eyebrow{font-size:10px;letter-spacing:2px;color:#6a80a7;font-weight:800}.top-actions{display:flex;align-items:center;gap:16px}.primary,.secondary,.light-button{border-radius:9px;padding:12px 18px;font-weight:700;border:1px solid transparent}.primary{background:#315dde;color:white}.primary:hover{background:#214cc7}.secondary{background:#fff;color:#2d456c;border-color:#dce2ea}.light-button{background:white;color:#284766;margin-top:16px}.pill{background:#edf0f8;border:1px solid #e1e6f1;border-radius:30px;padding:9px 13px;font-size:12px;color:#526786;font-weight:700}.pill.active{background:#e0f5dd;color:#297045}.welcome{background:linear-gradient(110deg,#d9ebfd,#e7e7fa 72%,#e3f5df);border-radius:18px;padding:42px;display:flex;justify-content:space-between;min-height:258px;overflow:hidden}.welcome h2{font:800 35px/1.22 Manrope;margin:15px 0}.welcome h2 em{color:#4a67b4;font-style:normal}.welcome p{max-width:465px;line-height:1.6;color:#5c7093}.hero-icon{font-size:125px;color:#7e98d5;display:flex;align-items:center;gap:10px}.hero-icon span{font-size:16px;font-weight:800;letter-spacing:5px;transform:rotate(-12deg)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0 30px}.metric,.panel{background:white;border:1px solid #e9edf4;border-radius:14px}.metric{padding:22px}.metric small,.metric span{display:block;color:#71809b}.metric strong{font:800 35px Manrope;display:block;margin:9px 0}.metric span{font-size:12px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-heading h3,.panel h3{font:800 20px Manrope;margin:6px 0 12px}.post-list{display:grid;gap:12px}.post-row{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:18px 20px;background:white;border:1px solid #e7ebf3;border-radius:12px}.post-row h4{font:700 14px Manrope;margin:0 0 7px}.post-row p{color:#77849b;margin:0;font-size:12px;line-height:1.6;max-width:630px}.post-meta{display:flex;gap:9px;align-items:center;margin-top:10px;font-size:11px;color:#8793a7}.status{padding:4px 9px;border-radius:20px;font-weight:800;text-transform:capitalize;background:#eef1f7;color:#61718b}.status.published{background:#e6f6e9;color:#27834e}.status.failed{background:#ffebeb;color:#b93f3f}.status.scheduled{background:#e7eeff;color:#3c65bd}.row-actions{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.row-actions button{padding:8px;border:1px solid #e5eaf2;border-radius:8px;background:white;color:#3c5790;font-weight:700;font-size:11px}.two-col{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:22px;align-items:start}.panel{padding:27px}.panel-head{display:flex;justify-content:space-between}.panel p{line-height:1.6;color:#7b8aa3}.panel-icon{font-size:35px;color:#6889d9}.form{display:grid;gap:18px;margin-top:23px}label{font-size:12px;font-weight:700;color:#465674;display:block}input:not([type=checkbox]),textarea,select{display:block;background:#fbfcff;border:1px solid #dfe5ef;padding:12px 13px;border-radius:9px;color:#2a3650;width:100%;outline:none;margin-top:8px}input:focus,textarea:focus,select:focus{border-color:#5b7bda;box-shadow:0 0 0 3px #5b7bda1b}textarea{resize:vertical}.button-row{display:flex;gap:10px;flex-wrap:wrap}.hint{color:#8997ad;font-size:11px;line-height:1.5}.google-preview{border:1px solid #e2e6ed;border-radius:14px;margin-top:30px;overflow:hidden;background:white}.preview-business{padding:18px;display:flex;gap:10px;align-items:center}.preview-business b,.preview-business small{display:block}.preview-business small{color:#8b98aa;margin-top:5px;font-size:11px}.avatar{width:40px;height:40px;border-radius:50%;background:#e5edff;display:grid;place-items:center;color:#4770c2;font-weight:800}.google-g{margin-left:auto;font-size:26px;font-weight:800;color:#4285f4}.preview-image{height:180px;background-size:cover;background-position:center}.preview-text{padding:18px;line-height:1.7;white-space:pre-wrap;color:#3f4c63;min-height:115px}.preview-link{padding:14px 18px;color:#4371c2;font-weight:700;border-top:1px solid #eee}.tips{margin-top:20px;padding:18px;background:#f0f5ff;border-radius:12px}.tips b{color:#35548a}.tips p{font-size:12px;margin-bottom:0}.settings-side{display:grid;gap:22px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toggle-line{display:flex;align-items:flex-start;gap:10px;padding:15px;border:1px solid #e4eaf3;border-radius:10px}.toggle-line input{accent-color:#315dde;margin-top:4px}.toggle-line small{display:block;margin-top:5px;font-weight:400;line-height:1.4;color:#7e8ea6}.muted{color:#7b8aa3}.danger{color:#b94b53}.notice{padding:14px 20px;background:#eaf1ff;border:1px solid #d7e4ff;color:#31538b;border-radius:9px;margin-bottom:20px}.notice.err{background:#fff0f0;color:#a83b3b;border-color:#ffd2d2}.login-screen{position:fixed;inset:0;display:grid;place-items:center;background:linear-gradient(140deg,#101b38,#3b5392);padding:20px}.login-card{width:min(420px,100%);padding:40px;background:white;border-radius:20px;box-shadow:0 30px 90px #0003}.login-card .brand-mark{margin-bottom:20px}.login-card h1{font:800 26px Manrope}.login-card p{color:#71809b;line-height:1.5}.login-card label{margin:30px 0 20px}.full{width:100%}.error{color:#bf3e49!important}footer{margin:35px 0;color:#8794a9;font-size:11px}footer span{margin-left:12px}@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.sidebar{width:205px;min-width:205px}.main{padding:28px 3%}}@media(max-width:700px){.shell{display:block}.sidebar{position:relative;height:auto;width:100%;padding:12px}.brand{margin:0 0 13px}.sidebar nav{display:flex;overflow-x:auto;gap:3px}.nav{font-size:0;padding:10px}.nav span{font-size:22px}.sidebar-bottom{display:none}.main{padding:19px 14px}.topbar{align-items:flex-start}.topbar h1{font-size:23px}.top-actions{gap:5px;flex-direction:column;align-items:end}.top-actions .primary{padding:10px}.pill{font-size:10px}.welcome{padding:22px}.welcome h2{font-size:25px}.hero-icon{display:none}.metrics{gap:8px}.metric{padding:16px}.metric strong{font-size:27px}.panel{padding:17px}.post-row{align-items:stretch;flex-direction:column}.two-fields{grid-template-columns:1fr}}