@import url(https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080b12;--bg2:#0f1420;--bg3:#171d2e;--bg4:#1e263a;--border:#1e2740;--border2:#2a3550;--text:#e2e8f8;--text2:#7a8db0;--text3:#404e6a;--accent:#3b82f6;--accent2:#2563eb;--accent-dim:#3b82f61f;--green:#22c55e;--green-dim:#22c55e1a;--yellow:#f59e0b;--yellow-dim:#f59e0b1a;--red:#ef4444;--red-dim:#ef44441a;--cyan:#06b6d4;--cyan-dim:#06b6d41a;--purple:#a855f7;--purple-dim:#a855f71a;--r:8px;--r-sm:5px;--font:"Sora",system-ui,sans-serif;--mono:"JetBrains Mono",monospace;--shadow:0 8px 32px #00000080}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;background:#080b12;background:var(--bg);color:#e2e8f8;color:var(--text);font-family:Sora,system-ui,sans-serif;font-family:var(--font);font-size:13.5px;line-height:1.55}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#2a3550;background:var(--border2);border-radius:3px}.app{display:flex;height:100vh;overflow:hidden}.sidebar{background:#0f1420;background:var(--bg2);border-right:1px solid #1e2740;border-right:1px solid var(--border);display:flex;flex-direction:column;min-width:230px;width:230px}.sidebar-logo{border-bottom:1px solid #1e2740;border-bottom:1px solid var(--border);gap:10px;padding:22px 20px 18px}.logo-icon,.sidebar-logo{align-items:center;display:flex}.logo-icon{background:linear-gradient(135deg,#3b82f6,#a855f7);background:linear-gradient(135deg,var(--accent),var(--purple));border-radius:8px;flex-shrink:0;font-size:15px;height:32px;justify-content:center;width:32px}.logo-text{font-size:16px;font-weight:700;letter-spacing:-.3px}.logo-text span{color:#3b82f6;color:var(--accent)}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:1px;padding:10px 8px}.nav-item{align-items:center;background:none;border:none;border-radius:5px;border-radius:var(--r-sm);color:#7a8db0;color:var(--text2);cursor:pointer;display:flex;font-family:Sora,system-ui,sans-serif;font-family:var(--font);font-size:13px;font-weight:500;gap:9px;padding:9px 12px;text-align:left;text-decoration:none;transition:all .15s;width:100%}.nav-item svg{stroke-width:2;flex-shrink:0;height:15px;width:15px}.nav-item:hover{background:#171d2e;background:var(--bg3);color:#e2e8f8;color:var(--text)}.nav-item.active{background:#3b82f61f;background:var(--accent-dim);color:#3b82f6;color:var(--accent)}.nav-item.danger:hover{background:#ef44441a;background:var(--red-dim);color:#ef4444;color:var(--red)}.sidebar-bottom{border-top:1px solid #1e2740;border-top:1px solid var(--border);padding:10px 8px}.user-info{margin-bottom:4px;padding:8px 12px}.user-name{color:#e2e8f8;color:var(--text);font-size:12.5px;font-weight:600}.user-email{color:#404e6a;color:var(--text3);font-size:11px;margin-top:1px}.main{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow-y:auto}.topbar{align-items:center;background:#0f1420;background:var(--bg2);border-bottom:1px solid #1e2740;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:18px 28px;position:sticky;top:0;z-index:10}.topbar-left h2{font-size:16px;font-weight:600;letter-spacing:-.2px}.topbar-left p{color:#404e6a;color:var(--text3);font-size:11.5px;margin-top:2px}.page{flex:1 1;padding:24px 28px}.card{background:#0f1420;background:var(--bg2);border:1px solid #1e2740;border:1px solid var(--border);border-radius:8px;border-radius:var(--r);margin-bottom:16px;padding:20px}.card:last-child{margin-bottom:0}.card-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.card-title{font-size:13.5px;font-weight:600}.card-desc{color:#404e6a;color:var(--text3);font-size:12px;margin-top:3px}.stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}.stat{background:#0f1420;background:var(--bg2);border:1px solid #1e2740;border:1px solid var(--border);border-radius:8px;border-radius:var(--r);padding:16px 18px}.stat-label{color:#404e6a;color:var(--text3);font-size:10.5px;font-weight:600;letter-spacing:.7px;text-transform:uppercase}.stat-val{font-size:26px;font-weight:700;letter-spacing:-.5px;margin-top:6px}.btn{align-items:center;border:1px solid #0000;border-radius:5px;border-radius:var(--r-sm);cursor:pointer;display:inline-flex;font-family:Sora,system-ui,sans-serif;font-family:var(--font);font-size:12.5px;font-weight:600;gap:6px;padding:8px 15px;text-decoration:none;transition:all .15s;white-space:nowrap}.btn-primary{background:#3b82f6;background:var(--accent);color:#fff}.btn-primary:hover{background:#2563eb;background:var(--accent2)}.btn-ghost{background:#0000;border-color:#1e2740;border-color:var(--border);color:#7a8db0;color:var(--text2)}.btn-ghost:hover{background:#171d2e;background:var(--bg3);border-color:#2a3550;border-color:var(--border2);color:#e2e8f8;color:var(--text)}.btn-danger{background:#ef44441a;background:var(--red-dim);border-color:#0000;color:#ef4444;color:var(--red)}.btn-danger:hover{background:#ef4444;background:var(--red);color:#fff}.btn-green{background:#22c55e1a;background:var(--green-dim);border-color:#0000;color:#22c55e;color:var(--green)}.btn-green:hover{background:#22c55e;background:var(--green);color:#fff}.btn-sm{font-size:12px;padding:5px 11px}.btn-lg{font-size:13.5px;padding:11px 22px}.btn:disabled{cursor:not-allowed;opacity:.45}.btn-full{justify-content:center;width:100%}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field:last-child{margin-bottom:0}.label{color:#7a8db0;color:var(--text2);font-size:11.5px;font-weight:600}.label span{color:#ef4444;color:var(--red);margin-left:2px}.input,.select,.textarea{background:#171d2e;background:var(--bg3);border:1px solid #1e2740;border:1px solid var(--border);border-radius:5px;border-radius:var(--r-sm);color:#e2e8f8;color:var(--text);font-family:Sora,system-ui,sans-serif;font-family:var(--font);font-size:13px;outline:none;padding:9px 12px;transition:border-color .15s;width:100%}.input:focus,.select:focus,.textarea:focus{border-color:#3b82f6;border-color:var(--accent)}.input::placeholder,.textarea::placeholder{color:#404e6a;color:var(--text3)}.select{cursor:pointer}.select option{background:#171d2e;background:var(--bg3)}.textarea{min-height:90px;resize:vertical}.input-group{align-items:center;display:flex}.input-prefix{background:#1e263a;background:var(--bg4);border:1px solid #1e2740;border:1px solid var(--border);border-radius:5px 0 0 5px;border-radius:var(--r-sm) 0 0 var(--r-sm);border-right:none;color:#404e6a;color:var(--text3);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:12px;padding:9px 12px;white-space:nowrap}.input-group .input{border-radius:0 5px 5px 0;border-radius:0 var(--r-sm) var(--r-sm) 0}.field-hint{color:#404e6a;color:var(--text3);font-size:11px;margin-top:3px}.grid-2{grid-gap:14px;grid-template-columns:1fr 1fr}.grid-2,.grid-3{display:grid;gap:14px}.grid-3{grid-gap:14px;grid-template-columns:1fr 1fr 1fr}.tbl-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{color:#404e6a;color:var(--text3);font-size:10.5px;font-weight:700;letter-spacing:.6px;padding:9px 14px;text-align:left;text-transform:uppercase}tbody tr,thead th{border-bottom:1px solid #1e2740;border-bottom:1px solid var(--border)}tbody tr{transition:background .1s}tbody tr:hover{background:#171d2e;background:var(--bg3)}tbody tr:last-child{border-bottom:none}td{color:#7a8db0;color:var(--text2);font-size:13px;padding:11px 14px;vertical-align:middle}td strong{color:#e2e8f8;color:var(--text);font-weight:500}td .mono{font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:11.5px}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 9px}.badge-pending{background:#f59e0b1a;background:var(--yellow-dim);color:#f59e0b;color:var(--yellow)}.badge-processing{background:#06b6d41a;background:var(--cyan-dim);color:#06b6d4;color:var(--cyan)}.badge-completed{background:#22c55e1a;background:var(--green-dim);color:#22c55e;color:var(--green)}.badge-failed{background:#ef44441a;background:var(--red-dim);color:#ef4444;color:var(--red)}.badge-paused{background:#1e263a;background:var(--bg4);border:1px solid #1e2740;border:1px solid var(--border);color:#404e6a;color:var(--text3)}.badge-sent{background:#22c55e1a;background:var(--green-dim);color:#22c55e;color:var(--green)}.badge-neutral{background:#1e263a;background:var(--bg4);color:#7a8db0;color:var(--text2)}.overlay{align-items:center;animation:fadeIn .15s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:200}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{animation:slideUp .2s;background:#0f1420;background:var(--bg2);border:1px solid #2a3550;border:1px solid var(--border2);border-radius:12px;box-shadow:0 8px 32px #00000080;box-shadow:var(--shadow);max-height:90vh;max-width:540px;overflow-y:auto;padding:26px;width:100%}.modal-lg{max-width:700px}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-head{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:22px}.modal-title{font-size:15px;font-weight:600}.modal-sub{font-size:12px;margin-top:3px}.modal-close,.modal-sub{color:#404e6a;color:var(--text3)}.modal-close{background:none;border:none;cursor:pointer;font-size:22px;line-height:1;margin-top:-2px;padding:0}.modal-close:hover{color:#e2e8f8;color:var(--text)}.modal-foot{border-top:1px solid #1e2740;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;margin-top:20px;padding-top:16px}.empty{color:#404e6a;color:var(--text3);padding:56px 20px;text-align:center}.empty svg{margin-bottom:12px;opacity:.35}.empty h3{color:#7a8db0;color:var(--text2);font-size:14px;font-weight:600}.empty p{font-size:12.5px;margin-top:6px}.progress{background:#1e263a;background:var(--bg4);border-radius:3px;height:5px;overflow:hidden}.progress-fill{background:#3b82f6;background:var(--accent);border-radius:3px;height:100%;transition:width .4s}.progress-fill.green{background:#22c55e;background:var(--green)}.upload{border:2px dashed #1e2740;border:2px dashed var(--border);border-radius:8px;border-radius:var(--r);color:#404e6a;color:var(--text3);cursor:pointer;padding:32px;text-align:center;transition:all .2s}.upload.over,.upload:hover{background:#3b82f61f;background:var(--accent-dim);border-color:#3b82f6;border-color:var(--accent);color:#7a8db0;color:var(--text2)}.upload svg{display:block;margin:0 auto 10px}.login-page{align-items:center;background:#080b12;background:var(--bg);background-image:radial-gradient(ellipse at 20% 50%,#3b82f60f 0,#0000 60%),radial-gradient(ellipse at 80% 20%,#a855f70d 0,#0000 50%);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{max-width:380px;width:100%}.login-logo{margin-bottom:32px;text-align:center}.login-logo .icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#a855f7);background:linear-gradient(135deg,var(--accent),var(--purple));border-radius:14px;display:flex;font-size:22px;height:48px;justify-content:center;margin:0 auto 14px;width:48px}.login-logo h1{font-size:24px;font-weight:700;letter-spacing:-.4px}.login-logo p{color:#404e6a;color:var(--text3);font-size:13px;margin-top:5px}.tabs{background:#171d2e;background:var(--bg3);border-radius:5px;border-radius:var(--r-sm);display:flex;gap:2px;margin-bottom:18px;padding:3px;width:fit-content}.tab{background:none;border:none;border-radius:4px;color:#404e6a;color:var(--text3);cursor:pointer;font-family:Sora,system-ui,sans-serif;font-family:var(--font);font-size:12.5px;font-weight:600;padding:6px 15px;transition:all .15s}.tab.active{background:#0f1420;background:var(--bg2);box-shadow:0 1px 4px #00000059;color:#e2e8f8;color:var(--text)}.tab:hover:not(.active){color:#7a8db0;color:var(--text2)}.spinner{animation:spin .65s linear infinite;border:2px solid #2a3550;border-top-color:#3b82f6;border:2px solid var(--border2);border-radius:50%;border-top-color:var(--accent);flex-shrink:0;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.spinner-lg{height:28px;width:28px}.pulse{animation:blink 1.3s ease-in-out infinite;background:#06b6d4;background:var(--cyan);border-radius:50%;display:inline-block;height:7px;width:7px}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.divider{background:#1e2740;background:var(--border);height:1px;margin:18px 0}.row,.row-between{align-items:center;display:flex;gap:8px}.row-between{justify-content:space-between}.col{display:flex;flex-direction:column;gap:6px}.tag{align-items:center;background:#1e263a;background:var(--bg4);border:1px solid #1e2740;border:1px solid var(--border);border-radius:4px;color:#7a8db0;color:var(--text2);display:inline-flex;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:11px;font-weight:600;gap:4px;padding:2px 8px}.alert{border-radius:5px;border-radius:var(--r-sm);font-size:12.5px;margin-bottom:14px;padding:12px 14px}.alert-warn{background:#f59e0b1a;background:var(--yellow-dim);border:1px solid #f59e0b33;color:#f59e0b;color:var(--yellow)}.alert-success{background:#22c55e1a;background:var(--green-dim);border:1px solid #22c55e33;color:#22c55e;color:var(--green)}.alert-error{background:#ef44441a;background:var(--red-dim);border:1px solid #ef444433;color:#ef4444;color:var(--red)}.alert-info{background:#3b82f61f;background:var(--accent-dim);border:1px solid #3b82f633;color:#3b82f6;color:var(--accent)}.preview-frame{background:#fff;border:1px solid #1e2740;border:1px solid var(--border);border-radius:5px;border-radius:var(--r-sm);height:280px;width:100%}.section-title{color:#404e6a;color:var(--text3);font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:12px;text-transform:uppercase}.provider-card{border:2px solid #1e2740;border:2px solid var(--border);border-radius:8px;border-radius:var(--r);cursor:pointer;padding:16px;transition:all .2s}.provider-card:hover{border-color:#2a3550;border-color:var(--border2)}.provider-card.selected{background:#3b82f61f;background:var(--accent-dim);border-color:#3b82f6;border-color:var(--accent)}.provider-card-head{align-items:center;display:flex;gap:10px;margin-bottom:6px}.provider-card-head svg{height:22px;width:22px}.provider-name{font-size:14px;font-weight:600}.provider-desc{color:#404e6a;color:var(--text3);font-size:12px}
/*# sourceMappingURL=main.ab24f8c5.css.map*/