:root{--bg:#0e1116;--card:#171b22;--line:#252b35;--txt:#e7eaf0;--mut:#8b94a5;--acc:#5b8cff;--ok:#2ecc71;--bad:#ff5c5c;--warn:#f5b041}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--txt);font:15px/1.45 -apple-system,system-ui,Segoe UI,Roboto,sans-serif}
header{padding:14px 16px 6px}.brand{font-weight:800;font-size:22px;letter-spacing:.3px}.brand span{color:var(--acc);font-size:12px;margin-left:6px;vertical-align:super}
nav{display:flex;gap:6px;margin-top:10px}nav button{flex:1}
main{padding:8px 16px 40px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;margin:10px 0}
h2{font-size:16px;margin:0 0 10px}.muted{color:var(--mut)}.row{display:flex;justify-content:space-between;gap:10px;padding:4px 0}
.badge{display:inline-block;padding:2px 8px;border-radius:99px;font-size:12px;font-weight:600}.b-ok{background:#1f3d2b;color:var(--ok)}.b-bad{background:#3d1f1f;color:var(--bad)}.b-warn{background:#3d331f;color:var(--warn)}
button{background:var(--line);color:var(--txt);border:0;border-radius:10px;padding:10px 12px;font:inherit;font-weight:600;cursor:pointer}
button.p{background:var(--acc);color:#fff}button.d{background:#3d1f1f;color:var(--bad)}button.sel{outline:2px solid var(--acc)}button:disabled{opacity:.5}
.btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.btns button{flex:1 1 auto}
.url{font-family:ui-monospace,monospace;font-size:12px;word-break:break-all;background:#0b0d12;border-radius:8px;padding:8px;margin-top:6px}
.tariffs{display:grid;gap:8px}.tariff{text-align:left;padding:12px}.tariff b{font-size:16px}.price{float:right;color:var(--acc)}
input,select{width:100%;background:#0b0d12;color:var(--txt);border:1px solid var(--line);border-radius:10px;padding:10px;font:inherit}
.big{font-size:22px;font-weight:800}.list .item{border-top:1px solid var(--line);padding:10px 0;cursor:pointer}.list .item:first-child{border:0}
#toast{position:fixed;left:16px;right:16px;bottom:20px;background:#222a36;padding:12px;border-radius:12px;display:none;text-align:center}
label.chk{display:flex;gap:8px;align-items:center;padding:4px 0}label.chk input{width:auto}
.card.danger{border-color:#5a2a2a}
#loader{position:fixed;top:0;left:0;height:3px;width:100%;background:linear-gradient(90deg,transparent,var(--acc),transparent);background-size:50% 100%;opacity:0;transition:opacity .2s;animation:ld 1s linear infinite}#loader.on{opacity:1}@keyframes ld{from{background-position:-50% 0}to{background-position:150% 0}}