:root{color-scheme:dark;--bg: #0b0f14;--panel: #121826;--text: #e6edf3;--muted: #9aa4b2;--accent: #7c3aed;--danger: #ef4444;--ok: #22c55e;--border: rgba(255, 255, 255, .08)}[data-theme=light]{color-scheme:light;--bg: #f6f7fb;--panel: #ffffff;--text: #0b1220;--muted: #5b677a;--accent: #6d28d9;--danger: #dc2626;--ok: #16a34a;--border: rgba(15, 23, 42, .1)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}a{color:inherit;text-decoration:none}.container{max-width:1120px;margin:0 auto;padding:24px}.withRightMenu{padding-right:92px}.withLeftMenu{padding-left:92px}@media (max-width: 700px){.withRightMenu{padding-right:24px}.withLeftMenu{padding-left:24px}}.rightMenu{position:fixed;right:16px;top:16px;z-index:50;display:flex;flex-direction:column;gap:10px}.brandCorner{position:fixed;left:0;top:0;z-index:55}.brandCornerBtn{display:block;background:transparent;border:none;padding:0;width:420px;height:140px;overflow:hidden}.brandCornerImg{width:100%;height:100%;display:block;object-fit:cover;object-position:left center}.leftMenu{position:fixed;left:16px;top:160px;z-index:50;display:flex;flex-direction:column;gap:10px}.leftMenuBtn{width:42px;height:42px;border-radius:14px;border:1px solid var(--border);background:#121826d9;color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.leftMenuBtn.active{border-color:#7c3aed73;box-shadow:0 0 0 1px #7c3aed2e,0 12px 30px #7c3aed1f}.leftMenuPop{position:fixed;left:16px;top:214px;z-index:60;width:min(360px,calc(100vw - 32px));max-height:calc(100vh - 86px);overflow:auto;border:1px solid var(--border);background:#121826eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;padding:14px;display:grid;gap:12px}.leftMenuPop .row.cols2{grid-template-columns:1fr}@media (max-width: 700px){.rightMenu{position:fixed;top:auto;bottom:16px;right:16px;flex-direction:row;background:#121826d9;border:1px solid var(--border);border-radius:16px;padding:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brandCorner{position:fixed;left:16px;top:16px}.leftMenu{position:fixed;top:auto;bottom:16px;left:16px;flex-direction:row;background:#121826d9;border:1px solid var(--border);border-radius:16px;padding:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.leftMenuPop{left:16px;bottom:78px;top:auto;width:calc(100vw - 32px);max-height:calc(100vh - 110px)}}.rightMenuBtn{width:42px;height:42px;border-radius:14px;border:1px solid var(--border);background:#121826d9;color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rightMenuBtn.active{border-color:#7c3aed73;box-shadow:0 0 0 1px #7c3aed2e,0 12px 30px #7c3aed1f}.rightMenuSection{display:flex;gap:8px;align-items:center;justify-content:center}.rightMenuThemeBtn{width:42px;height:42px;border-radius:14px;border:1px solid var(--border);background:#121826d9;color:var(--muted);font-weight:800;letter-spacing:.5px;cursor:pointer}.rightMenuThemeBtn.active{color:var(--text);border-color:#7c3aed73}.rightMenuPop{position:fixed;right:70px;top:120px;z-index:60;border:1px solid var(--border);background:#121826eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;padding:10px;display:grid;gap:8px}@media (max-width: 700px){.rightMenuPop{right:16px;bottom:78px;top:auto}}.rightMenuPopBtn{width:100%;justify-content:flex-start;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#0b0f1480;color:var(--text);cursor:pointer;display:inline-flex;align-items:center;gap:10px}.iconBtn{width:36px;height:36px;border-radius:12px;border:1px solid var(--border);background:#121826a6;color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.iconBtn.active{border-color:#7c3aed73;box-shadow:0 0 0 1px #7c3aed2e,0 12px 30px #7c3aed1f}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border:1px solid var(--border);background:#121826d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px}.brand{font-weight:700;letter-spacing:.2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer}.btn.primary{background:linear-gradient(135deg,#7c3aede6,#6366f1e6);border-color:#7c3aed66}.btn.danger{background:#ef44441f;border-color:#ef444459}.grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 900px){.grid.two{grid-template-columns:1.2fr .8fr}}.card{border:1px solid var(--border);background:#121826d9;border-radius:14px;padding:16px}.muted{color:var(--muted)}input,select{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#0b0f1499;color:var(--text)}label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.row{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 900px){.row.cols3{grid-template-columns:1fr 1fr 1fr}.row.cols2{grid-template-columns:1fr 1fr}}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border);font-size:13px}th{color:var(--muted);font-weight:600}.tableWrap{overflow-x:auto}.sticky thead th{position:sticky;top:0;z-index:1;background:#121826f2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.thBtn{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.thBtn:hover{color:var(--text)}.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:10px 0}.pagerLeft,.pagerRight{display:inline-flex;align-items:center;gap:10px}.pill.ok{color:var(--ok)}.pill.bad{color:var(--danger)}.pill{display:inline-flex;padding:4px 8px;border-radius:999px;border:1px solid var(--border);font-size:12px;color:var(--muted)}@keyframes pulseDangerDot{0%{box-shadow:0 0 #ef444459;opacity:1}70%{box-shadow:0 0 0 7px #ef444400;opacity:.9}to{box-shadow:0 0 #ef444400;opacity:1}}.exchangeDotPulse{animation:pulseDangerDot 1s ease-out infinite}.spread.pos{color:var(--ok)}.spread.neg{color:var(--danger)}
