:root{--navy:#102f50;--navy2:#173e64;--ink:#17233a;--muted:#697386;--line:#dfe6ee;--bg:#f4f7fb;--blue:#165ec9;--green:#16803d;--orange:#ef7d21;--red:#b42318;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif}.shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.side{background:linear-gradient(180deg,var(--navy),#0d2742);color:#fff;padding:20px 14px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:8px 8px 24px;font-weight:900}.brand>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--orange);font-size:18px}.brand small{display:block;font-size:10px;color:#bfd0df;margin-top:4px;font-weight:700}.side nav{display:grid;gap:4px}.side nav a,.side-foot a{color:#e8eff6;text-decoration:none;padding:11px 12px;border-radius:10px;font-size:13px;font-weight:750}.side nav a:hover,.side nav a.active,.side-foot a:hover{background:#1b4b75;color:#fff}.side-foot{margin-top:auto;display:grid;gap:6px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14)}.side-foot form{margin:0}.side-foot button{width:100%;text-align:left;border:0;background:transparent;color:#dfe9f3;padding:11px 12px;cursor:pointer}.main{padding:28px;min-width:0}.top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.top h1{margin:0;font-size:30px;letter-spacing:-.03em}.top p{margin:7px 0 0;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 13px;border:1px solid #d8e0e8;border-radius:10px;background:#fff;color:#28405c;font-weight:850;font-size:12px;text-decoration:none;cursor:pointer}.btn.primary{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 7px 18px rgba(22,94,201,.16)}.btn.light{background:#fff;color:var(--navy);border-color:#fff}.btn.ai{background:#f1f5ff;color:#274aa5;border-color:#cfd9ff}.btn.danger{color:var(--red);border-color:#f0c6c0}.btn.ghost{background:transparent}.wide{width:100%}.flash{padding:12px 14px;border-radius:11px;margin:12px 0;font-size:13px}.flash.success{background:#ecfdf3;border:1px solid #abefc6;color:#166534}.flash.error{background:#fff1f0;border:1px solid #fecaca;color:#9b1c1c}.card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px;margin-bottom:16px;box-shadow:0 8px 30px rgba(16,47,80,.035)}.card h2{margin:0 0 12px;font-size:18px}.card p{color:var(--muted)}.card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}.card-head h2{margin-bottom:4px}.card-head p{margin:0;font-size:12px}.hero-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:14px;margin-bottom:14px}.hero{background:linear-gradient(135deg,#123555,#1e5b8d);color:#fff;border-radius:19px;padding:24px;display:flex;justify-content:space-between;align-items:end;gap:18px}.hero h2{font-size:34px;margin:4px 0}.hero p{margin:4px 0 0;color:#d9e8f5;max-width:680px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:900;color:#ffbd80}.live-card{border:1px solid #f1c37b;background:#fff9ef;border-radius:19px;padding:24px;display:flex;flex-direction:column;justify-content:center}.live-card span{font-size:10px;font-weight:900;color:#a15c00;letter-spacing:.14em}.live-card strong{font-size:22px;margin:7px 0}.live-card small{color:var(--muted)}.live-card.live{background:#effcf3;border-color:#a8e5b8}.live-card.live span{color:var(--green)}.stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:16px}.stat{background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px}.stat span{font-size:10px;color:var(--muted);display:block}.stat b{font-size:23px;display:block;margin-top:7px}.platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.platform{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:13px;padding:12px}.platform small{display:block;color:var(--muted);margin-top:3px}.dot{width:10px;height:10px;border-radius:50%;background:#c6ccd3}.dot.ok{background:#20a357;box-shadow:0 0 0 4px #e5f7eb}.rows{display:grid}.post-row{display:flex;gap:13px;align-items:center;padding:12px 0;border-bottom:1px solid #edf1f5}.post-row:last-child{border-bottom:0}.grow{min-width:0;flex:1}.grow>b{display:block}.grow small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.datebox{min-width:100px;border:1px solid var(--line);border-radius:12px;padding:8px 10px;text-align:center;background:#f9fbfd}.datebox b,.datebox span{display:block}.datebox span{font-size:11px;color:var(--muted);margin-top:2px}.chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.chips span{padding:4px 7px;border-radius:999px;background:#eef4ff;color:#35537a;font-size:9px;font-weight:800}.chips span.bad{background:#fff1f0;color:#a8261c}.empty{padding:25px;color:var(--muted);text-align:center}.two-col{display:grid;grid-template-columns:1fr 1.35fr;gap:16px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}label{display:block;font-size:11px;font-weight:850;margin:12px 0;color:#30445c}input,select,textarea{width:100%;margin-top:6px;padding:11px 12px;border:1px solid #d6dee7;border-radius:10px;font:inherit;color:var(--ink);background:#fff}textarea{resize:vertical;line-height:1.45}.product-preview{display:flex;gap:14px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:12px;margin:13px 0;background:#fafcff}.product-preview img{width:88px;height:88px;object-fit:contain;background:#fff;border-radius:10px}.product-preview span,.product-preview small{display:block;margin-top:4px}.product-preview span{font-weight:900;color:var(--blue)}.product-preview small{color:var(--muted)}.channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.channel-grid label{margin:0;border:1px solid var(--line);border-radius:10px;padding:10px;display:flex;align-items:center;gap:8px}.channel-grid input,.toggle-row input{width:auto;margin:0}.hint,.note{font-size:11px;color:var(--muted);line-height:1.45}.note{padding:11px;border:1px solid var(--line);background:#f9fbfd;border-radius:10px;margin-top:10px}.schedule-row{display:grid;grid-template-columns:320px 1fr;gap:18px;align-items:end}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.searchbar{display:flex;gap:8px}.searchbar input{margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid #edf1f5;font-size:11px;vertical-align:top}th{color:#667085;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.status{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eef2f6;font-weight:900;font-size:9px}.s-published{background:#ecfdf3;color:#166534}.s-queued,.s-processing{background:#eef4ff;color:#1d4f91}.s-approval{background:#fff7e8;color:#9a5b00}.s-failed,.s-partial{background:#fff1f0;color:#a8261c}.s-ready{background:#f1f3f5;color:#536579}.stack-actions{display:flex;flex-wrap:wrap;gap:5px}.errorline{display:block;color:#b42318;max-width:330px;margin-top:4px}.mini-link{font-size:10px;display:block;margin-top:5px}.calendar-list{display:grid;gap:14px}.day{padding:0;overflow:hidden}.day-title{display:flex;justify-content:space-between;background:#f8fafc;padding:13px 16px;border-bottom:1px solid var(--line)}.day-title span{font-size:11px;color:var(--muted)}.calendar-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid #edf1f5}.calendar-item:last-child{border-bottom:0}.time{font-size:20px;font-weight:900;min-width:65px}.toggle-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:11px;padding:11px;margin:8px 0}.toggle-row strong{font-size:10px}.oktxt{color:var(--green)}.warntxt{color:#ad6500}.danger-toggle{border-color:#efc8c4}.env-grid{display:flex;flex-wrap:wrap;gap:7px}.env-grid code{background:#f1f4f8;border:1px solid #e0e5eb;padding:6px 8px;border-radius:8px}.campaign-form{display:grid;grid-template-columns:1fr 230px auto;gap:12px;align-items:end}.campaign-form label{margin:0}.campaign-icon{width:42px;height:42px;display:grid;place-items:center;background:#eef4ff;border-radius:12px;font-weight:900;color:var(--blue)}.login-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0d2742,#1c5b91)}.login-card{width:min(420px,calc(100% - 32px));background:#fff;border-radius:22px;padding:30px;box-shadow:0 25px 70px rgba(0,0,0,.24)}.login-card h1{margin:14px 0 4px}.login-card>p{color:var(--muted);margin-top:0}.login-mark{width:58px;height:58px;border-radius:16px;background:var(--orange);color:#fff;display:grid;place-items:center;font-weight:900;font-size:22px}
@media(max-width:1150px){.stat-grid{grid-template-columns:repeat(3,1fr)}.platform-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.hero-row{grid-template-columns:1fr}.campaign-form{grid-template-columns:1fr 1fr}.campaign-form .btn{grid-column:1/-1}}@media(max-width:760px){.shell{display:block}.side{position:relative;height:auto}.side nav{grid-template-columns:1fr 1fr}.side-foot{display:none}.main{padding:15px}.top{flex-direction:column}.stat-grid{grid-template-columns:1fr 1fr}.platform-grid{grid-template-columns:1fr}.grid2,.channel-grid,.schedule-row,.campaign-form{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}.post-row,.calendar-item{align-items:flex-start}.top-actions{width:100%}.top-actions .btn{width:100%}}@media(max-width:450px){.stat-grid{grid-template-columns:1fr}.side nav{grid-template-columns:1fr}.main{padding:10px}.card{border-radius:13px}.top h1{font-size:26px}}