:root{color-scheme:light;--bg:#f6f7f9;--panel:#ffffff;--panel-subtle:#eef4f2;--text:#17201b;--text-subtle:#26342f;--muted:#607069;--line:#d9e2de;--accent:#146c5f;--accent-dark:#0d4f46;--warn:#a15c12;--danger:#a83232;--danger-text:#ffffff;--sidebar:#102520;--sidebar-text:#f5fbf8;--sidebar-muted:#d7e9e3;--input-bg:#ffffff;--post-bg:#fbfcfb;--hero-bg:#102520;--hero-text:#f5fbf8;--hero-muted:#d7e9e3;--success-bg:#e3f3ed;--success-text:#145142;--success-line:#afd9cb;--error-bg:#fae7e7;--error-text:#8b2727;--error-line:#e3b3b3;--warning-bg:#fff4db;--warning-text:#7a4d0b;--warning-line:#e6c57c;--working-bg:#e6f0ff;--working-text:#173f75;--working-line:#b8d0f4;--focus:#44a996}[data-theme=dark]{color-scheme:dark;--bg:#000000;--panel:#0b0b0d;--panel-subtle:#151518;--text:#f4f7f6;--text-subtle:#d9e0dd;--muted:#a2aaa7;--line:#2a2b2e;--accent:#4db7a4;--accent-dark:#8ad9c9;--warn:#e1a94b;--danger:#dc6b6b;--danger-text:#241010;--sidebar:#000000;--sidebar-text:#f5fbf8;--sidebar-muted:#c1cbc7;--input-bg:#050506;--post-bg:#080809;--hero-bg:#050506;--hero-text:#f5fbf8;--hero-muted:#c1cbc7;--success-bg:#12362d;--success-text:#b8f0dd;--success-line:#25604f;--error-bg:#3b1719;--error-text:#ffc3c3;--error-line:#733236;--warning-bg:#3a2b12;--warning-text:#ffe0a3;--warning-line:#75591e;--working-bg:#102a45;--working-text:#cbe3ff;--working-line:#28527c;--focus:#72d8c5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit}button,input,select,textarea{font:inherit;font-size:16px}button,input,option,select,textarea{color:var(--text)}::placeholder{color:var(--muted);opacity:1}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{background:var(--sidebar);color:var(--sidebar-text);padding:28px 22px}.brand-logo{gap:10px;margin-bottom:34px;text-decoration:none}.brand-logo,.brand-symbol{display:inline-flex;align-items:center;color:var(--sidebar-text)}.brand-symbol{justify-content:center;width:34px;height:34px;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--sidebar-muted));border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 24%,transparent),transparent 58%),color-mix(in srgb,var(--sidebar) 88%,var(--accent));font-size:18px;font-weight:900;line-height:1}.brand-copy{display:grid;gap:1px}.brand-name{color:inherit;font-size:20px;font-weight:850;line-height:1}.brand-domain{font-size:11px;font-weight:750;line-height:1.2}.brand-domain,.nav-item{color:var(--sidebar-muted)}.nav-item{display:block;padding:11px 12px;border-radius:8px;text-decoration:none}.mobile-nav-menu{display:none}.theme-toggle{width:100%;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--sidebar-muted) 35%,transparent);border-radius:8px;padding:9px 12px;margin-top:18px;background:transparent;color:var(--sidebar-text);font-weight:800;cursor:pointer}.theme-toggle.inline{width:auto;min-height:40px;margin-top:0;border-color:var(--line);color:var(--text);background:var(--panel)}.main{padding:32px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.run-controls{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:10px}.title{margin:0;font-size:30px;line-height:1.15}.subtitle{color:var(--muted);margin:8px 0 0}.usage-line{color:var(--accent-dark);font-size:13px;font-weight:700;margin:10px 0 0}.notice{border-radius:8px;margin-bottom:18px;padding:12px 14px;font-size:14px;font-weight:700}.notice.success{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-line)}.notice.error{background:var(--error-bg);color:var(--error-text);border:1px solid var(--error-line)}.notice.warning{background:var(--warning-bg);color:var(--warning-text);border:1px solid var(--warning-line)}.notice a{color:inherit;font-weight:800}.working-banner{display:flex;align-items:center;gap:10px;border-radius:8px;margin-bottom:18px;padding:12px 14px;background:var(--working-bg);color:var(--working-text);border:1px solid var(--working-line);font-size:14px;font-weight:700}.spinner{width:16px;height:16px;border:2px solid #9bbce8;border-top-color:#173f75;border-radius:50%;animation:spin .75s linear infinite;flex:0 0 auto}@keyframes spin{to{transform:rotate(1turn)}}.grid{display:grid;grid-template-columns:minmax(360px,1.1fr) minmax(320px,.9fr);gap:22px}.dashboard-grid{display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(320px,.85fr);gap:22px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:22px}.panel h2{margin:0 0 16px;font-size:18px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.panel-header h2{margin-bottom:6px}.compact-heading,.panel h2,.setup-step strong{color:var(--text)}.compact-heading{font-size:15px;margin:0 0 14px}.field{display:grid;gap:7px;margin-bottom:14px}.field label{font-size:13px;font-weight:700;color:var(--text-subtle)}.hint{font-size:12px;color:var(--muted)}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 11px}input,option,select,textarea{background:var(--input-bg);color:var(--text)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.62}textarea{min-height:86px;resize:vertical}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;padding:10px 14px;min-height:42px;background:var(--accent);color:white;font-weight:700;text-decoration:none;cursor:pointer}.button.secondary{background:var(--panel-subtle);color:var(--text)}.button.danger{background:var(--danger);color:var(--danger-text)}.button.full{width:100%}.connect-actions{display:flex;flex-wrap:wrap;gap:10px}.toggle{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel-subtle)}.toggle input{width:18px;height:18px;accent-color:var(--accent)}.weekday-grid{display:grid;grid-template-columns:repeat(7,minmax(48px,1fr));gap:8px}.weekday{display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;border:1px solid var(--line);border-radius:8px;background:var(--post-bg);font-size:13px;font-weight:700}.weekday input{width:15px;height:15px;accent-color:var(--accent)}.post-list{display:grid;gap:12px}.analytics-pages{display:grid;gap:22px}.analytics-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.metric-row{display:grid;grid-template-columns:repeat(4,minmax(86px,1fr));gap:10px}.metric{border:1px solid var(--line);border-radius:8px;min-width:86px;padding:10px 12px;background:var(--post-bg)}.metric strong{display:block;font-size:22px;line-height:1.1;color:var(--text)}.metric span,.post-metrics{color:var(--muted);font-size:12px}.post-metrics{display:flex;flex-wrap:wrap;gap:10px}.post-metrics a{color:var(--accent);font-weight:700}.approval-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.inline-edit-form{display:grid;gap:10px;margin-top:12px}.automation-card,.post{border:1px solid var(--line);border-radius:8px;padding:14px;background:var(--post-bg)}.automation-card-main{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start}.automation-card h3{margin:0 0 6px;color:var(--text);font-size:16px}.automation-card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.automation-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;color:var(--muted);font-size:12px}.status-mark{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:15px;font-weight:900;cursor:help}.status-mark.healthy{background:var(--success-bg);border:1px solid var(--success-line);color:var(--success-text)}.status-mark.error{background:var(--error-bg);border:1px solid var(--error-line);color:var(--error-text)}.automation-issue,.automation-ready{margin:8px 0 0;font-size:13px;font-weight:700}.automation-ready{color:var(--success-text)}.automation-issue{color:var(--error-text)}.settings-form{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.post p{margin:0 0 10px;color:var(--text-subtle)}.meta{font-size:12px;color:var(--muted)}.auth-card{width:min(460px,calc(100% - 32px));margin:8vh auto;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:28px}.onboarding-shell{min-height:100vh;background:var(--bg);padding:42px 24px}.onboarding-main{width:100%;margin:0}.onboarding-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.brand-link{color:var(--text);font-size:20px;font-weight:800;text-decoration:none}.auth-card .brand-logo,.onboarding-topbar .brand-logo{color:var(--text);margin-bottom:0}.auth-card .brand-symbol,.onboarding-topbar .brand-symbol{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,transparent),transparent 58%),var(--panel);color:var(--accent-dark)}.auth-card .brand-domain,.onboarding-topbar .brand-domain{color:var(--muted)}.auth-card .auth-brand,.onboarding-hero{margin-bottom:22px}.onboarding-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:34px;border-radius:8px;background:var(--hero-bg);color:var(--hero-text)}.onboarding-hero h1{font-size:36px;line-height:1.1;margin:0 0 12px}.onboarding-hero p{color:var(--hero-muted);max-width:680px;margin:0}.value-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px}.onboarding-checklist,.setup-workspace,.value-grid{margin-bottom:22px}.setup-workspace{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);gap:22px}.value-card{border:1px solid var(--line);border-radius:8px;padding:16px;background:var(--panel)}.value-card strong{display:block;margin-top:8px;font-size:26px;line-height:1.1;color:var(--text)}.value-card p,.value-card span{color:var(--muted);font-size:12px;margin:6px 0 0}.setup-steps{display:grid;gap:12px;counter-reset:setup}.setup-step{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;border:1px solid var(--line);border-radius:8px;padding:14px;background:var(--panel)}.setup-step:before{counter-increment:setup;content:counter(setup);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:var(--accent);color:white;font-weight:800}.setup-step p{margin:4px 0 0;color:var(--muted);font-size:13px}.eyebrow{color:var(--accent-dark);font-size:12px;font-weight:800;letter-spacing:0;margin:0 0 8px;text-transform:uppercase}.onboarding-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.onboarding-footer{color:var(--muted);font-size:13px;margin:18px 0 0}.approval-layout{width:min(720px,calc(100% - 32px));margin:8vh auto}@media (max-width:900px){.shell{grid-template-columns:1fr}.desktop-sidebar{display:none}.mobile-nav-menu{display:block;position:fixed;top:calc(12px + env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));z-index:30}.mobile-nav-trigger{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid color-mix(in srgb,var(--accent) 46%,var(--line));border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 28%,transparent),transparent 58%),var(--panel);color:var(--accent-dark);box-shadow:0 8px 24px color-mix(in srgb,black 14%,transparent);cursor:pointer;list-style:none}.mobile-nav-trigger::-webkit-details-marker{display:none}.mobile-nav-menu summary::marker{content:""}.mobile-nav-symbol{font-size:21px;font-weight:900;line-height:1}.mobile-nav-panel{position:absolute;top:52px;left:0;display:grid;gap:6px;width:min(248px,calc(100vw - 28px));padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);box-shadow:0 18px 48px color-mix(in srgb,black 22%,transparent)}.mobile-nav-brand{display:grid;gap:2px;padding:4px 6px 10px;border-bottom:1px solid var(--line);margin-bottom:4px}.mobile-nav-brand strong{color:var(--text);font-size:17px;line-height:1.1}.mobile-nav-brand span{color:var(--muted);font-size:12px;font-weight:700}.mobile-nav-item,.mobile-nav-panel .theme-toggle.inline{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:44px;margin:0;padding:10px 11px;border-radius:8px;color:var(--text);background:transparent;text-align:left;text-decoration:none;font-weight:800}.mobile-nav-item:hover,.mobile-nav-panel .theme-toggle.inline:hover{background:var(--panel-subtle)}.dashboard-grid,.grid,.row,.setup-workspace,.value-grid{grid-template-columns:1fr}.main{padding:calc(74px + env(safe-area-inset-top)) max(14px,env(safe-area-inset-left)) calc(28px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-right))}.topbar{align-items:stretch;flex-direction:column;gap:14px;margin-bottom:18px}.title{font-size:25px}.panel{padding:16px}.panel-header{display:grid;grid-template-columns:1fr}.panel-header .button{width:100%}.run-controls{grid-template-columns:1fr}.approval-actions .button,.automation-card-actions .button,.button,.connect-actions .button{width:100%}.value-grid{gap:10px}.value-card strong{font-size:23px}.onboarding-hero{padding:22px}.onboarding-hero h1{font-size:28px}.setup-step{grid-template-columns:30px 1fr}.analytics-header{display:grid}.metric-row{grid-template-columns:1fr 1fr}.automation-meta-grid{grid-template-columns:1fr}.weekday-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.onboarding-grid,.onboarding-hero,.onboarding-topbar{display:grid;grid-template-columns:1fr}}@media (max-width:520px){.main{padding-left:12px;padding-right:12px}.approval-layout,.auth-card{width:min(100% - 24px,460px);margin:24px auto;padding:20px}.metric-row,.weekday-grid{grid-template-columns:1fr}.approval-actions,.automation-card-actions,.connect-actions,.post-metrics{display:grid;grid-template-columns:1fr}}