:root{color-scheme:dark;--blue:#20b7ff;--line:#18303e;--panel:#0a1117;--muted:#718793}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 55% 0,#0b2d43 0,transparent 28%),#05080c;color:#edf8ff;font:14px Arial,sans-serif;display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{padding:24px 16px;background:#070b10;border-right:1px solid var(--line);display:flex;flex-direction:column}.logo{display:flex;gap:12px;align-items:center;font-weight:800;letter-spacing:.16em}.logo>b{width:38px;height:38px;display:grid;place-items:center;background:linear-gradient(145deg,#27c5ff,#0878ff);clip-path:polygon(50% 0,100% 22%,86% 100%,14% 100%,0 22%);color:#00121d}.logo small{display:block;color:#59717f;font-size:9px;margin-top:3px}.new,.primary,.schedule{border:0;border-radius:8px;background:linear-gradient(135deg,#25c1ff,#0878ff);color:#00131e;font-weight:800;padding:12px;cursor:pointer}.new{margin-top:25px}nav{margin-top:34px;display:grid;gap:5px}nav i,label{font-size:9px;letter-spacing:.14em;color:#617988}nav button{border:0;background:none;color:#7f95a1;text-align:left;padding:12px;border-radius:8px}.active,nav button:hover{background:#101b23;color:white}.health{margin-top:auto;border:1px solid var(--line);background:#09131a;border-radius:12px;padding:14px;display:grid;gap:7px;font-size:11px}.health>b{color:#d9f5ff}.health>b:first-letter{color:#36df91}.health small,.health span{color:#617885}main{min-width:0}main>header{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px}h1{font-size:18px;margin:5px 0}main>header>span{margin-left:auto;color:#75a8c0}.steps{height:58px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:15px;color:#a5dfff;font-size:11px}.steps i{width:40px;height:1px;background:#25516a}.grid{display:grid;grid-template-columns:minmax(300px,1fr) minmax(360px,1.15fr) 290px;gap:12px;padding:13px;height:calc(100vh - 132px)}.panel{background:linear-gradient(145deg,#0b1319,#080d12);border:1px solid var(--line);border-radius:14px;padding:18px;overflow:auto}.panel h2{font-size:17px;margin:6px 0 16px}select{width:100%;padding:12px;background:#0a171f;border:1px solid #25485b;border-radius:8px;color:white}.brand{margin:10px 0 14px;display:flex;gap:10px;align-items:center;border:1px solid #1c5572;background:#0a1a23;border-radius:9px;padding:10px}.brand>strong{background:var(--blue);color:#00121c;padding:11px;border-radius:8px}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.source>article{border:1px solid var(--line);border-radius:9px;padding:14px;color:#a8bdc8;line-height:1.55}.primary{width:100%;margin-top:12px}pre{white-space:pre-wrap;color:#78a6bb;font-size:10px}.rows{display:grid;gap:9px}.row{border:1px solid var(--line);background:#09141b;border-radius:10px;padding:13px;cursor:pointer}.row.selected{border-color:var(--blue);box-shadow:0 0 0 1px #20b7ff44}.row header,.row footer{display:flex;justify-content:space-between;gap:10px}.row header span{color:var(--blue);font-size:10px}.row p{color:#91a9b5;font-size:12px;line-height:1.5;max-height:72px;overflow:hidden}.row footer{align-items:center;color:#67808d}.row footer button{border:1px solid #247199;background:#0a2635;color:#8ddcff;border-radius:6px;padding:6px 9px}.row em{color:#3bdd91}.empty,.error{margin:80px auto;text-align:center;color:#6d8592}.error{color:#ff8d8d}.renderers{display:grid;gap:8px}.renderers button{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#09131a;color:#bed1da;padding:11px;border-radius:9px;text-align:left}.renderers button b,.renderers button small{display:block}.renderers button small{color:#607986;font-size:9px}.renderers .chosen{border-color:var(--blue);background:#0b2230}.delivery hr{border:0;border-top:1px solid var(--line);margin:18px 0}.postiz p{color:#9db3bd}.schedule{width:100%;background:#12232c;color:#cceeff;border:1px solid #22526a}.postiz>small{display:block;color:#637b87;font-size:9px;line-height:1.5;margin-top:10px}@media(max-width:1050px){body{grid-template-columns:80px 1fr}aside{padding:20px 10px}.logo span,aside nav i,.health,.new{display:none}.logo{justify-content:center}.grid{grid-template-columns:1fr 1fr;height:auto}.delivery{grid-column:1/-1}.renderers{grid-template-columns:repeat(4,1fr)}}@media(max-width:720px){body{display:block}aside{display:none}.steps{overflow:auto;justify-content:flex-start;padding:0 15px}.grid{display:block}.panel{margin-bottom:10px}.renderers{grid-template-columns:1fr 1fr}main>header{padding:0 15px}}
