:root{
--bg:#080c13;--side:#0d131e;--panel:#111a28;--panel2:#172235;--border:#26344b;
--text:#edf3ff;--muted:#8998b2;--accent:#668cff;--green:#43d17d;--red:#ff6575;--yellow:#f1c75c;--cyan:#48c8e8}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.app{min-height:100vh;display:grid;grid-template-columns:230px 1fr}aside{background:var(--side);border-right:1px solid var(--border);padding:22px 16px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;margin-bottom:30px}.logo{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#668cff,#9a67ff);display:grid;place-items:center;font-weight:900}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:3px}nav{display:flex;flex-direction:column;gap:7px}.nav{border:0;background:transparent;color:var(--muted);padding:11px 13px;border-radius:10px;text-align:left;cursor:pointer}.nav:hover,.nav.active{background:var(--panel2);color:var(--text)}.api-state{margin-top:auto;color:var(--muted);font-size:12px;display:flex;align-items:center;gap:8px}.api-state span:first-child{width:9px;height:9px;border-radius:50%;background:#667085}.api-state .ok{background:var(--green)!important}.api-state .bad{background:var(--red)!important}main{padding:28px;overflow:hidden}header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}h1,h2,p{margin-top:0}h1{margin-bottom:5px}header p,.panel p{color:var(--muted);font-size:13px}.header-actions{display:flex;gap:8px;flex-wrap:wrap}button,select,input{font:inherit}.primary,.secondary{border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:700}.primary{border:0;background:var(--accent);color:#fff}.secondary{border:1px solid var(--border);background:var(--panel);color:var(--text)}.page{display:none}.page.active{display:block}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.kpi,.panel{background:var(--panel);border:1px solid var(--border);border-radius:16px}.kpi{padding:18px}.kpi span{font-size:12px;color:var(--muted);display:block}.kpi b{display:block;font-size:26px;margin:7px 0 3px}.kpi small{color:var(--muted)}.grid2{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;margin-bottom:16px}.panel{padding:17px;margin-bottom:16px}.panelhead{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:13px}.panelhead h2{font-size:17px;margin-bottom:4px}.panelhead select{background:var(--panel2);border:1px solid var(--border);color:var(--text);padding:8px;border-radius:9px}.marketgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.marketcard,.row{background:var(--panel2);border:1px solid var(--border);border-radius:12px;padding:12px}.marketcard{cursor:pointer}.marketcard:hover{border-color:#50698f}.marketcard .top,.row{display:flex;justify-content:space-between;gap:10px}.symbol{font-weight:900}.price{font-size:18px;font-weight:800;margin-top:7px}.muted{color:var(--muted);font-size:12px}.badge{display:inline-block;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900;background:#2d3748}.badge.buy{color:var(--green);background:rgba(67,209,125,.12)}.badge.sell{color:var(--red);background:rgba(255,101,117,.12)}.badge.hold{color:var(--yellow);background:rgba(241,199,92,.12)}.rows{display:flex;flex-direction:column;gap:9px}.row .right{text-align:right}.reason{color:var(--muted);font-size:11px;margin-top:5px;max-width:700px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 9px;border-bottom:1px solid var(--border);font-size:12px}th{color:var(--muted);font-weight:600}.form{display:grid;gap:12px}.form label{display:grid;gap:6px;color:var(--muted);font-size:12px}.form input,.form select{background:var(--panel2);border:1px solid var(--border);color:var(--text);border-radius:9px;padding:10px}.resultbox,pre{background:var(--panel2);border:1px solid var(--border);padding:13px;border-radius:11px;color:var(--muted);white-space:pre-wrap}canvas{width:100%;height:300px;background:#0d1522;border-radius:12px}.positive{color:var(--green)}.negative{color:var(--red)}
@media(max-width:1000px){.app{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--border)}nav{flex-direction:row;flex-wrap:wrap}.api-state{margin-top:15px}.kpis{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}}
@media(max-width:620px){main{padding:16px}header{align-items:flex-start;flex-direction:column}.kpis{grid-template-columns:1fr}.marketgrid{grid-template-columns:1fr}}

header select{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:10px}
.legal{margin-top:22px;padding:14px 16px;border:1px solid var(--border);background:#0d1420;color:var(--muted);font-size:11px;line-height:1.5;border-radius:12px}
.loginbody{min-height:100vh;display:grid;place-items:center;padding:20px;background:var(--bg)}
.loginbox{width:min(440px,100%);background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:26px}
.loginbox h1{text-align:center;margin-bottom:4px}.loginbox>p{text-align:center;color:var(--muted)}.logo.big{margin:0 auto 12px;width:54px;height:54px;font-size:22px}.tabs{display:flex;gap:8px;margin:18px 0}.hidden{display:none!important}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:9px!important}.check input{width:auto}.danger{color:var(--red);cursor:pointer}

.telegram-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.telegram-link{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;font-weight:800;padding:10px 14px;border-radius:10px}.resultbox code{color:var(--text);font-size:15px}
