:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f6fb;--card:#fff;--text:#163047;--muted:#5f7185;--line:#d6deea;--accent:#0d6efd;--ok:#0f9d58;--warn:#c62828}*{box-sizing:border-box}body{background:radial-gradient(circle at top right, #d8e8ff, var(--bg) 45%);color:var(--text);margin:0;font-family:Segoe UI,Tahoma,sans-serif}.app{max-width:1100px;margin:0 auto;padding:24px}.topbar h1{margin:0}.topbar p{color:var(--muted);margin-top:6px}.login-panel{max-width:420px;margin:80px auto}.tabs{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.tabs button{border:1px solid var(--line);background:var(--card);cursor:pointer;color:var(--text);border-radius:10px;padding:8px 12px}.tabs button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.card{border:1px solid var(--line);border-radius:12px;padding:12px}.metric{font-size:22px;font-weight:700}.metric.ok{color:var(--ok)}.metric.warn{color:var(--warn)}.split{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}textarea,input{border:1px solid var(--line);border-radius:10px;width:100%;margin-bottom:8px;padding:10px;font-family:Consolas,monospace}button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;margin-top:8px;padding:9px 12px}button:disabled{opacity:.6;cursor:not-allowed}.preview-mail{border:1px solid var(--line);border-radius:10px;margin-top:10px;overflow:hidden}.preview-banner{border-bottom:1px solid var(--line);background:#fff9db;padding:10px}.preview-body{background:#fff;padding:12px}.row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.logbox{color:#d7e5ff;white-space:pre-wrap;background:#0f172a;border-radius:10px;max-height:280px;padding:12px;overflow:auto}.notice{color:var(--ok)}.error{color:var(--warn)}