/* LUDKA.co — кабинет, админка, страница входа. Тот же вид, что у бота: тёмно-синее стекло и холодное свечение. */
:root{--bg:#05080f;--p1:rgba(255,255,255,.035);--p2:rgba(255,255,255,.07);--p3:rgba(255,255,255,.11);--line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.17);
  --tx:#eaf0fa;--mu:#8f9bb2;--ac:#3d8bff;--ac2:#7ab8ff;--g:#37d39b;--r:#ff6673;--y:#f2b84b;--glow:0 0 0 3px rgba(61,139,255,.2)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;color:var(--tx);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,sans-serif;-webkit-font-smoothing:antialiased}
body{min-height:100vh;background:radial-gradient(1100px 620px at 10% -14%,rgba(61,139,255,.17),transparent 62%),radial-gradient(900px 520px at 108% 6%,rgba(110,120,255,.08),transparent 60%),radial-gradient(800px 500px at 50% 120%,rgba(61,139,255,.07),transparent 60%),var(--bg);background-attachment:fixed}
a{color:var(--ac2)}a.btn{text-decoration:none}
button,input,select{font:inherit;color:inherit}
input,select{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:10px;padding:9px 11px;outline:none;min-width:0;width:100%;transition:border-color .15s,box-shadow .15s}
select option{background:#0c1220;color:var(--tx)}
input:focus,select:focus{border-color:var(--ac);box-shadow:var(--glow)}
input:disabled,select:disabled{opacity:.5}
input[type=checkbox]{width:16px;height:16px;padding:0;accent-color:var(--ac)}
::selection{background:rgba(61,139,255,.4)}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:8px}::-webkit-scrollbar-track{background:transparent}
.muted{color:var(--mu)}.small{font-size:12px}.pos{color:var(--g)}.neg{color:var(--r)}.warn{color:var(--y)}.sp{flex:1}
/* кнопки */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--p2);border:1px solid var(--line);border-radius:10px;padding:9px 16px;cursor:pointer;white-space:nowrap;color:var(--tx);transition:background .15s,border-color .15s,transform .05s,box-shadow .15s}
.btn:hover:not(:disabled){background:var(--p3);border-color:var(--line2)}
.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:default}
.btn.pri{background:linear-gradient(180deg,#4d9aff,#2c76ee);border-color:#4a92fb;color:#fff;font-weight:600;box-shadow:0 6px 20px rgba(61,139,255,.28)}
.btn.pri:hover:not(:disabled){background:linear-gradient(180deg,#63a6ff,#3a82f5);border-color:#6aaaff}
.btn.go{background:rgba(55,211,155,.12);border-color:rgba(55,211,155,.45);color:#86f2cd}.btn.go:hover:not(:disabled){background:rgba(55,211,155,.2)}
.btn.stop{background:rgba(255,102,115,.12);border-color:rgba(255,102,115,.45);color:#ffb4bb}.btn.stop:hover:not(:disabled){background:rgba(255,102,115,.2)}
.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover:not(:disabled){background:var(--p2)}
.btn.sm{padding:5px 12px;font-size:12px;border-radius:8px}.btn.big{font-size:17px;padding:14px 32px;border-radius:12px}
/* шапка */
header.top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 24px;border-bottom:1px solid var(--line);background:rgba(5,8,15,.92);position:sticky;top:0;z-index:5}
.brand{display:flex;align-items:center;gap:12px;color:var(--tx);text-decoration:none}
.brand img{height:34px;width:auto;filter:drop-shadow(0 0 14px rgba(61,139,255,.38))}
.brand-name{font-weight:600;font-size:16px;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap}
.brand-name i{font-style:normal;color:var(--ac);letter-spacing:0}.brand-name span{color:#9fabc2;letter-spacing:.14em}
.logo{font-weight:700;font-size:16px}.logo em{color:var(--ac);font-style:normal}
/* содержимое */
.wrap{max-width:1000px;margin:0 auto;padding:26px 22px 70px}
.page-h{margin:4px 0 4px;font-size:26px;font-weight:650;letter-spacing:-.01em}
.page-sub{color:var(--mu);margin:0 0 18px}
.card{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.022));border:1px solid var(--line);border-radius:18px;padding:22px;margin:16px 0}
.card h2{margin:0 0 6px;font-size:18px;font-weight:650}
.card .sub{color:var(--mu);font-size:14px;margin-bottom:14px;line-height:1.55}
.card.main{border-color:rgba(61,139,255,.5);background:linear-gradient(180deg,rgba(61,139,255,.13),rgba(255,255,255,.025));box-shadow:0 20px 60px rgba(0,0,0,.35)}
.card.main h2{font-size:22px}
.section-title{display:flex;align-items:baseline;gap:10px;margin:38px 0 4px;padding-top:6px;font-size:13px;color:var(--mu);text-transform:uppercase;letter-spacing:.16em}
.section-title b{color:var(--tx);font-weight:650;font-size:16px;letter-spacing:0;text-transform:none}
.row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}
.f{display:flex;flex-direction:column;gap:4px;min-width:140px;flex:1}.f>span{color:var(--mu);font-size:12px}.f.n{flex:0 0 120px;min-width:100px}
.badge{display:inline-block;padding:4px 12px;border-radius:999px;font-size:12px;border:1px solid var(--line2);background:var(--p2)}
.badge.ok{color:#86f2cd;border-color:rgba(55,211,155,.5);background:rgba(55,211,155,.1)}.badge.bad{color:#ffb4bb;border-color:rgba(255,102,115,.5);background:rgba(255,102,115,.1)}.badge.wait{color:var(--y);border-color:rgba(242,184,75,.45);background:rgba(242,184,75,.08)}
.coin{border:1px solid var(--line);border-radius:14px;padding:14px;margin:12px 0;background:rgba(0,0,0,.2)}
.lv{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin:8px 0}.lv b{min-width:84px;padding-bottom:10px}
table{width:100%;border-collapse:collapse}
th{color:var(--mu);font-weight:500;text-align:left;font-size:11px;padding:7px 8px;border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.08em}
td{padding:8px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:top}
.log{background:rgba(0,0,0,.3);border:1px solid var(--line);border-radius:12px;padding:10px 12px;max-height:280px;overflow:auto;font:12px/1.55 ui-monospace,Menlo,Consolas,monospace}
.toast{position:fixed;right:20px;bottom:20px;background:#0e1626;border:1px solid rgba(55,211,155,.55);border-radius:14px;padding:12px 16px;max-width:440px;z-index:9;box-shadow:0 14px 40px rgba(0,0,0,.55)}.toast.bad{background:#2a1119;border-color:rgba(255,102,115,.6)}
details summary{cursor:pointer;color:var(--mu)}ol{padding-left:20px;margin:6px 0}li{margin:5px 0}
.hero{padding:56px 0 20px;text-align:center}.hero h1{font-size:34px;margin:0 0 10px}.hero p{color:var(--mu);max-width:640px;margin:0 auto 22px;font-size:16px}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.risk{border-color:rgba(242,184,75,.4);background:rgba(242,184,75,.05)}
@media (max-width:640px){header.top{padding:10px 14px;gap:10px}.wrap{padding:18px 14px 60px}.brand-name{font-size:14px}.page-h{font-size:22px}.card{padding:16px}}