:root{--bg:#060b0e;--panel:#0d161b;--panel2:#111e25;--line:#1d2e36;--txt:#e7eef2;--mut:#86a0ac;--cy:#22D3EE;--cy2:#57dce9;--ok:#1D9E75;--warn:#EF9F27;--bad:#E24B4A}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--txt);font:14px/1.5 Segoe UI,system-ui,-apple-system,Arial,sans-serif}a{color:var(--cy2);text-decoration:none}a:hover{text-decoration:underline}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}nav.side{border-right:1px solid var(--line);padding:18px 14px;position:-webkit-sticky;position:sticky;top:0;height:100vh;background:#070d10}nav.side .brand{display:flex;gap:10px;align-items:center;font-weight:700;letter-spacing:2px;margin-bottom:22px}nav.side .brand img{width:30px;height:30px;border-radius:7px}nav.side a{display:block;padding:8px 10px;border-radius:8px;color:var(--txt);margin-bottom:2px}nav.side a:hover{background:var(--panel);text-decoration:none}main{padding:24px 28px;max-width:1280px;width:100%}h1{font-size:22px;margin:0 0 4px}h2{font-size:16px;margin:26px 0 10px}.sub{color:var(--mut);margin:0 0 18px}.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:10px;gap:10px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.kpi .l{color:var(--mut);font-size:12px}.kpi .v{font-size:24px;font-weight:600;margin-top:2px}.kpi .s{color:var(--mut);font-size:12px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:14px}table.t{width:100%;border-collapse:collapse;font-size:13px}table.t th{text-align:left;color:var(--mut);font-weight:500;border-bottom:1px solid var(--line);padding:8px}table.t td{border-bottom:1px solid #15232a;padding:8px}table.t tr:hover td{background:#0f1a20}.pill{display:inline-block;padding:1px 8px;border-radius:999px;font-size:12px;border:1px solid var(--line);color:var(--mut)}.pill.active,.pill.delivered,.pill.done,.pill.sending{color:#9ff0d6;border-color:#1D9E7566;background:#1D9E7522}.pill.scheduled,.pill.sent{color:#a8ecf5;border-color:#22D3EE55;background:#22D3EE18}.pill.draft,.pill.paused,.pill.queued{color:#f7cf8f;border-color:#EF9F2755;background:#EF9F2718}.pill.bounced,.pill.complained,.pill.failed,.pill.unsubscribed{color:#f5a3a2;border-color:#E24B4A55;background:#E24B4A18}.btn,button{font:inherit;cursor:pointer;border-radius:8px;border:1px solid #2a4350;background:var(--panel2);color:var(--txt);padding:7px 14px;display:inline-block}.btn.primary,button.primary{background:var(--cy);border-color:var(--cy);color:#03232a;font-weight:600}button.danger{border-color:#E24B4A88;color:#f5a3a2}button:disabled{opacity:.5;cursor:default}input,select,textarea{font:inherit;background:#081116;color:var(--txt);border:1px solid #2a4350;border-radius:8px;padding:7px 10px}label.f{display:block;margin-bottom:12px}label.f span{display:block;color:var(--mut);font-size:12px;margin-bottom:4px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.bar{height:8px;border-radius:6px;background:#132229;overflow:hidden}.bar i{display:block;height:100%;background:var(--cy)}.note{border:1px solid #ef9f2755;background:#EF9F2712;color:#f7d9a8;border-radius:10px}.note,.ok{padding:10px 12px;margin-bottom:14px}.ok{border:1px solid #1d9e7555;background:#1D9E7512;color:#bff0dd;border-radius:10px}.muted{color:var(--mut)}.mono{font-family:Consolas,monospace;font-size:12px}iframe.preview{width:100%;height:760px;border:1px solid var(--line);border-radius:12px;background:#e9eef1}@media(max-width:820px){.shell{grid-template-columns:1fr}nav.side{position:static;height:auto;display:flex;flex-wrap:wrap;gap:4px}nav.side .brand{width:100%;margin-bottom:8px}main{padding:16px}.grid2{grid-template-columns:1fr}}