@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap";.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.2rem .62rem;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.status-pill.ok{color:#0a6b4d;background:#0f9c6f26}.status-pill.error{color:#94303c;background:#ca3f4f2b}.status-pill.coming_soon{color:#6445a8;background:#8460d629}.status-pill.CANT_ACCESS_PROXY{color:#7a4a14;background:#e69c2c33}.mobile-account-list{display:none}.mobile-account-card{border-radius:14px;border:1px solid rgba(16,58,92,.14);background:#ffffffd1;padding:.85rem}.mobile-account-card p{margin:.35rem 0;font-family:JetBrains Mono,monospace;font-size:.82rem}.mobile-account-card h4{margin:0}.mobile-row{display:flex;justify-content:space-between;gap:.5rem;align-items:center}.error-text{color:var(--bad);margin:0}.warning-text{color:var(--warning);margin:0}@media(max-width:1020px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.account-filter-grid{grid-template-columns:repeat(3,minmax(160px,1fr))}}@media(max-width:760px){.app-header{margin:.8rem .8rem 0;padding:.75rem}.header-user{width:100%;justify-content:space-between}.app-main{padding:.8rem}.metric-grid,.metric-grid.compact{grid-template-columns:1fr}.account-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop-table-wrapper{display:none}.mobile-account-list{display:grid;gap:.7rem}}:root{--bg-top: #f2f8ff;--bg-bottom: #dbedf4;--surface: rgba(255, 255, 255, .84);--surface-strong: #ffffff;--text-main: #1a2635;--text-subtle: #4e6075;--line: rgba(30, 49, 76, .15);--primary: #0d8cd6;--primary-dark: #046baf;--good: #0f9c6f;--bad: #ca3f4f;--coming: #8460d6;--warning: #9c650f;--shadow: 0 16px 50px rgba(21, 46, 76, .15)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Manrope,sans-serif;color:var(--text-main);background:radial-gradient(circle at 10% 0%,rgba(83,205,255,.32),transparent 45%),radial-gradient(circle at 80% 10%,rgba(125,166,255,.22),transparent 38%),linear-gradient(160deg,var(--bg-top),var(--bg-bottom))}a{color:var(--primary-dark);text-decoration:none}a:hover{text-decoration:underline}.center-screen{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.loading-card{background:var(--surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:18px;padding:1rem 1.25rem;box-shadow:var(--shadow)}.login-screen{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-card{width:min(460px,100%);padding:2rem;border-radius:24px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-card h2{margin:0 0 .35rem;font-size:2rem}.login-card p{margin:0 0 1.25rem;color:var(--text-subtle)}.login-form{display:grid;gap:.95rem}.login-form label{display:grid;gap:.45rem;font-weight:600;color:var(--text-main)}input{border:1px solid rgba(21,55,92,.25);background:#ffffffe6;border-radius:12px;font:inherit;padding:.7rem .8rem;color:var(--text-main)}select{border:1px solid rgba(21,55,92,.25);background:#ffffffe6;border-radius:12px;font:inherit;padding:.58rem .72rem;color:var(--text-main)}select:focus{outline:2px solid rgba(13,140,214,.38);border-color:#0d8cd673}input:focus{outline:2px solid rgba(13,140,214,.38);border-color:#0d8cd673}.primary-button,.ghost-button{border:0;border-radius:12px;font:inherit;font-weight:700;padding:.62rem 1rem;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.primary-button{color:#fff;background:linear-gradient(135deg,var(--primary),#31acd7);box-shadow:0 10px 24px #0d8cd65c}.primary-button:hover:not(:disabled){transform:translateY(-1px)}.primary-button:disabled{opacity:.65;cursor:default}.ghost-button{background:#eef6fff2;border:1px solid rgba(15,52,80,.2);color:var(--text-main)}.ghost-button:hover{background:#e3f1fdf2;text-decoration:none}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{margin:1.2rem 1.2rem 0;padding:.9rem 1rem;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:.85rem}.brand h1{margin:0;font-size:1.08rem}.brand p{margin:0;color:var(--text-subtle);font-size:.88rem}.brand-pulse{width:13px;height:13px;border-radius:999px;background:var(--good);box-shadow:0 0 0 3px #0f9c6f29}.header-nav{display:flex;align-items:center;gap:.5rem}.nav-link{padding:.45rem .75rem;border-radius:10px;font-weight:700}.nav-link.active{background:#0d8cd626;color:#064f8a}.header-user{display:flex;align-items:center;gap:.75rem}.user-meta{text-align:right;display:grid}.username{font-weight:700}.role{font-size:.82rem;color:var(--text-subtle)}.app-main{padding:1.2rem}.dashboard-layout{display:grid;gap:1rem;animation:rise-in .22s ease-out;min-width:0}.overview-scope{color:var(--text-subtle);font-size:.95rem;font-weight:700}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.dashboard-toolbar h2{margin:0}.dashboard-toolbar p{margin:.2rem 0 0;color:var(--text-subtle)}.exchange-filter{display:flex;flex-wrap:wrap;gap:.5rem}.filter-chip{border:1px solid rgba(16,58,92,.18);background:#ffffffc7;color:var(--text-main);font:inherit;font-weight:700;border-radius:999px;padding:.38rem .72rem;cursor:pointer}.filter-chip.active{border-color:#0d8cd666;background:#0d8cd629;color:#08598f}.toolbar-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.inline-link{display:inline-flex;align-items:center}.history-limit-select{min-width:110px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.metric-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{border-radius:16px;border:1px solid var(--line);background:var(--surface-strong);padding:.95rem 1rem;box-shadow:var(--shadow)}.metric-card.soft{background:#ffffffa8}.metric-card span{color:var(--text-subtle);font-weight:600}.metric-card strong{display:block;margin-top:.5rem;font-size:1.36rem;letter-spacing:-.01em}.upnl-positive{color:var(--good)}.upnl-negative{color:var(--bad)}.panel{border-radius:20px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);padding:1rem;min-width:0}.panel.loading{padding:1.6rem}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.panel-head h3{margin:0}.panel-head-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.account-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:.65rem}.account-filter-item{display:grid;gap:.35rem}.account-filter-item span{font-size:.78rem;color:var(--text-subtle);font-weight:700}.exchange-panels{display:grid;gap:1rem}.exchange-metrics-inline{display:flex;flex-wrap:wrap;gap:.75rem;margin:0 0 .75rem}.exchange-metrics-inline span{font-size:.84rem;font-family:JetBrains Mono,monospace;color:var(--text-subtle);background:#ffffffa8;border:1px solid rgba(21,57,87,.12);border-radius:999px;padding:.26rem .62rem}.desktop-table-wrapper{width:100%;max-width:100%;overflow-x:auto}.accounts-table{width:max-content;min-width:100%;border-collapse:collapse;font-size:.93rem}.accounts-table th{text-align:left;color:var(--text-subtle);font-weight:700;font-size:.85rem;border-bottom:1px solid rgba(19,58,93,.15);padding:.62rem .45rem;white-space:nowrap}.accounts-table td{border-bottom:1px solid rgba(19,58,93,.1);padding:.62rem .45rem;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:.84rem}.accounts-table td:first-child{font-family:Manrope,sans-serif;font-weight:700}.table-sort-button{display:inline-flex;align-items:center;gap:.35rem;border:0;background:transparent;color:inherit;font:inherit;padding:0;cursor:pointer}.table-sort-indicator{color:#133a5d73;font-size:.72rem}.mobile-row-wrap{flex-wrap:wrap}@media(max-width:760px){.app-header{margin:.8rem .8rem 0;padding:.75rem;border-radius:16px;display:grid;grid-template-columns:1fr;align-items:stretch}.brand{min-width:0;align-items:flex-start}.brand h1{font-size:.98rem;line-height:1.25}.brand p{font-size:.8rem}.header-nav{width:100%;overflow-x:auto;padding-bottom:.1rem;flex-wrap:nowrap}.nav-link{white-space:nowrap}.header-user{width:100%;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.user-meta{text-align:left;min-width:0}.app-main{padding:.8rem}.dashboard-toolbar{flex-direction:column;align-items:stretch}.dashboard-toolbar>div{min-width:0}.dashboard-toolbar h2{font-size:1.15rem;line-height:1.3}.dashboard-toolbar p{overflow-wrap:anywhere;line-height:1.45}.toolbar-actions{width:100%;align-items:stretch}.toolbar-actions>*{flex:1 1 100%;justify-content:center;text-align:center}.primary-button,.ghost-button{min-height:44px}.panel{padding:.85rem;border-radius:16px}.panel-head,.panel-head-actions,.panel-head-stack-mobile{flex-direction:column;align-items:flex-start;gap:.45rem}.panel-head h3{line-height:1.3}.metric-grid,.metric-grid.compact{grid-template-columns:1fr}.metric-card{padding:.85rem .9rem}.metric-card strong{font-size:1.18rem;overflow-wrap:anywhere}.account-filter-grid{grid-template-columns:1fr}.exchange-filter{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.1rem}.filter-chip{white-space:nowrap}.exchange-metrics-inline{gap:.5rem}.exchange-metrics-inline span{font-size:.78rem;max-width:100%;overflow-wrap:anywhere}.desktop-table-wrapper{display:none}.mobile-account-list{display:grid;gap:.7rem}.mobile-account-card{min-width:0;overflow:hidden}.mobile-account-card h4,.mobile-account-card p,.mobile-row span{overflow-wrap:anywhere;word-break:break-word}}@media(max-width:420px){.app-main{padding:.65rem}.app-header{margin:.65rem .65rem 0;padding:.7rem}.dashboard-toolbar h2{font-size:1.02rem}.mobile-account-card p{font-size:.78rem}.status-pill{font-size:.68rem;padding:.18rem .52rem}}.metric-card strong{font-size:clamp(1rem,4vw,1.36rem);overflow-wrap:anywhere;word-break:break-word}.mobile-account-card p,.mobile-account-card h4,.mobile-row span{overflow-wrap:anywhere;word-break:break-word}.numeric{font-variant-numeric:tabular-nums}@media(max-width:760px){.metric-card strong{font-size:clamp(.95rem,5vw,1.18rem)}.mobile-account-card p{font-size:.88rem}.accounts-table td,.accounts-table th{font-size:clamp(.68rem,2.6vw,.84rem);word-break:break-word;white-space:normal}.panel{word-break:break-word}}
