:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#202a2b;background:#f6f7f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #77a897;outline-offset:3px}aside{position:fixed;inset:0 auto 0 0;width:232px;background:#fff;border-right:1px solid #e4e8e4;padding:30px 22px;display:flex;flex-direction:column}.brand{font-size:47px;letter-spacing:-4px;font-weight:800;text-decoration:none;color:#213b32;line-height:1}.brand span{font-size:15px;color:#c1d5b8;letter-spacing:0;margin-left:5px}.workspace{display:flex;align-items:center;gap:12px;margin:42px 0 30px;font-size:13px;font-weight:600}.workspace>b,.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#e9eee5;color:#496248}.workspace small{display:block;font-size:11px;font-weight:400;color:#8b948e;margin-top:4px}nav{display:grid;gap:8px}nav button{border:0;background:none;text-align:left;padding:14px 12px;color:#738078;border-radius:8px;font-size:19px;display:flex;gap:13px;align-items:center}nav button span{font-size:13px}nav button.active{background:#edf2ec;color:#244d39;font-weight:600}.aside-bottom{margin-top:auto;font-size:11px;color:#65766b}.aside-bottom small{display:block;font-size:10px;margin-top:12px;color:#929b96}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6e926f;margin-right:6px}main{margin-left:232px}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 44px;border-bottom:1px solid #e5e8e3;background:#fafbf8}.crumb{font-size:12px}.crumb span{margin-left:13px;color:#849087}.avatar{border-radius:50%;width:32px;height:32px;font-size:12px}.page{padding:40px 44px;max-width:1500px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px}.eyebrow{font-size:10px;letter-spacing:2px;color:#7c8d7d;font-weight:700}h1{font-size:30px;letter-spacing:-1px;font-weight:600;margin:13px 0 10px}p{font-size:13px;line-height:1.7;color:#7d8881;margin:0}h2{font-size:16px;font-weight:600;margin:0}h3{font-size:23px;line-height:1.3;font-weight:500;letter-spacing:-.5px;margin:0 0 16px}.primary{background:#294f3d;color:white;border:1px solid #294f3d;border-radius:7px;padding:13px 18px;font-size:12px;font-weight:600;white-space:nowrap}.primary:hover{background:#39664f}.primary:disabled{opacity:.5}.notice{font-size:9px;letter-spacing:1px;color:#6e785b;background:#eff0e7;padding:13px 16px;border:1px solid #e1e4d3;border-radius:6px;margin-bottom:26px;font-weight:700}.notice span{font-size:11px;letter-spacing:0;font-weight:400;margin-left:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:26px}.stats article{background:white;border:1px solid #e3e8e0;border-radius:10px;padding:22px}.stats article>span{font-size:12px;color:#718077}.stats strong{display:block;font-size:34px;font-weight:500;letter-spacing:-1px;margin:16px 0 9px}.muted{color:#b4bcb6;font-size:22px}.stats small{font-size:11px;color:#96a093}.overview-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:22px}.panel{background:white;border:1px solid #e2e7df;border-radius:10px;padding:24px}.panel-heading,.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.pill{font-size:8px;font-weight:700;letter-spacing:1px;background:#f2f4ed;color:#819070;border-radius:4px;padding:6px 8px;white-space:nowrap}.creative{display:grid;grid-template-columns:.9fr 1fr;gap:25px;align-items:center;margin-top:25px}.creative-art{height:230px;background:#e8eddf;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:6px}.creative-art>span{font-size:55px;letter-spacing:-4px;font-weight:800;z-index:1;color:#3d5945}.creative-art small{z-index:1;font-size:7px;letter-spacing:2px;margin-top:8px;color:#657a60}.art-dot{color:#b08a64}.orbit{width:230px;height:230px;border:1px solid #c6d0b7;transform:rotate(-35deg);position:absolute;border-radius:45%;left:-40px;top:70px}.secondary{background:white;border:1px solid #dce3d8;border-radius:6px;padding:11px 13px;margin-top:22px;color:#4b6552;font-size:11px}.checklist>p{margin-top:8px;font-size:11px}.checklist>button{width:100%;display:flex;align-items:center;gap:15px;border:0;border-top:1px solid #edf0e9;background:none;padding:20px 0;text-align:left;color:#607461;font-size:14px}.checklist>button:first-of-type{margin-top:20px}.checklist button>b{font-size:10px;font-weight:400;color:#9ba899}.checklist button>span{flex:1;font-size:12px;color:#435448}.checklist button small{display:block;font-size:10px;color:#97a18f;margin-top:7px}.section-heading{margin:30px 0 15px}.text-button{border:0;background:none;color:#74846e;font-size:11px}.empty{border:1px dashed #d5decf;border-radius:8px;padding:32px;text-align:center;color:#84937d;font-size:12px}.post-card{background:white;border:1px solid #e1e6dd;border-radius:8px;padding:20px;margin-bottom:12px;display:flex;align-items:flex-start;gap:18px}.post-date{background:#f0f3e9;border-radius:6px;min-width:70px;text-align:center;padding:13px 6px;font-size:11px;color:#657b59}.post-body{flex:1;min-width:0}.post-body p{white-space:pre-wrap;overflow-wrap:anywhere;color:#46554b;font-size:13px}.post-body small{display:block;font-size:10px;color:#889480;margin-top:12px}.delete{border:0;background:none;color:#9a7668;font-size:11px;padding:8px}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.calendar-toolbar h2{text-transform:capitalize}.calendar-toolbar small{font-size:10px;color:#92a08c;display:block;margin-top:8px}.calendar-toolbar button{background:#fff;border:1px solid #e3e8de;padding:8px 12px;color:#607656}.weekdays,#calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.weekdays span{text-align:center;padding:12px;font-size:10px;color:#839079}#calendar-grid{border-top:1px solid #e5e9df;border-left:1px solid #e5e9df}.day{border:0;border-right:1px solid #e5e9df;border-bottom:1px solid #e5e9df;background:white;min-height:105px;text-align:left;padding:10px;align-content:start;cursor:pointer}.day:hover{background:#f5f7ef}.day>span{font-size:11px;color:#65745d}.day.other{background:#fafbf7}.day.other>span{color:#b7bfb0}.day.today>span{background:#31553d;color:white;border-radius:50%;padding:4px 6px}.calendar-post{display:block;font-size:9px;margin-top:9px;background:#edf2e7;color:#506e46;padding:6px;border-radius:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connections{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.connections h2{margin:25px 0 12px}.connections p+p{margin-top:18px}.connections .pill{float:right}.service{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:10px;font-size:24px}.woo{background:#f0e7f5;color:#80548e}.meta{background:#e6edf7;color:#4073af}.ai{background:#edf0df;color:#728947}footer{padding:22px 44px;border-top:1px solid #e4e8df;color:#819077;font-size:9px;letter-spacing:1px}footer span{float:right;font-size:10px;letter-spacing:0;color:#a0a999}dialog{border:1px solid #dce3d7;border-radius:14px;width:560px;max-width:94vw;padding:30px;color:#304235;background:#fcfdf9}dialog::backdrop{background:#15261dcc;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.dialog-heading h2{font-size:24px;margin-top:8px}.dialog-heading button{background:none;border:0;color:#76876e}form>label,.date-options label{display:block;font-size:12px;margin:18px 0 10px}.channel-options{display:flex;gap:12px}.channel-options label{border:1px solid #dce4d7;padding:10px 16px;border-radius:6px;font-size:12px}input[type=checkbox]{accent-color:#31553d}textarea{width:100%;height:160px;resize:vertical;border:1px solid #dce4d7;border-radius:6px;padding:14px;font-size:13px;background:white}.text-meta{display:flex;justify-content:space-between;font-size:9px;color:#8c9984;margin:7px 0 20px}.date-options{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.date-options input{width:100%;padding:10px;border:1px solid #dce4d7;border-radius:6px;background:white}.form-note{font-size:11px;margin:22px 0}#form-error{font-size:12px;color:#a44a38;margin-bottom:12px}form>.primary{width:100%}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#294d38;color:#fff;border-radius:8px;padding:15px 24px;font-size:12px;box-shadow:0 8px 25px #203d2526}[hidden]{display:none!important}@media(min-width:1500px){.page{padding-top:55px}}@media(max-width:1100px){aside{width:190px}main{margin-left:190px}.page{padding:30px 24px}header{padding:0 24px}.overview-grid{grid-template-columns:1fr}.connections{grid-template-columns:1fr}.heading{align-items:flex-start}h1{font-size:26px}.notice span{display:block;margin:8px 0 0}}@media(max-width:650px){aside{position:static;width:auto;padding:18px;display:block;border-bottom:1px solid #ddd}.brand{font-size:32px}.workspace,.aside-bottom{display:none}nav{display:flex;margin-top:18px;gap:4px}nav button{padding:9px;font-size:15px;gap:5px}nav button span{font-size:10px}main{margin:0}header{display:none}.page{padding:25px 16px}.heading{display:block}.heading .primary{margin-top:18px}h1{font-size:25px}.stats{gap:8px}.stats article{padding:14px 10px}.stats article>span{font-size:10px}.stats small{font-size:9px}.stats strong{font-size:28px}.creative{grid-template-columns:1fr}.creative-art{height:190px}.panel{padding:17px}.pill{font-size:7px}.day{min-height:80px;padding:5px}.calendar-post{font-size:8px;padding:3px}.calendar-toolbar small{font-size:8px}.weekdays span{padding:8px}footer{padding:20px}footer span{display:none}.post-card{gap:10px;padding:14px}.post-date{min-width:52px}}

