:root{--bg:#f4f6f8;--panel:#fff;--ink:#18202b;--muted:#75808f;--line:#e5e9ee;--nav:#111821;--nav-muted:#94a0af;--blue:#2584ff;--blue-dark:#1268d9;--green:#28b47b;--amber:#ec9c2a;--red:#df5d66;--shadow:0 8px 30px rgba(23,32,43,.06)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:var(--nav);padding:28px 18px;display:flex;flex-direction:column;color:#fff;z-index:5}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;padding:0 8px 30px}.brand-mark,.login-logo{width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#35a1ff,#1265e5);display:grid;place-items:center;font-weight:800;font-size:20px;box-shadow:0 8px 22px rgba(37,132,255,.32)}.brand strong{display:block;font-size:16px}.brand small{display:block;color:var(--nav-muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.sidebar nav{display:grid;gap:7px}.sidebar nav a,.nav-button{display:flex;align-items:center;width:100%;padding:12px 14px;border:0;border-radius:10px;background:transparent;color:var(--nav-muted);text-decoration:none;cursor:pointer;text-align:left}.sidebar nav a:hover,.sidebar nav a.active,.nav-button:hover{background:#1c2734;color:#fff}.logout-form{margin-top:auto}.main{margin-left:230px;padding:34px 42px 60px;max-width:1600px}.topbar{display:flex;align-items:center;margin-bottom:28px}.topbar>div{flex:1;min-width:0}.topbar h1{font-size:28px;line-height:1.1;margin:0 0 7px}.topbar p{margin:0;color:var(--muted)}.service-pill{margin-left:auto;background:#e7f8f1;color:#14895a;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700}.service-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:5px}.menu-toggle{display:none}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:20px}.metrics article,.panel{background:var(--panel);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.metrics article{padding:22px}.metrics span{display:block;color:var(--muted);font-weight:600}.metrics strong{display:block;font-size:32px;line-height:1.2;margin:12px 0 5px}.metrics small,.muted{color:var(--muted)}.grid-two{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:20px}.panel{padding:24px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.panel-head>div{min-width:0}.panel-head h2,.panel h2{font-size:19px;margin:2px 0}.panel-head a{color:var(--blue);text-decoration:none;font-weight:700;white-space:nowrap}.eyebrow{margin:0;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.14em}.activity-list>div,.item-card,.rule-card{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line)}.activity-list>div:first-child,.card-list>.item-card:first-child,.rule-list>.rule-card:first-child{border-top:0}.activity-list p{margin:0;flex:1;min-width:0}.activity-list strong,.activity-list small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-list small{color:var(--muted);margin-top:3px}.status-dot{width:9px;height:9px;background:var(--muted);border-radius:50%}.status-dot.published,.status-dot.online{background:var(--green)}.status-dot.failed{background:var(--red)}.status-dot.pending,.status-dot.scheduled{background:var(--amber)}.badge{font-size:10px;text-transform:uppercase;letter-spacing:.04em;padding:5px 8px;border-radius:999px;background:#edf0f3;color:#687382;white-space:nowrap}.badge.published,.badge.online{background:#e7f8f1;color:#14895a}.badge.failed,.badge.error{background:#fdebed;color:#b53642}.badge.pending,.badge.scheduled,.badge.queued{background:#fff4dd;color:#a66b12}.guide ol{list-style:none;margin:20px 0;padding:0}.guide li{display:flex;gap:12px;margin:16px 0}.guide li>span{width:28px;height:28px;border-radius:9px;background:#eaf3ff;color:var(--blue);display:grid;place-items:center;font-weight:800}.guide strong,.guide small{display:block}.guide small{color:var(--muted)}.worker-state{display:flex;gap:12px;background:#f6f8fa;border-radius:11px;padding:13px}.worker-state i{width:10px;height:10px;background:#c7ced6;border-radius:50%;margin-top:4px}.worker-state i.ok{background:var(--green)}.worker-state strong,.worker-state small{display:block}.worker-state small{color:var(--muted)}.grid-form-list{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(480px,1.55fr);gap:20px}.form-panel{align-self:start}.stack-form{display:grid;gap:16px;margin-top:22px}.stack-form label,.form-grid label{display:grid;gap:7px;font-weight:650}.stack-form label small,.form-grid label small{font-weight:400;color:var(--muted)}input,select,textarea{width:100%;border:1px solid #d8dee6;background:#fff;border-radius:9px;padding:11px 12px;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(37,132,255,.11)}textarea{resize:vertical}.check{display:flex!important;align-items:center;gap:9px!important;font-weight:500!important}.check input{width:17px;height:17px}.primary,.secondary,.ghost{border:0;border-radius:9px;padding:10px 14px;font-weight:700;cursor:pointer}.primary{background:var(--blue);color:#fff}.primary:hover{background:var(--blue-dark)}.secondary{background:#eaf3ff;color:#176bc8}.ghost{background:#f0f2f5;color:#5f6b79}.full{width:100%}.small{padding:8px 11px}button:disabled{opacity:.45;cursor:not-allowed}.avatar{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#eaf3ff;color:var(--blue);font-weight:800}.avatar.channel{background:#eeeafd;color:#7152d9}.grow{flex:1;min-width:0}.grow strong,.grow small{display:block}.grow small{color:var(--muted);margin-top:3px}.actions{display:flex;gap:7px;align-items:center}.actions form{margin:0}.disabled{opacity:.5}.empty{padding:38px 16px;text-align:center;color:var(--muted);background:#f8f9fb;border-radius:11px}.error-text{color:var(--red)!important}.form-wide{max-width:1100px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 20px}.full-row{grid-column:1/-1}.inline-checks{display:flex;gap:24px}.top-gap{margin-top:20px}.rule-card>div:first-child{flex:1}.rule-card strong,.rule-card small{display:block}.rule-card small{color:var(--muted);margin-top:4px}.rule-meta{display:flex;gap:7px}.rule-meta span{background:#f1f4f7;border-radius:7px;padding:6px 8px;color:#697483;font-size:11px}.filter-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.filter{padding:8px 11px;border-radius:8px;color:#657180;text-decoration:none;background:#f1f3f5}.filter.active{background:#e7f1ff;color:var(--blue);font-weight:700}.post-row{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding:18px 0}.post-row:first-child{border-top:0}.post-content{flex:1;min-width:0}.post-content>div{display:flex;align-items:center;gap:9px;margin-bottom:8px}.post-content small{color:var(--muted)}.post-content strong{display:block}.post-content p{margin:5px 0 0;color:#596575;white-space:pre-wrap}.flash-stack{display:grid;gap:8px;margin-bottom:18px}.flash{padding:12px 14px;border-radius:9px;background:#eaf3ff;color:#176bc8}.flash.error{background:#fdebed;color:#b53642}.flash.success{background:#e7f8f1;color:#14895a}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 10%,#24354a 0,#101720 45%,#0c1118 100%);padding:20px}.login-card{width:min(420px,100%);padding:38px;background:#fff;border-radius:20px;box-shadow:0 26px 80px rgba(0,0,0,.28);text-align:center}.login-logo{margin:0 auto 18px;color:#fff}.login-card h1{margin:5px 0;font-size:28px}.login-card .stack-form{text-align:left}.login-card .muted{margin:0 0 20px}
@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}.grid-form-list{grid-template-columns:1fr}.rule-meta{display:none}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.menu-open .sidebar{transform:translateX(0)}.main{margin:0;padding:22px 16px}.menu-toggle{display:block;margin-right:13px;border:0;background:#fff;border-radius:8px;padding:8px 10px}.topbar h1{font-size:23px}.service-pill{display:none}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metrics article{padding:16px}.metrics strong{font-size:25px}.grid-two{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.full-row{grid-column:auto}.inline-checks{display:grid}.item-card,.rule-card,.post-row{align-items:flex-start;flex-wrap:wrap}.actions{width:100%;justify-content:flex-end}.login-card{padding:28px 22px}}
.form-note{margin:12px 0 0;color:var(--muted);background:#f6f8fa;border-radius:10px;padding:12px}.form-note a{color:var(--blue);font-weight:700}.split-fields{display:grid;grid-template-columns:.65fr 1.35fr;gap:12px}.security-note{display:grid;gap:3px;background:#eaf3ff;color:#176bc8;border-radius:10px;padding:12px}.security-note span{font-size:12px}.account-card{border-top:1px solid var(--line);padding:2px 0 14px}.account-card:first-child{border-top:0}.account-card .item-card{border:0}.avatar.account{background:#e7f8f1;color:#14895a}.inline-auth-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;background:#f6f8fa;padding:14px;border-radius:10px}.inline-auth-form label{display:grid;gap:6px;font-weight:650}.account-actions{display:flex;gap:8px;justify-content:flex-end}.account-actions form{margin:0}
@media(max-width:760px){.split-fields,.inline-auth-form{grid-template-columns:1fr}.account-actions{justify-content:stretch}.account-actions form,.account-actions button{flex:1;width:100%}}
.badge.draft{background:#eaf3ff;color:#176bc8}.badge.publishing{background:#eeeafd;color:#7152d9}.status-dot.draft{background:var(--blue)}
.project-layout{display:grid;grid-template-columns:minmax(420px,.9fr) minmax(420px,1.1fr);gap:20px}.compact-form{margin-top:14px}.inline-action{display:flex;align-items:center;gap:12px;margin:14px 0 22px}.inline-action small{color:var(--muted)}.channel-picker{display:grid;max-height:390px;overflow:auto;border:1px solid var(--line);border-radius:12px}.channel-choice{display:grid!important;grid-template-columns:18px 40px 1fr;align-items:center;gap:11px!important;padding:12px;border-top:1px solid var(--line);cursor:pointer;font-weight:400!important}.channel-choice:first-child{border-top:0}.channel-choice:hover{background:#f7faff}.channel-choice>input{width:17px;height:17px}.channel-choice strong,.channel-choice small{display:block}.channel-choice small{color:var(--muted);margin-top:2px}.avatar.project{background:#fff0dc;color:#b56c08}.project-list{display:grid;gap:10px}.project-card{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:12px;color:var(--ink);text-decoration:none}.project-card:hover{border-color:#b9d6fb;background:#f8fbff}.project-toolbar{display:flex;justify-content:flex-end;gap:9px;margin:-8px 0 16px}.link-button{display:inline-block;text-decoration:none}.source-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.source-chips span{padding:7px 10px;border-radius:999px;background:#eeeafd;color:#654fc5;font-size:12px}.source-preview>div{border-top:1px solid var(--line);padding:13px 0}.source-preview strong,.source-preview small{display:block}.source-preview small{color:var(--muted)}.source-preview p{margin:5px 0;color:#596575;white-space:pre-wrap}.ai-panel{align-self:start}.ai-panel .worker-state{margin:16px 0}.plan-summary{margin:18px 0;padding:15px;background:#f7f9fb;border-radius:11px}.plan-summary p{margin:6px 0 0;white-space:pre-wrap}.topic-list{display:grid;gap:9px;margin-bottom:17px}.topic-list>div{border:1px solid var(--line);border-radius:10px;padding:12px}.topic-list p{margin:4px 0}.topic-list small{color:var(--muted)}.ai-panel form+small{display:block;margin-top:10px}.draft-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.draft-grid>div{border:1px solid var(--line);border-radius:11px;padding:14px}.draft-grid strong,.draft-grid small{display:block;margin-top:7px}.draft-grid small{color:var(--muted)}.draft-grid p{color:#596575;white-space:pre-wrap}.ai-settings{max-width:760px}.ai-settings .security-note{margin:2px 0}.form-note strong{color:var(--ink)}
@media(max-width:1050px){.project-layout{grid-template-columns:1fr}.draft-grid{grid-template-columns:1fr}}
.key-list{display:grid}.key-card{display:flex;align-items:center;gap:12px;padding:15px 0;border-top:1px solid var(--line)}.key-card:first-child{border-top:0}.avatar.key{background:#e7f8f1;color:#14895a}.key-card .error-text{margin:5px 0 0;font-size:12px}.key-selector{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:end;margin:16px 0}.key-selector label{display:grid;gap:6px;font-weight:650}.key-selector button{height:42px}.key-selector+.worker-state{margin-top:0}
.danger{border:0;border-radius:9px;padding:10px 14px;background:#fdebed;color:#b53642;font-weight:700;cursor:pointer}.danger:hover{background:#f8d8dc}
@media(max-width:760px){.key-card{align-items:flex-start;flex-wrap:wrap}.key-card .actions{width:100%}.key-selector{grid-template-columns:1fr}.key-selector button{width:100%}}
.timer-card{display:grid;gap:14px;padding:16px;border:1px solid #dbe7f5;border-radius:13px;background:linear-gradient(145deg,#f8fbff,#f2f7fd)}.timer-head{display:flex;align-items:center;gap:11px}.timer-head strong,.timer-head small{display:block}.timer-head small{color:var(--muted);margin-top:2px}.timer-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#e1efff;font-size:20px}.timer-presets{display:flex;gap:6px;flex-wrap:wrap}.timer-presets button{border:1px solid #d6e1ee;border-radius:999px;background:#fff;color:#5f6d7e;padding:7px 10px;font-size:11px;font-weight:700;cursor:pointer}.timer-presets button:hover,.timer-presets button.active{border-color:var(--blue);background:#eaf3ff;color:var(--blue)}.timer-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.timer-fields label{display:grid;gap:6px;font-size:12px}.timer-preview{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff;border-radius:9px;color:#5c6877}.timer-preview i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(40,180,123,.12)}.timer-preview strong{color:var(--ink)}
@media(max-width:480px){.timer-fields{grid-template-columns:1fr}.timer-presets button{flex:1 0 22%}}
.schedule-mark{padding:4px 8px;border-radius:999px;background:#eef5ff;color:#3274bd;font-size:11px;font-weight:700}.post-row .actions{flex-wrap:wrap;justify-content:flex-end}