:root{font-family:Inter,system-ui,sans-serif;color:#f5f7fb;background:#040914;--panel:#081525;--line:#21344d;--purple:#7036c5;--blue:#2588df;--green:#35c95e;--gold:#e2ad17;--red:#d93749}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,#0b1830,#050a16 46%,#02060d);font-size:11px}button,input{font:inherit}button{color:inherit}.app{display:grid;grid-template-columns:210px 1fr;min-height:100vh}.sidebar{padding:12px;background:#060d18;border-right:1px solid #17283c}.brand{display:flex;gap:8px;align-items:center;margin-bottom:15px;font-size:25px}.brand b{font-size:17px}.brand small{display:block;color:#b164ff;font-size:7px}.sidebar nav{display:grid;gap:3px}.sidebar nav button{border:0;background:transparent;border-radius:6px;padding:8px;display:flex;gap:8px;align-items:center;text-align:left;color:#c1cad8}.sidebar nav button.active,.sidebar nav button:hover{background:linear-gradient(90deg,#40216f,#6929b2);color:#fff}.sidebar em{margin-left:auto;border:1px solid #7537aa;border-radius:99px;padding:1px 5px;font-style:normal;font-size:7px}.panel{background:linear-gradient(180deg,#091625,#071321);border:1px solid #21344d;border-radius:8px;padding:10px}.health{margin-top:14px}.health h3{font-size:10px}.gauge{width:120px;height:120px;margin:auto;border-radius:50%;background:conic-gradient(#47c965 0,#47c965 92%,#25354a 92%);padding:13px}.gauge span,.donut span{height:100%;border-radius:50%;background:#091625;display:grid;place-items:center;align-content:center}.gauge b{font-size:26px}.gauge small{font-size:7px}.health ul,.simple-list,.feed,.automation,.content-list,.schedule{list-style:none;padding:0;margin:8px 0;display:grid;gap:7px}.health li{font-size:7px;color:#50d977}.main{padding:0 10px 12px}.topbar{height:60px;display:flex;justify-content:space-between;align-items:center}.topbar h1{margin:0;font-size:18px}.topbar p{margin:2px 0;color:#a0adbd}.top-actions{display:flex;align-items:center;gap:12px;font-size:8px}.top-actions button{border:1px solid #31305a;background:#1a123b;border-radius:5px;padding:7px 10px}.top-actions b{color:#49d870}.metrics{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.metric{height:105px}.metric small,.metric span{font-size:7px}.metric b{display:block;font-size:20px;margin:7px 0}.spark{margin-top:8px;color:#8c40e2}.metric.blue .spark{color:#2f8df2}.metric.green .spark{color:#39ca62}.metric.orange .spark{color:#ef8c20}.metric.red .spark{color:#e54351}.metric.cyan .spark{color:#27c5d5}.metric.gold .spark{color:#e1ae19}.grid-main{display:grid;grid-template-columns:minmax(0,1.75fr) .85fr .75fr;gap:8px;margin-top:8px}.left,.center,.right{display:grid;gap:8px;align-content:start}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head h2,.panel h2{font-size:10px;margin:0 0 8px}.section-head button,.section-head span{border:0;background:transparent;color:#a26cf1;font-size:7px}.campaign-table{display:grid}.row{display:grid;grid-template-columns:2.3fr .9fr .6fr .7fr .7fr .7fr .8fr .5fr;gap:5px;padding:8px 4px;border-bottom:1px solid #1b2d43;align-items:center;font-size:7px}.row b,.row small{display:block}.row small{color:#93a1b2}.row.head{color:#8fa0b3}.ok{color:#4fda70}.analytics-grid{display:grid;grid-template-columns:1.4fr .85fr;gap:8px}.chart{width:100%;height:230px;background:linear-gradient(#0c1a2d,#091525)}.demographics{display:grid;grid-template-columns:160px 1fr;align-items:center}.donut{width:150px;height:150px;border-radius:50%;background:conic-gradient(#8445dc 0,#8445dc 18%,#35a7a2 18%,#35a7a2 50%,#3dc86b 50%,#3dc86b 74%,#e35f36 74%,#e35f36 90%,#e6a419 90%);padding:18px}.donut b{font-size:20px}.donut small{font-size:7px}.demographics ul{list-style:none;padding:0;display:grid;gap:8px}.demographics li{display:flex;justify-content:space-between;font-size:8px}.bottom-analytics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.simple-list li,.content-list li{border-bottom:1px solid #1c2d42;padding:6px;font-size:8px;display:flex;justify-content:space-between}.insight{display:grid;grid-template-columns:35px 1fr auto;gap:7px;border-bottom:1px solid #1e3046;padding:9px 0}.insight>div{font-size:23px}.insight b,.insight small{display:block}.insight b{font-size:8px}.insight small{font-size:7px;color:#9ba8b8}.insight button{border:0;border-radius:4px;background:#6a2eb5;padding:5px 7px;font-size:6px}.live{color:#44d970!important}.feed li{border:1px solid #1c3047;border-radius:5px;padding:8px;font-size:8px}.feed small{float:right;color:#94a1b2}.automation li{display:flex;justify-content:space-between;align-items:center;font-size:8px}.automation button{border:0;background:#36bf62;border-radius:99px;padding:2px 8px;font-size:6px}.generator input{width:100%;border:1px solid #23374f;background:#07131f;color:#fff;border-radius:5px;padding:8px}.generator .platforms{font-size:17px;word-spacing:8px;margin:9px 0}.generator>button{width:100%;border:0;border-radius:5px;background:linear-gradient(90deg,#5e29ac,#7a32cb);padding:8px}.schedule li{display:grid;grid-template-columns:65px 1fr auto;gap:8px;font-size:7px;border-bottom:1px solid #1d2e43;padding:7px 0}.fallback{display:grid;gap:8px;color:#ffd46f}.fallback button,.fatal button{width:max-content;border:0;background:#5d2fb0;border-radius:5px;padding:8px 12px}.fatal{min-height:100vh;display:grid;place-items:center}.fatal section{max-width:580px;background:#091625;border:1px solid #2f4660;border-radius:9px;padding:22px}.fatal pre{white-space:pre-wrap;background:#030810;padding:9px}@media(max-width:1300px){.metrics{grid-template-columns:repeat(4,1fr)}.grid-main{grid-template-columns:1.5fr 1fr}.right{grid-column:1/3;grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.grid-main{grid-template-columns:1fr}.center,.right{grid-column:auto;grid-template-columns:1fr}.analytics-grid,.bottom-analytics{grid-template-columns:1fr 1fr}}@media(max-width:560px){.main{padding:0 7px 8px}.topbar{height:auto;padding:10px 0;flex-direction:column;align-items:flex-start;gap:8px}.top-actions{flex-wrap:wrap}.metrics{grid-template-columns:1fr 1fr}.analytics-grid,.bottom-analytics{grid-template-columns:1fr}.row{grid-template-columns:1.8fr .8fr .7fr .7fr}.row span:nth-child(n+5){display:none}.demographics{grid-template-columns:1fr}.donut{margin:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}