:root{--bg: #061011;--sidebar: #071b1f;--panel: #0c1d21;--panel2: #102a2c;--text: #e8f7f8;--muted: #80a6aa;--accent: #26d7c8;--green: #28d992;--red: #ef4b5a;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:220px 1fr}aside{background:var(--sidebar);padding:18px;border-right:1px solid #123b40}.brand{color:var(--accent);font-weight:800;margin-bottom:24px}aside button{display:block;width:100%;margin:8px 0;padding:12px;color:var(--text);background:#09272b;border:1px solid #1d5258;border-radius:8px;text-align:left;cursor:pointer}aside button.active{border-color:var(--accent);background:#123338;color:var(--accent)}main{padding:28px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}h1,h2{margin:0 0 10px}.apiBox,.panel,.card{background:linear-gradient(145deg,var(--panel),#0a181b);border:1px solid #16474a;border-radius:10px}.apiBox{padding:16px;margin-bottom:18px}.okx{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.status{color:var(--accent);align-self:center}input,select{background:#071517;color:var(--text);border:1px solid #24565b;border-radius:8px;padding:11px}button{background:#0b838a;color:#fff;border:1px solid #16a9ae;border-radius:8px;padding:11px 16px;font-weight:700;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button.ghost{background:#123338}button.link{background:transparent;border:0;color:var(--accent)}.googleSlot button{width:100%}.formMessage{color:var(--accent);margin:0;line-height:1.4}.muted{color:var(--muted)}.badge{display:inline-block;color:#071517;background:var(--green);border-radius:999px;padding:4px 10px;font-weight:800}.activeList{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:10px}.activeBot{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;padding:12px;border-radius:8px;background:#071517;border-left:4px solid var(--accent)}.activeBot b{grid-column:1}.activeBot span{color:var(--muted)}.activeBot button{grid-column:2;grid-row:1 / span 2}.activeBot.long{border-left-color:var(--green)}.activeBot.short{border-left-color:var(--red)}.grid{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:14px}.card{min-height:240px;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.card.long{border-left:4px solid var(--green)}.card.short{border-left:4px solid var(--red)}.card.long h2{color:var(--green)}.card.short h2{color:var(--red)}.meta{color:var(--accent);font-weight:700}.actions{display:flex;justify-content:flex-end;gap:10px}.panel{margin-top:18px;padding:18px}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid #19383c;padding:10px;text-align:left}.log{max-height:280px;overflow:auto;font-family:Consolas,monospace;color:#b9d7da}.auth{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#123d3f,var(--bg))}.authCard{width:380px;padding:28px;background:var(--panel);border:1px solid #1b5458;border-radius:12px;display:grid;gap:12px}@media (max-width: 900px){.shell{grid-template-columns:1fr}aside{display:flex;gap:8px;overflow-x:auto}aside button{width:auto;white-space:nowrap}aside button.active{border-color:var(--accent);background:#123338;color:var(--accent)}.grid,.okx{grid-template-columns:1fr}}
