:root {
  --tg:#2aabee;
  --tg-soft:rgba(42,171,238,.12);
  --tg-border:rgba(87,197,255,.3);
  --tg-good:#34d399;
  --tg-bad:#fb7185;
}
.tg-task-section{animation:tg-rise .3s ease both}
.tg-home-card{border-color:var(--tg-border)!important;background:linear-gradient(145deg,#151d27,#0b1d28)!important}
.tg-logo,.tg-task-icon{display:inline-grid;place-items:center;color:#fff;background:linear-gradient(135deg,#35baf5,#178bc4);box-shadow:0 7px 18px rgba(42,171,238,.25)}
.tg-logo{width:27px;height:27px;margin-right:5px;border-radius:50%;font-style:normal;transform:rotate(-20deg)}
.tg-logo-large{width:62px;height:62px;flex:0 0 62px;font-size:30px}
.tg-task-icon{font-size:24px!important}
.tg-primary{color:#fff!important;border-color:transparent!important;background:linear-gradient(135deg,#2aabee,#157eb6)!important}
.tg-center-panel{margin:15px 0}
.tg-deploy-notice{display:grid;gap:4px;margin:0 0 14px;padding:13px 15px;color:#dff6ff;border:1px solid var(--tg-border);border-radius:13px;background:linear-gradient(90deg,rgba(23,119,167,.25),rgba(42,171,238,.07))}
.tg-deploy-notice b{font-size:13px}
.tg-deploy-notice span{color:#9fc1d1;font-size:11px;line-height:1.55}
.tg-hero{display:flex;align-items:center;gap:15px;padding:19px;border:1px solid var(--tg-border);border-radius:19px;background:radial-gradient(circle at 0 0,rgba(42,171,238,.2),transparent 45%),#111923}
.tg-hero small{color:#71d5ff;font-size:10px;font-weight:800;letter-spacing:.12em}
.tg-hero h2{margin:5px 0 7px;font-size:18px;line-height:1.45}
.tg-hero p{margin:0;color:#9aa8b9;font-size:11px;line-height:1.6}
.tg-flow{margin-top:13px}
.tg-flow h3,.tg-rules h3,.tg-auth-card h3{margin:0 0 12px}
.tg-flow ol{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.tg-flow li{display:flex;align-items:center;gap:10px;color:#c9d4e0;font-size:12px}
.tg-flow li b{display:grid;place-items:center;width:25px;height:25px;color:#b8ebff;border:1px solid var(--tg-border);border-radius:50%;background:var(--tg-soft)}
.tg-rules{margin-top:12px;padding:17px;border:1px solid rgba(52,211,153,.26);border-radius:16px;background:rgba(7,40,34,.34)}
.tg-rules>div{display:flex;gap:10px;margin:10px 0;color:#cad6df;font-size:12px}
.tg-rules>div i{color:var(--tg-good);font-style:normal;font-weight:900}
.tg-rules p{margin:13px 0 0;color:#91a5ae;font-size:10px;line-height:1.6}
.tg-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}
.tg-actions .button{margin:0}
.tg-auth-card{margin-bottom:13px}
.tg-auth-card label{display:grid;gap:7px;margin:11px 0;color:#9ba8b8;font-size:11px}
.tg-auth-card input{width:100%;box-sizing:border-box;padding:13px;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:#0c1119}
.tg-auth-title{display:flex;align-items:flex-start;gap:10px}
.tg-auth-title h3{margin:0 0 5px}
.tg-auth-title p{margin:0}
.tg-step-line{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;margin-bottom:16px}
.tg-step-line i{display:grid;place-items:center;width:25px;height:25px;color:#738391;border:1px solid rgba(255,255,255,.12);border-radius:50%;font-size:10px;font-style:normal}
.tg-step-line i.done{color:#fff;border-color:var(--tg);background:var(--tg)}
.tg-step-line span{height:1px;background:rgba(255,255,255,.12)}
.tg-auth-progress>small{display:block;text-align:center;color:#8ea2b3}
.tg-account{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px;padding:12px 9px;border:1px solid transparent;border-bottom-color:rgba(255,255,255,.07);border-radius:11px;transition:.2s ease}
.tg-account:last-child{border-bottom-color:transparent}
.tg-account.is-selected{border-color:var(--tg-border);background:var(--tg-soft)}
.tg-account>span:nth-of-type(2){display:grid;gap:3px}
.tg-account small{color:#8593a5;font-size:10px}
.tg-account em{color:#6f8292;font-size:9px;font-style:normal}
.tg-account>i{padding:4px 7px;color:#fbbf24;border-radius:999px;background:rgba(251,191,36,.1);font-size:10px;font-style:normal}
.tg-account.is-online>i{color:var(--tg-good);background:rgba(52,211,153,.1)}
.tg-account input:disabled{opacity:.35}
.tg-empty,.tg-empty-card{text-align:center;color:#8e9bac}
.tg-empty{display:grid;gap:5px;padding:10px}
.tg-empty span{font-size:10px}
.tg-empty-card{padding:27px 18px}
.tg-empty-card .tg-logo{margin:0 auto 12px}
.tg-task-detail header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}
.tg-task-detail header small{display:block;color:#8795a5;font-size:9px}
.tg-task-detail header h2{margin:3px 0 0;color:#8cddff;font-size:23px;font-variant-numeric:tabular-nums}
.tg-task-detail header b{color:#ffc43d}
.tg-task-detail section{display:grid;gap:4px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.tg-task-detail section>span{color:#8795a5;font-size:10px}
.tg-task-detail section>small{color:#7f91a0;font-size:10px}
.tg-task-detail pre{overflow:auto;max-height:180px;white-space:pre-wrap;color:#d9eef8;font-family:inherit;line-height:1.6}
.tg-fallback{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tg-fallback .button{margin-top:0}
.tg-change{display:block;margin:13px auto 0;padding:5px;color:#8fa0ae;border:0;background:transparent;font-size:10px}
.tg-change:not(:disabled){color:#7fd5fb;text-decoration:underline;cursor:pointer}
.tg-wait,.tg-success{margin-bottom:13px;padding:20px;text-align:center;border:1px solid var(--tg-border);border-radius:17px;background:#121b25}
.tg-wait h3,.tg-success h2{margin:10px 0 7px}
.tg-wait p,.tg-success p{color:#94a5b3;font-size:11px;line-height:1.55}
.tg-success>span{display:grid;place-items:center;width:52px;height:52px;margin:auto;color:#071c16;border-radius:50%;background:var(--tg-good);font-size:25px;font-weight:900}
.tg-success strong{display:block;margin:8px;color:#ffd15c;font-size:20px}
.tg-spinner{width:30px;height:30px;margin:8px auto;border:3px solid rgba(42,171,238,.2);border-top-color:var(--tg);border-radius:50%;animation:tg-spin .8s linear infinite}
.tg-checks{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:13px 0}
.tg-checks span{display:flex;align-items:center;gap:5px;padding:8px;color:#83909e;border:1px solid rgba(255,255,255,.07);border-radius:9px;font-size:9px}
.tg-checks span.pass{color:var(--tg-good);border-color:rgba(52,211,153,.25)}
.tg-checks span.fail{color:var(--tg-bad);border-color:rgba(251,113,133,.25)}
.tg-history{margin-top:14px}
.tg-history h3{margin:0 0 8px}
.tg-history-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.tg-history-row:last-child{border-bottom:0}
.tg-history-row>div{display:grid;gap:3px}
.tg-history-row b{font-size:11px}
.tg-history-row small{color:#758695;font-size:9px}
.tg-history-row strong{color:#ffc43d;font-size:11px}
.tg-status{padding:4px 6px;color:#9eacb8;border-radius:999px;background:rgba(255,255,255,.07);font-size:9px}
.tg-status-succeeded{color:var(--tg-good);background:rgba(52,211,153,.1)}
.tg-status-verifying,.tg-status-settling{color:#fbbf24;background:rgba(251,191,36,.1)}
.tg-status-failed,.tg-status-expired{color:var(--tg-bad);background:rgba(251,113,133,.1)}
.tg-mark{background:var(--tg)!important}
@keyframes tg-spin{to{transform:rotate(360deg)}}
@keyframes tg-rise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:400px){
  .tg-actions{grid-template-columns:1fr}
  .tg-hero{align-items:flex-start}
  .tg-checks{grid-template-columns:1fr}
  .tg-account{grid-template-columns:auto auto 1fr}
  .tg-account>i{grid-column:3;justify-self:start}
}