/* MiO brand */
:root{color:#111719;background:#f7f7f4}aside{background:#111719;border:0;color:white;padding:30px 22px}.brand{display:block;background:#fff;padding:10px 14px;width:138px}.brand img{display:block;width:95px;height:45px}.brand span{display:block;font-size:7px;letter-spacing:1px;color:#111719;margin:4px 0 0;text-align:center}.workspace{color:#fff}.workspace>b{background:#a7d8d8;color:#101719;border-radius:0}.workspace small{color:#adb9b8}nav button{border-radius:0;color:#a7b4b4}nav button.active{background:#f27f6f;color:#101719}nav button:hover{color:#fff}.aside-bottom{color:#a9d6d5}.aside-bottom small{color:#9aa9a8}.dot{background:#a9d6d5}header{background:#fff}.avatar{border-radius:0;background:#a7d8d8;color:#101719}.eyebrow{color:#537e7e}h1{font-weight:850;font-size:34px;letter-spacing:-1.6px;line-height:1.05}h1 br{display:none}h1 br:after{content:' '}.heading{margin-bottom:22px}.primary{background:#f27f6f;color:#111719;border-color:#f27f6f;border-radius:2px;font-weight:750}.primary:hover{background:#e86c5c;border-color:#e86c5c}.notice{background:#eef5f4;color:#315b5c;border:1px solid #d4e7e4;border-radius:0}.notice span{color:#497272}.pilot-hero{display:grid;grid-template-columns:1.2fr 1fr;background:#101719;min-height:330px}.pilot-copy{padding:35px 38px;background:radial-gradient(ellipse at top left,#2c5353,transparent 65%)}.pilot-copy .eyebrow{color:#a7d8d8;font-size:9px;letter-spacing:1.5px}.pilot-copy h2{font-size:54px;line-height:.95;letter-spacing:-3px;font-weight:850;color:white;margin:25px 0 18px}.pilot-copy em{font-style:normal;color:#f27f6f}.pilot-copy p{color:#c2cecd;max-width:280px;font-size:11px}.pilot-copy .primary{margin-top:20px;font-size:10px}.pilot-monitor{margin:17px;border:1px solid #bfd7d1;background:#a7d8d8;padding:32px;display:flex;flex-direction:column;justify-content:center}.monitor-label{font-size:8px;font-weight:800;letter-spacing:1.2px}.pilot-monitor>strong{font-size:34px;font-weight:750;letter-spacing:-1.4px;line-height:1.1;text-transform:uppercase;margin:18px 0 12px}.pilot-monitor>div{font-size:11px}.blocked-label{font-size:8px;letter-spacing:1px;background:#101719;color:#b7e0dc;padding:7px 9px;width:fit-content;margin:20px 0 12px}.pilot-monitor p{color:#355758;font-size:11px;max-width:300px}.pilot-monitor .text-button{font-weight:800;font-size:9px;text-align:left;padding:0;color:#122526;margin-top:20px}.ticker{display:flex;justify-content:space-around;gap:15px;align-items:center;padding:13px;background:#f27f6f;font-size:8px;font-weight:800;letter-spacing:1px;margin-bottom:25px;overflow:hidden;white-space:nowrap}.ticker span{font-size:16px;color:#fff}.stats article,.panel,.post-card,.empty{border-radius:2px}.stats article>span{color:#4e6262}.stats small{color:#718381}.stats strong{font-weight:700}.overview-grid{grid-template-columns:1.5fr 1fr}.pill{background:#e3f2ef;color:#356466;border-radius:0}.creative-art{background:#a7d8d8;border-radius:0}.creative-art>span{color:#101719;font-weight:500}.creative-art small{color:#36595b}.orbit{border-color:#81b7b5}.art-dot{color:#f27f6f}.secondary{border-radius:2px;color:#213b3a;border-color:#a5bdb8}.creative h3{font-weight:800}.checklist>button{color:#315c5e}.checklist button>span{color:#233d3c}.checklist button>b{color:#f27f6f}.section-heading h2,.panel-heading h2{font-size:13px;font-weight:750}.text-button{color:#37676a}.post-date{background:#e1f1ee;color:#2f6060;border-radius:0}.calendar-post{background:#f1e7e1;color:#6c483c;border-radius:0}.ai-slot{background:#d4eded;color:#235b60;border-left:2px solid #5da6a9}.day.today>span{background:#f27f6f;color:#111719;border-radius:0}.empty{color:#647b78;border-color:#b3c8c2}.connections h2{font-weight:750}.connections p{color:#526765}.download{display:block;text-decoration:none;text-align:center;font-size:11px;margin-top:20px}.connections button{width:100%;margin:10px 0 15px}.service{border-radius:0}.woo{background:#a7d8d8;color:#102426}.meta{background:#e0e7e7;color:#102426}.ai{background:#f5afa2;color:#101719}.guide-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.guide-intro{margin:18px 0}.switch-row{background:#dff0ed;padding:14px;font-weight:600}.guide-layout textarea{height:95px}.guide-layout input[type=checkbox],input[type=checkbox]{accent-color:#202d2d}.days-options{display:flex;flex-wrap:wrap;gap:7px}.days-options label{padding:9px;background:#edf2ee;font-size:10px;display:flex;gap:5px;align-items:center}.date-options select{width:100%;padding:11px;background:#fff;border:1px solid #dce4d7;border-radius:2px}.guide-layout form>label{color:#27413f}.flow{padding-left:20px;color:#426361;font-size:12px;line-height:2.7}.guide-layout .panel>p{font-size:11px}.upcoming-panel{margin-top:22px}.slot-row{padding:16px 0;border-bottom:1px solid #e1e8e4}.slot-row b{font-size:12px;text-transform:capitalize;display:block}.slot-row small{font-size:10px;display:block;color:#688c89;margin-top:6px}#guide-error{color:#b44732;font-size:12px}dialog{border-radius:2px}.form-note{color:#607672}footer{color:#315f5e}#toast{background:#152f31;border-radius:2px}@media(min-width:1500px){.pilot-hero{min-height:380px}.pilot-copy h2{font-size:65px}}@media(max-width:1100px){.pilot-copy{padding:28px}.pilot-copy h2{font-size:44px}.pilot-monitor{padding:23px}.pilot-monitor>strong{font-size:28px}.guide-layout{grid-template-columns:1fr}.overview-grid{grid-template-columns:1fr}}@media(max-width:650px){aside{padding:16px;background:#fff}.brand{padding:0;width:100px}.brand img{width:70px;height:36px}.brand span{font-size:5px;text-align:left;margin:3px 0 0}nav{margin-top:14px;overflow:auto}nav button{color:#4e6360;white-space:nowrap;gap:3px;padding:9px 7px}nav button span{font-size:9px}nav button:hover{color:#111719}.pilot-hero{grid-template-columns:1fr}.pilot-copy{padding:27px}.pilot-copy h2{font-size:49px}.pilot-monitor{margin:0 12px 12px;padding:24px}.pilot-monitor>strong{font-size:28px}.ticker{justify-content:flex-start;font-size:7px;padding:10px;gap:16px}.heading h1{font-size:27px}.guide-layout{gap:16px}.stats{gap:7px}.stats strong{font-size:26px}.pilot-copy p{max-width:none}.days-options{gap:4px}.days-options label{padding:7px}.guide-layout .channel-options{flex-wrap:wrap}}

#store-connection-form input{width:100%;padding:12px;border:1px solid #a5bdb8;border-radius:2px;background:#fff;font-size:13px}#store-connection-form .primary{margin-top:0}#store-connection-form .form-note{font-size:10px;line-height:1.6}.connections:has(#store-connection-form){grid-template-columns:1.4fr 1fr 1fr}@media(max-width:1100px){.connections:has(#store-connection-form){grid-template-columns:1fr}}

#openai-form input{width:100%;padding:12px;border:1px solid #a5bdb8;border-radius:2px;background:#fff;font-size:13px}#openai-form .primary{margin-top:0}.ai-budget{background:#e4f1ef;padding:15px;margin-top:20px}.ai-budget b{font-size:11px}.ai-budget p{font-size:10px;margin-top:12px}#ai-result{overflow-wrap:anywhere;font-size:12px}

.account-menu{display:flex;align-items:center;gap:12px}#signed-user{font-size:11px}.login-page{min-height:100vh;display:grid;place-items:center;background:#101719;padding:24px}.login-card{background:#fff;max-width:480px;width:100%;padding:45px;border-top:6px solid #f27f6f}.login-card img{width:110px}.login-card h1{margin:30px 0;font-size:40px}.login-card p{margin:20px 0;font-size:12px}.login-card a{display:block;text-decoration:none;text-align:center;margin-top:30px}

@media(max-width:650px){header{display:flex;height:50px;justify-content:flex-end;padding:0 16px}.crumb{display:none}.account-menu{gap:8px}#signed-user{font-size:10px}}

#generation-product{width:100%;padding:12px;border:1px solid #a5bdb8;background:#fff}.budget-number{font-size:30px;display:block;margin:20px 0}.generated-preview{display:block;width:280px;max-width:100%;height:auto;margin:15px 0}.generation-job{margin-bottom:15px}.generation-job>p{white-space:pre-wrap;margin-top:14px}#generation-error{color:#a44a38;margin-top:15px}