*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:#06111f;color:#d9e4f2}body{background:radial-gradient(circle at 50% 0,#0b1930 0,#06111f 42%,#040c16 100%)}button,textarea,select{font:inherit}.app{min-height:100vh}.topbar{min-height:80px;border-bottom:1px solid #1d2d42;display:flex;align-items:center;justify-content:space-between;padding:18px 28px;background:rgba(4,13,24,.78);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:14px}.logo{width:44px;height:44px;border-radius:11px;background:linear-gradient(135deg,#5b32ff,#9b3dff);display:grid;place-items:center;font-size:24px;box-shadow:0 0 24px rgba(118,69,255,.38)}h1{font-size:23px;margin:0;color:#fff;letter-spacing:.2px}.brand h1 span,.section-title{color:#a66cff}.brand p{margin:4px 0 0;font-size:13px;color:#93a5bf}.top-actions{display:flex;align-items:center;gap:10px}.api-status,.version{border:1px solid #233b4f;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:700}.api-status{color:#3fe58d;background:rgba(10,111,72,.13)}.api-status i{display:inline-block;width:8px;height:8px;background:#38df87;border-radius:50%;margin-right:6px}.version{color:#bac8db;background:#0b1726}.grid{display:grid;grid-template-columns:minmax(310px,490px) minmax(0,1fr);gap:16px;padding:22px;max-width:1540px;margin:auto}.left-col,.right-col{display:flex;flex-direction:column;gap:16px}.panel{background:linear-gradient(180deg,rgba(11,28,47,.93),rgba(6,19,34,.95));border:1px solid #26384e;border-radius:10px;padding:18px;box-shadow:0 16px 38px rgba(0,0,0,.18)}.section-title{font-size:16px;font-weight:900;margin-bottom:16px}.label-row,.result-head,.log-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.label-row label{font-size:13px;color:#d8e3f2}textarea{width:100%;height:165px;margin-top:10px;resize:vertical;background:#0a1727;border:1px solid #30445e;border-radius:8px;color:#e8f0fb;padding:13px 14px;outline:none;line-height:1.6;font-family:Consolas,monospace;font-size:13px}textarea:focus{border-color:#7557ff;box-shadow:0 0 0 3px rgba(117,87,255,.12)}.btn{border:1px solid transparent;border-radius:7px;padding:10px 14px;color:#fff;font-weight:800;cursor:pointer;transition:.15s}.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn-small{padding:7px 10px;font-size:12px}.btn-primary{background:linear-gradient(135deg,#7041ff,#8734e8);box-shadow:0 0 18px rgba(121,65,255,.2)}.btn-blue{background:#1760cf}.btn-dark{background:#17263a;border-color:#2c4059}.btn-danger{background:#321a25;color:#ff667d;border-color:#5e2635}.btn-outline{background:#0b1a2e;border-color:#3f5890;color:#c8d5f4}.main-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.setting{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:42px;border-bottom:1px solid rgba(66,87,113,.16);font-size:13px}.setting:last-child{border-bottom:0}.setting select{background:#0a1727;border:1px solid #30445e;color:#dce8f8;border-radius:7px;padding:7px 9px}.switch input{display:none}.switch span{display:block;width:36px;height:20px;border-radius:20px;background:#1c2b3d;border:1px solid #35485f;position:relative;cursor:pointer}.switch span:after{content:"";position:absolute;width:14px;height:14px;background:#e6edf7;border-radius:50%;top:2px;left:3px;transition:.2s}.switch input:checked+span{background:#6948f6}.switch input:checked+span:after{left:18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat{border:1px solid #264362;background:#0a1a2b;border-radius:8px;padding:13px 8px;text-align:center}.stat b{display:block;font-size:21px;color:#dce8f7}.stat small{display:block;margin-top:6px;color:#91a4bc;font-size:11px}.stat.success{border-color:#15593b;background:rgba(5,82,53,.18)}.stat.success b{color:#25e888}.stat.warning{border-color:#594417;background:rgba(111,75,6,.17)}.stat.warning b{color:#ffb213}.results-panel{min-height:455px}.result-head{align-items:flex-start}.badges{display:flex;gap:8px;flex-wrap:wrap}.badge{padding:7px 10px;border:1px solid #24558e;border-radius:6px;background:#0a2038;color:#65a9ff;font-size:12px}.badge.green{border-color:#126543;color:#2dec8b;background:rgba(10,100,65,.15)}.badge.amber{border-color:#745311;color:#ffb612;background:rgba(116,83,17,.15)}.badge.red{border-color:#6d2230;color:#ff6075;background:rgba(109,34,48,.15)}.result-actions{display:flex;gap:8px;flex-wrap:wrap}.table-wrap{overflow:auto;border:1px solid #26384e;border-radius:8px;margin-top:16px}table{width:100%;border-collapse:collapse;min-width:870px}th,td{padding:13px 12px;border-bottom:1px solid #26384e;text-align:left;font-size:12px}th{color:#99acca;text-transform:uppercase;font-size:11px;background:#0b1728;position:sticky;top:0}tbody tr:hover{background:rgba(79,108,150,.08)}.email-cell{font-weight:800;color:#af7cff}.otp-cell{font:900 17px Consolas,monospace;color:#29e78d;letter-spacing:1.4px}.status-pill{display:inline-block;padding:6px 9px;border-radius:6px;font-weight:800}.status-ok{color:#2deb8a;background:rgba(8,116,71,.2);border:1px solid #126043}.status-wait{color:#58a6ff;background:rgba(24,76,138,.2);border:1px solid #24518a}.status-empty{color:#ffb51c;background:rgba(110,77,12,.22);border:1px solid #664813}.status-error{color:#ff6379;background:rgba(115,31,47,.22);border:1px solid #652536}.subject-cell{color:#98a8bd;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-actions{display:flex;gap:6px}.icon-btn{background:#0c2942;border:1px solid #1f5d91;color:#72b3ff;border-radius:6px;padding:7px 9px;cursor:pointer}.icon-btn.copy{border-color:#17633e;color:#36e891;background:rgba(8,89,56,.18)}.empty-row td{text-align:center;color:#7589a4;height:180px}.log-panel{min-height:220px}.logs{max-height:230px;overflow:auto;font-family:Consolas,monospace;font-size:12px;line-height:1.8}.log{color:#aec0d5}.log.success{color:#78e9ad}.log.warn{color:#ffc24c}.log.error{color:#ff778a}.log.muted{color:#6f8199}footer{text-align:center;color:#71839d;font-size:12px;border-top:1px solid #1d2d42;padding:22px;margin-top:2px}@media(max-width:1050px){.grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(4,1fr)}}@media(max-width:650px){.topbar{padding:14px 15px}.brand h1{font-size:18px}.brand p{font-size:11px}.version{display:none}.grid{padding:12px}.panel{padding:13px}.stats{grid-template-columns:repeat(2,1fr)}.result-head{flex-direction:column}.result-actions{width:100%}.result-actions .btn{flex:1}.main-buttons .btn{flex:1 1 45%}.api-status{font-size:10px;padding:7px 9px}}