:root{--bg:#0b0f14;--panel:#12181f;--panel2:#171e27;--line:#232c37;--txt:#e6edf3;--mute:#8b98a5;
--green:#3fb950;--red:#f85149;--amber:#d29922;--blue:#58a6ff;--violet:#a371f7;--btc:#f7931a;--btc2:#ffb454;--r:12px}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--txt);font:15px/1.5 "Inter",-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--btc2);text-decoration:none}a:hover{text-decoration:underline}
.num,td,.v{font-variant-numeric:tabular-nums}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
/* nav */
.nav{border-bottom:1px solid var(--line);background:#0b0f14ee;position:sticky;top:0;z-index:5;backdrop-filter:blur(8px)}
.nav .wrap{display:flex;align-items:center;gap:18px;height:58px}
.brand{display:flex;align-items:center;gap:9px;font-weight:750;color:var(--txt);font-size:17px}
.brand:hover{text-decoration:none}
.coin{width:26px;height:26px;border-radius:50%;background:var(--btc);color:#111;display:grid;place-items:center;font-weight:900;font-size:14px}
.nav .links{display:flex;gap:4px;margin-left:8px;flex:1;overflow-x:auto}
.nav .links a{color:var(--mute);padding:6px 10px;border-radius:8px;white-space:nowrap}
.nav .links a.on,.nav .links a:hover{color:var(--txt);background:var(--panel2);text-decoration:none}
.nav .right{display:flex;gap:10px;align-items:center}
@media(max-width:700px){.nav .right .who,.nav .right .pill{display:none}.nav .wrap{gap:8px}.brand span+*{display:none}}
body{overflow-x:hidden}
/* ui */
.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--panel2);color:var(--txt);
padding:8px 14px;border-radius:9px;font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}
.btn:hover{border-color:#3a4654;text-decoration:none}
.btn.primary{background:var(--btc);border-color:var(--btc);color:#111}.btn.primary:hover{background:var(--btc2)}
.btn.danger{color:var(--red)}.btn.sm{padding:5px 10px;font-size:13px}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:18px}
h1{font-size:24px;margin:26px 0 6px}h2{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--mute);margin:0 0 12px}
.sub{color:var(--mute);margin:0 0 20px}
.grid{display:grid;gap:14px}
.grid>*{min-width:0}
.kpis{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
@media(max-width:600px){.kpis{grid-template-columns:1fr 1fr;gap:10px}.kpis .card{padding:13px}.v{font-size:18px}}
.k{font-size:12px;color:var(--mute);margin-bottom:3px}.v{font-size:22px;font-weight:680}
.s{font-size:12.5px;color:var(--mute);margin-top:2px}
.pill{display:inline-block;padding:2px 9px;border-radius:99px;font-size:12px;font-weight:650;border:1px solid var(--line);white-space:nowrap}
.pill.ok{color:var(--green);border-color:#2386364d;background:#2386361a}.pill.bad{color:var(--red);border-color:#f851494d;background:#f851491a}
.pill.warn{color:var(--amber);border-color:#d299224d;background:#d299221a}.pill.info{color:var(--blue);border-color:#58a6ff4d;background:#58a6ff1a}
.pill.mute{color:var(--mute)}
.pos{color:var(--green)}.neg{color:var(--red)}.mute{color:var(--mute)}
table{width:100%;border-collapse:collapse}
th,td{text-align:right;padding:9px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
th{font-size:11px;color:var(--mute);font-weight:650;text-transform:uppercase;letter-spacing:.04em}
th:first-child,td:first-child{text-align:left}
.scroll{overflow-x:auto}
.flash{margin:16px 0 0;padding:11px 14px;border-radius:10px;border:1px solid}
.flash.ok{border-color:#2386364d;background:#2386361a;color:#7ee2a8}.flash.err{border-color:#f851494d;background:#f851491a;color:#ffa198}
/* form */
label{display:block;font-size:13px;color:var(--mute);margin:14px 0 6px;font-weight:600}
input[type=text],input[type=email],input[type=password],input[type=number],select{width:100%;background:var(--bg);border:1px solid var(--line);
color:var(--txt);border-radius:9px;padding:10px 12px;font:inherit}
input:focus,select:focus{outline:none;border-color:var(--btc)}
.check{display:flex;gap:9px;align-items:flex-start;color:var(--txt);font-weight:500;font-size:14px;margin:12px 0}
.check input{margin-top:4px;accent-color:var(--btc)}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.seg label{margin:0}
.seg input{display:none}
.seg span{display:block;border:1px solid var(--line);border-radius:10px;padding:11px 12px;cursor:pointer;color:var(--txt);font-weight:600}
.seg span small{display:block;color:var(--mute);font-weight:500;font-size:12px;margin-top:2px}
.seg input:checked+span{border-color:var(--btc);background:#f7931a14}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:600px){.row2{grid-template-columns:1fr}}
.errors{background:#f851491a;border:1px solid #f851494d;color:#ffa198;border-radius:10px;padding:10px 14px;margin-bottom:10px}
.errors li{margin:3px 0}
.note{font-size:13px;color:var(--mute);background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-top:12px}
/* auth */
.auth{max-width:420px;margin:50px auto}
/* bots list */
.bots{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.bot{display:block;color:var(--txt)}.bot:hover{text-decoration:none;border-color:#3a4654}
.bot .top{display:flex;justify-content:space-between;gap:8px;align-items:center}
.bot .name{font-weight:700;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bot .meta{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin-top:14px;font-size:13px}
.bot .meta b{display:block;font-size:15px;font-weight:650}
.bar{height:6px;background:#2a333e;border-radius:9px;overflow:hidden;margin-top:12px}.bar i{display:block;height:100%;background:var(--btc)}
.empty{text-align:center;padding:40px 20px;border:1px dashed var(--line);border-radius:var(--r);color:var(--mute)}
/* bot detail */
.detail{grid-template-columns:320px 1fr}
@media(max-width:900px){.detail{grid-template-columns:1fr}}
.ladder{position:relative;height:440px}
.lv{position:absolute;left:0;right:0;border-top:1px dashed #2f3945;font-size:11px}
.lv span{position:absolute;top:-9px;background:var(--panel);padding:0 5px}.lv .l{left:0}.lv .r{right:0;color:var(--mute)}
.lv.filled{border-top:2px solid var(--green)}.lv.filled .l{color:var(--green)}
.lv.open{border-top:2px solid var(--blue)}.lv.open .l{color:var(--blue)}
.mk{position:absolute;left:34px;right:62px;border-top:2px solid}
.mk span{position:absolute;right:0;top:-10px;font-size:11px;font-weight:750;padding:1px 6px;border-radius:4px;color:#111}
.mk.price{border-color:var(--btc)}.mk.price span{background:var(--btc)}
.mk.tp{border-color:var(--green)}.mk.tp span{background:var(--green)}
.mk.avg{border-color:var(--violet);border-top-style:dotted}.mk.avg span{background:var(--violet)}
.tag{font-size:11px;font-weight:750;padding:2px 7px;border-radius:5px}
.t-filled{background:#2386362e;color:var(--green)}.t-open{background:#1f6feb2e;color:var(--blue)}
.t-waiting{background:#2a333e;color:var(--mute)}.t-not_triggered,.t-canceled{background:#2a333e;color:#6e7681}
.events{max-height:320px;overflow:auto;font:12.5px/1.55 ui-monospace,Consolas,monospace}
.events div{padding:4px 0;border-bottom:1px solid #1b222b}.events .ts{color:var(--mute);margin-right:8px}
.events .error{color:#ffa198}.events .warn{color:#e3b341}
.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
/* pricing */
.plans{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.plan{display:flex;flex-direction:column;gap:6px;position:relative}
.plan.cur{border-color:var(--btc)}
.plan .pn{font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:14px}
.plan .pp{font-size:30px;font-weight:800}.plan .pp small{font-size:14px;color:var(--mute);font-weight:600}
.plan ul{padding-left:18px;margin:6px 0 14px;color:var(--mute);font-size:14px;flex:1}
.plan .badge{position:absolute;top:14px;right:14px}
/* hero */
.hero{padding:70px 0 40px;text-align:center}
.hero h1{font-size:44px;line-height:1.1;margin:0 auto 16px;max-width:760px;letter-spacing:-.02em}
.hero h1 em{font-style:normal;color:var(--btc)}
.hero p{color:var(--mute);font-size:18px;max-width:640px;margin:0 auto 26px}
@media(max-width:600px){.hero h1{font-size:32px}.hero{padding:40px 0 20px}}
.steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:30px 0}
.steps .n{width:28px;height:28px;border-radius:50%;background:#f7931a22;color:var(--btc);display:grid;place-items:center;font-weight:800;margin-bottom:8px}
.risk{font-size:12.5px;color:var(--mute);border-top:1px solid var(--line);margin-top:40px;padding:20px 0 40px}
.seg.seg3{grid-template-columns:repeat(3,1fr)}
@media(max-width:420px){.seg.seg3{grid-template-columns:1fr}}
.exlogo{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;font-size:11px;font-weight:800;margin-right:6px;vertical-align:-5px}
.ex-htx{background:#1d4ed833;color:#79a8ff}.ex-binance{background:#f0b90b33;color:#f0b90b}.ex-luno{background:#3d8bfd33;color:#8fb8ff}
.formgrid{grid-template-columns:minmax(0,420px) 1fr}
@media(max-width:900px){.formgrid{grid-template-columns:1fr}}
.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.filters input,.filters select{width:auto;flex:1 1 150px;padding:8px 10px}
.filters input{flex:2 1 220px}
.admin-t th,.admin-t td{text-align:left;vertical-align:top}
.admin-t td .s{margin-top:2px}
tr.dim td{opacity:.55}
.livetag{display:inline-block;margin-top:6px;font-style:normal;font-size:11px;font-weight:700;padding:2px 7px;border-radius:5px;background:#2a333e;color:var(--mute)}
.livetag.on{background:#2386362e;color:var(--green)}
.foot{border-top:1px solid var(--line);margin-top:40px;padding:22px 0 30px;font-size:13px;color:var(--mute)}
.foot .wrap{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}
.foot nav{display:flex;gap:16px;flex-wrap:wrap}.foot nav a{color:var(--mute)}.foot nav a:hover{color:var(--txt)}
.foot p{flex-basis:100%;margin:4px 0 0;font-size:12px}
.legal{max-width:780px;margin:0 auto 40px;line-height:1.7}
.legal h1{margin-top:30px}.legal h2{font-size:17px;text-transform:none;letter-spacing:0;color:var(--txt);margin:30px 0 8px}
.legal p,.legal li{color:#c9d3dc}.legal ul,.legal ol{padding-left:22px}.legal li{margin:5px 0}
.legal .meta{color:var(--mute);font-size:13px}.legal .box{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin:16px 0}
.legal .warn{border-color:#d299224d;background:#d299220f}
.legal table{margin:10px 0}.legal td,.legal th{text-align:left;white-space:normal;vertical-align:top}
.check span a{color:var(--btc2)}
.warnc{color:var(--amber)}
.fundrows{display:grid;gap:8px}
.fundrow{display:grid;grid-template-columns:1.3fr 1fr 1fr auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}
.fundrow span.mute{display:block;font-size:12px}.fundrow b{font-size:15px}
@media(max-width:700px){.fundrow{grid-template-columns:1fr 1fr}}
.fundbox{display:none;margin-top:12px;border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--panel2);font-size:13.5px}
.fundbox .fb-top{display:flex;justify-content:space-between;gap:10px;font-size:14px;margin-bottom:6px}
.fundbox .fb-top b{font-size:16px;color:var(--btc2)}
.fundbox .fb-row{display:flex;justify-content:space-between;gap:10px;color:var(--mute);margin-top:4px}
.fundbox .fb-row b{color:var(--txt)}
.fundbox .fb-ok{margin-top:8px;color:var(--green);font-weight:600}
.fundbox .fb-bad{margin-top:8px;color:#ffa198;font-weight:600}
/* togol bahasa BM | EN */
.langsw{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--panel2)}
.langsw a{display:grid;place-items:center;min-width:38px;height:30px;padding:0 10px;border-radius:999px;font-size:13px;font-weight:700;
  color:var(--mute);text-decoration:none;letter-spacing:.02em;transition:background .15s,color .15s}
.langsw a:hover{color:var(--txt);text-decoration:none}
.langsw a.on{background:var(--btc);color:#111}
@media(max-width:520px){.hide-xs{display:none}.langsw a{min-width:34px;height:28px;padding:0 8px}}