:root{--bg: #f4f5f7;--panel: #ffffff;--ink: #1a1d21;--muted: #6b7280;--border: #e5e7eb;--accent: #2a4e7a;--accent-soft: #eef2f8;--pos: #059669;--radius: 12px;--font: -apple-system, "Segoe UI", Roboto, Arial, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}.app{display:flex;min-height:100vh}.sidebar{width:220px;background:#12161c;color:#c7ccd4;display:flex;flex-direction:column;flex-shrink:0}.brand{padding:20px 18px;font-weight:800;font-size:17px;color:#fff;letter-spacing:.3px}.nav{display:flex;flex-direction:column;padding:6px;gap:2px}.nav a{padding:10px 12px;border-radius:8px;font-size:14px;color:#c7ccd4}.nav a:hover{background:#1c222b;color:#fff}.nav a.active{background:#232b36;color:#fff}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:60px;background:var(--panel);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 22px}.content{padding:24px}.store-switch{position:relative}.store-btn{display:flex;align-items:center;gap:10px;border:1px solid var(--border);background:var(--panel);border-radius:10px;padding:8px 12px;cursor:pointer;font-size:14px;font-weight:600}.store-dot{width:10px;height:10px;border-radius:50%}.store-menu{position:absolute;top:46px;left:0;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 30px #0000001f;min-width:200px;overflow:hidden;z-index:20}.store-menu button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;padding:11px 14px;cursor:pointer;font-size:14px;text-align:left}.store-menu button:hover{background:var(--accent-soft)}.h1{font-size:22px;font-weight:800;margin:0 0 18px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:22px}.kpi{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}.kpi .label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.kpi .value{font-size:26px;font-weight:800;margin-top:6px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.card h3{margin:0;padding:16px 18px;font-size:15px;border-bottom:1px solid var(--border)}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:12px 18px;border-bottom:1px solid var(--border)}th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-weight:600}tr:last-child td{border-bottom:0}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge.draft{background:#f3f4f6;color:#6b7280}.badge.active,.badge.sent{background:#ecfdf5;color:#059669}.badge.scheduled,.badge.sending{background:#eff6ff;color:#2563eb}.badge.paused,.badge.failed{background:#fef2f2;color:#dc2626}.btn{border:0;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;background:var(--accent);color:#fff}.btn.ghost{background:var(--accent-soft);color:var(--accent)}.muted{color:var(--muted)}.right{text-align:right}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:34px 30px;width:360px;box-shadow:0 12px 40px #00000014}.login-card h1{font-size:22px;margin:0 0 4px}.login-card p{margin:0 0 20px;color:var(--muted);font-size:14px}.field{display:block;margin-bottom:14px}.field span{display:block;font-size:13px;margin-bottom:6px;color:var(--muted)}.field input{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px}input,textarea,select{width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:8px;font-size:14px;font-family:var(--font);box-sizing:border-box}input:disabled,textarea:disabled{background:#f7f8fa;color:#9aa0a6}textarea{resize:vertical}.err{color:#dc2626;font-size:13px;min-height:18px;margin:4px 0 10px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;z-index:40;display:flex;justify-content:flex-end}.drawer{width:min(640px,94vw);background:var(--panel);height:100%;overflow-y:auto}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--panel)}.step{border-bottom:1px solid var(--border)}.step-head{padding:12px 20px;font-size:13px;color:var(--muted);display:flex;justify-content:space-between}.preview-frame{width:100%;height:620px;border:0}