:root{font-family:Manrope,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17202d;background:#f5f7fa;font-synthesis:none;text-rendering:optimizeLegibility;--blue: #176bff;--blue-dark: #0c57d8;--ink: #17202d;--muted: #778190;--line: #e7ebf1;--surface: #ffffff;--surface-soft: #f6f8fb;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#f5f7fa}body{margin:0;min-width:320px;min-height:100vh;background:#f5f7fa}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,iframe:focus-visible{outline:3px solid rgba(23,107,255,.24);outline-offset:2px}h1,h2,p{margin:0}.boot-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:24px;color:var(--blue)}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brand{display:inline-flex;align-items:center;gap:11px;color:#152033}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#297cff,#095adf);color:#fff;box-shadow:0 8px 20px #176bff38;position:relative;overflow:hidden}.brand-mark:after{content:"";position:absolute;width:26px;height:26px;left:17px;top:17px;border-radius:50%;background:#ffffff1f}.brand-mark span{position:relative;z-index:1;font-size:18px;line-height:1;font-weight:800;letter-spacing:-.06em}.brand-word{font-size:19px;line-height:1;font-weight:800;letter-spacing:-.045em}.login-page{min-height:100vh;padding:32px 20px 24px;display:grid;place-content:center;justify-items:center;overflow:hidden;position:relative;background:#f7f9fc}.login-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:520px;height:520px;left:-180px;top:-220px;background:radial-gradient(circle,#4e8bff2b,#4e8bff00 69%)}.orb-two{width:560px;height:560px;right:-230px;bottom:-280px;background:radial-gradient(circle,#7457e81f,#7457e800 70%)}.grid-glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.28;background-image:linear-gradient(rgba(112,130,158,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(112,130,158,.07) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(circle at center,#000,transparent 72%);mask-image:radial-gradient(circle at center,#000,transparent 72%)}.login-panel{width:min(100%,420px);padding:35px 36px 28px;position:relative;z-index:1;background:#fffffff0;border:1px solid rgba(220,226,236,.9);border-radius:24px;box-shadow:0 25px 70px #1f304e1f,0 2px 8px #1f304e0a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-brand{margin-bottom:40px}.login-copy{margin-bottom:27px}.eyebrow{display:inline-flex;align-items:center;gap:6px;color:var(--blue);font-size:11px;line-height:1;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.login-copy h1{margin-top:12px;font-size:27px;letter-spacing:-.045em;line-height:1.2}.login-copy p{margin-top:8px;color:var(--muted);font-size:13px;line-height:1.65}.login-form{display:grid;gap:17px}.field{display:grid;gap:8px;color:#465162;font-size:12px;font-weight:700}.field-control{min-height:46px;display:flex;align-items:center;gap:10px;padding:0 13px;background:#f8f9fb;border:1px solid #e3e7ed;border-radius:11px;color:#9199a5;transition:border-color .18s var(--ease-out),box-shadow .18s var(--ease-out),background-color .18s ease}.field-control:focus-within{background:#fff;border-color:#8fb5ff;box-shadow:0 0 0 3px #176bff17;color:var(--blue)}.field-control input{width:100%;min-width:0;height:42px;border:0;outline:0;background:transparent;color:var(--ink);font-size:13px;font-weight:600}.field-control input::placeholder{color:#a4acb7;font-weight:500}.field-action{margin-right:-7px;flex:0 0 auto}.field small{color:#9aa2ad;font-size:10px;font-weight:500}.icon-button{width:36px;height:36px;padding:0;border-radius:10px;display:inline-grid;place-items:center;background:transparent;color:#7b8593;cursor:pointer;transition:color .16s ease,background-color .16s ease,transform .14s var(--ease-out)}.icon-button:active,.primary-button:active,.secondary-button:active,.nav-item:active,.danger-button:active{transform:scale(.97)}@media(hover:hover)and (pointer:fine){.icon-button:hover{color:var(--ink);background:#eef2f7}}.primary-button,.secondary-button,.danger-button{min-height:42px;padding:0 16px;display:inline-flex;justify-content:center;align-items:center;gap:9px;border-radius:11px;text-decoration:none;font-size:12px;font-weight:800;cursor:pointer;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .14s var(--ease-out)}.primary-button{background:var(--blue);color:#fff;box-shadow:0 9px 22px #176bff2e}.primary-button:disabled{opacity:.62;cursor:wait}@media(hover:hover)and (pointer:fine){.primary-button:hover{background:var(--blue-dark);box-shadow:0 11px 26px #176bff40}}.login-button{margin-top:2px;min-height:48px}.login-button>:last-child{margin-left:auto}.form-error{padding:10px 12px;color:#bd3f4c;background:#fff3f4;border:1px solid #f6d6da;border-radius:9px;font-size:11px;line-height:1.5;font-weight:600}.form-success{padding:10px 12px;display:flex;align-items:center;gap:7px;color:#137d62;background:#effaf6;border:1px solid #cfeee3;border-radius:9px;font-size:11px;font-weight:700}.login-security{margin-top:23px;padding-top:20px;display:flex;align-items:center;justify-content:center;gap:6px;border-top:1px solid var(--line);color:#98a1ad;font-size:9px;font-weight:600}.login-footer{position:absolute;z-index:1;bottom:18px;color:#9ca4b0;font-size:9px;font-weight:600}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:232px;padding:23px 16px 16px;display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--line)}.sidebar-brand{padding:0 10px 30px}.sidebar-label{padding:0 11px 9px;color:#a0a8b3;font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.sidebar-nav{display:grid;gap:4px}.nav-item{width:100%;min-height:42px;padding:0 11px;display:flex;align-items:center;gap:11px;border-radius:10px;color:#6f7886;background:transparent;font-size:12px;font-weight:700;text-align:left;cursor:pointer;transition:background-color .16s ease,color .16s ease,transform .14s var(--ease-out)}.nav-item.active{color:var(--blue);background:#edf4ff}@media(hover:hover)and (pointer:fine){.nav-item:not(.active):hover{color:#263243;background:#f4f6f9}}.sidebar-spacer{flex:1}.system-card{margin:12px 2px;padding:12px;display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;background:#f5f8fc;border:1px solid #e8edf4;border-radius:12px}.system-icon{width:30px;height:30px;display:grid;place-items:center;color:#278b70;background:#e5f5ef;border-radius:9px}.system-card strong,.system-card span{display:block}.system-card strong{font-size:9px;line-height:1.4}.system-card div>span{margin-top:2px;color:#939ca8;font-size:7.5px;line-height:1.4}.online-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#19b789;box-shadow:0 0 0 3px #19b7891f}.user-card{padding:13px 4px 0;display:grid;grid-template-columns:32px 1fr 32px;align-items:center;gap:9px;border-top:1px solid var(--line)}.avatar,.topbar-avatar{display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#7c5cf1,#6243ce);font-weight:800}.avatar{width:32px;height:32px;border-radius:10px;font-size:12px}.user-card strong,.user-card span{display:block}.user-card strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card div>span{margin-top:2px;color:#969fab;font-size:8px}.app-main{width:calc(100% - 232px);min-width:0;margin-left:232px}.topbar{height:64px;padding:0 32px;position:sticky;top:0;z-index:15;display:flex;align-items:center;background:#ffffffe0;border-bottom:1px solid rgba(228,233,240,.92);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar-title{display:flex;align-items:center;gap:7px;font-size:10px}.topbar-title span{color:#8e97a4}.topbar-title svg{color:#b3bac4}.topbar-title strong{color:#3d4857}.topbar-spacer{flex:1}.topbar-live{margin-right:16px;display:flex;align-items:center;gap:8px;color:#6c7684;font-size:9px;font-weight:700}.topbar-avatar{width:30px;height:30px;border-radius:9px;font-size:11px}.mobile-menu-button,.mobile-brand{display:none}.content{width:min(100%,1500px);min-height:calc(100vh - 64px);padding:28px 32px 48px;margin:0 auto}.page-stack{display:grid;gap:20px}.page-heading{min-height:62px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.page-heading h1{margin-top:9px;color:#17202d;font-size:23px;line-height:1.2;letter-spacing:-.04em}.page-heading p{margin-top:5px;color:var(--muted);font-size:11px;line-height:1.5}.heading-actions{display:flex;align-items:center;gap:9px}.range-switch{height:36px;padding:3px;display:flex;align-items:center;background:#e9edf3;border-radius:10px}.range-switch button{height:30px;padding:0 13px;border-radius:8px;color:#75808f;background:transparent;font-size:10px;font-weight:700;cursor:pointer;transition:color .16s ease,background-color .16s ease,box-shadow .16s ease}.range-switch button.active{color:#253143;background:#fff;box-shadow:0 2px 7px #1d2d4817}.icon-button.bordered{background:#fff;border:1px solid #dfe4eb}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric-card{min-width:0;padding:17px 17px 15px;display:grid;grid-template-columns:32px 1fr;column-gap:11px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 2px 7px #1f304b06}.metric-icon{grid-row:1 / span 2;width:32px;height:32px;display:grid;place-items:center;color:var(--blue);background:#eaf2ff;border-radius:10px}.metric-icon.violet{color:#7457e8;background:#f0edfd}.metric-icon.green{color:#159573;background:#e9f7f2}.metric-icon.amber{color:#d68a1d;background:#fff4e1}.metric-label{align-self:end;color:#858f9c;font-size:9px;font-weight:700}.metric-value{min-width:0;margin-top:4px;overflow:hidden;color:#1e2938;font-size:clamp(17px,1.55vw,23px);line-height:1.2;font-weight:800;letter-spacing:-.04em;white-space:nowrap;text-overflow:ellipsis}.metric-hint{grid-column:1 / -1;margin-top:13px;padding-top:11px;display:flex;align-items:center;gap:5px;color:#8c95a2;border-top:1px solid #edf0f4;font-size:8.5px;line-height:1.4}.metric-hint svg{color:#21a581}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.project-card{min-width:0;padding:17px;position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 2px 7px #1f304b06}.project-card:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:0 3px 3px 0;background:var(--project-color)}.project-card.unavailable{opacity:.65}.project-top{display:flex;align-items:center;gap:10px}.project-badge{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;color:var(--project-color);background:color-mix(in srgb,var(--project-color) 10%,white);font-size:12px;font-weight:800}.project-top strong,.project-top span{display:block}.project-top strong{font-size:10px}.project-top div>span{margin-top:2px;color:#969fac;font-size:7.5px}.project-status{margin-left:auto;display:inline-flex!important;align-items:center;gap:5px;color:#7e8895;font-size:7.5px;font-weight:700}.project-status i{width:5px;height:5px;border-radius:50%;background:#1ab687}.project-volume{margin-top:16px;font-size:19px;font-weight:800;letter-spacing:-.04em}.project-caption{margin-top:3px;color:#8a94a1;font-size:8px}.project-stats{margin-top:14px;padding-top:12px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #edf0f4}.project-stats span+span{padding-left:12px;border-left:1px solid #edf0f4}.project-stats small,.project-stats strong{display:block}.project-stats small{color:#98a1ac;font-size:7.5px}.project-stats strong{margin-top:3px;font-size:10px}.analytics-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(270px,.75fr);gap:13px}.panel{min-width:0;padding:18px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 2px 7px #1f304b06}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.panel-kicker{color:#98a1ad;font-size:7.5px;line-height:1;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.panel-header h2,.settings-grid h2{margin-top:5px;color:#273242;font-size:13px;line-height:1.3;letter-spacing:-.025em}.panel-note{color:#929ba7;font-size:8px;font-weight:600}.chart-legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}.chart-legend span{display:flex;align-items:center;gap:5px;color:#818b98;font-size:7.5px;font-weight:600}.chart-legend i,.method-meta i{width:6px;height:6px;display:inline-block;border-radius:50%}.chart-wrap{height:238px;margin-top:10px}.chart-tooltip{min-width:150px;padding:10px 11px;background:#1c2634f0;border-radius:9px;color:#fff;box-shadow:0 9px 30px #141e2e38;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chart-tooltip>span{display:block;margin-bottom:7px;color:#aeb7c4;font-size:8px}.chart-tooltip div{display:grid;grid-template-columns:6px 1fr auto;align-items:center;gap:6px;font-size:8px}.chart-tooltip div+div{margin-top:5px}.chart-tooltip i{width:5px;height:5px;border-radius:50%}.chart-tooltip strong{font-weight:600}.chart-tooltip b{margin-left:10px}.method-list{margin-top:22px;display:grid;gap:17px}.method-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:8px}.method-meta span{display:flex;align-items:center;gap:6px;color:#5f6a79;font-weight:700}.method-meta strong{color:#344052;font-size:8px}.progress-track{height:5px;margin-top:7px;overflow:hidden;border-radius:10px;background:#edf0f4}.progress-track span{height:100%;display:block;border-radius:inherit}.method-caption{margin-top:5px;color:#a0a8b2;font-size:7px}.flow-chart-wrap{height:105px;margin-top:12px}.empty-state{min-height:180px;display:grid;place-content:center;justify-items:center;gap:9px;color:#98a1ad;font-size:10px;text-align:center}.empty-state.compact{min-height:120px}.compact-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-select{min-width:150px;height:36px;padding:0 11px;position:relative;display:flex;align-items:center;background:#fff;border:1px solid #dfe4eb;border-radius:10px}.filter-select select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:20px;border:0;outline:0;background:transparent;color:#536071;font-size:10px;font-weight:700}.filter-select svg{position:absolute;right:10px;color:#8e97a4;pointer-events:none}.traders-panel{padding:0;overflow:hidden}.traders-panel>.panel-header{padding:18px;border-bottom:1px solid var(--line)}.trader-table-wrap{overflow-x:auto}.trader-table{width:100%;border-collapse:collapse;font-size:9px}.trader-table th{height:38px;padding:0 13px;color:#929ba7;background:#fafbfc;font-size:7.5px;font-weight:800;text-align:left;text-transform:uppercase;letter-spacing:.035em;white-space:nowrap}.trader-table td{height:56px;padding:0 13px;color:#5b6675;border-top:1px solid #edf0f4;white-space:nowrap}.trader-table tbody tr:first-child td{border-top:0}.rank{width:22px;height:22px;display:inline-grid;place-items:center;color:#9099a5;background:#f0f3f7;border-radius:7px;font-size:8px;font-weight:800}.rank.top{color:var(--blue);background:#eaf2ff}.trader-name{display:flex;align-items:center;gap:9px;color:#344052}.trader-name>span{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;color:#6650c6;background:#efecfb;font-size:9px;font-weight:800}.project-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:7px;color:var(--pill-color);background:color-mix(in srgb,var(--pill-color) 9%,white);font-size:7.5px;font-weight:800}.project-pill:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.conversion{display:inline-block;min-width:44px;padding:5px 7px;border-radius:7px;text-align:center;font-size:8px;font-weight:800}.conversion.good{color:#128260;background:#e9f7f2}.conversion.medium{color:#b27418;background:#fff4e1}.conversion.low{color:#bd4c58;background:#fff0f2}.trader-cards{display:none}.grafana-page{height:calc(100vh - 112px);display:grid;grid-template-rows:auto minmax(0,1fr);gap:18px}.grafana-content{width:100%;max-width:none;padding-bottom:20px}.embedded-dashboard-page .grafana-frame-wrap{min-height:560px}.secondary-button{min-height:36px;color:#4a5768;background:#fff;border:1px solid #dfe4eb}@media(hover:hover)and (pointer:fine){.secondary-button:hover{color:var(--blue);border-color:#b7cdf5;background:#f7faff}}.grafana-frame-wrap{min-height:420px;position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:14px}.grafana-frame-wrap iframe{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#fff}.frame-loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-content:center;justify-items:center;gap:8px;color:var(--blue)}.frame-loader strong{margin-top:6px;color:#344052;font-size:11px}.frame-loader span{color:#939ca8;font-size:8px}.settings-page{max-width:900px}.settings-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:14px;align-items:start}.profile-panel{display:flex;align-items:center;gap:15px}.large-avatar{width:56px;height:56px;flex:0 0 auto;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#7c5cf1,#6243ce);border-radius:17px;font-size:20px;font-weight:800}.profile-panel h2{margin:0}.profile-panel p{margin-top:4px;color:#89929f;font-size:9px}.role-chip{margin-top:10px;display:inline-flex;align-items:center;gap:5px;padding:5px 7px;color:#176bff;background:#edf4ff;border-radius:7px;font-size:8px;font-weight:800}.password-panel{grid-row:span 2}.password-panel form{margin-top:20px;display:grid;gap:15px}.password-panel .primary-button{justify-self:start;margin-top:4px}.session-panel{display:flex;align-items:center;justify-content:space-between;gap:18px}.session-panel p{margin-top:6px;color:#89929f;font-size:9px;line-height:1.6}.danger-button{flex:0 0 auto;color:#b84450;background:#fff3f4;border:1px solid #f3d5d9}@media(hover:hover)and (pointer:fine){.danger-button:hover{color:#9f303c;background:#ffe9ec}}.global-error{margin-bottom:16px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#aa3b47;background:#fff1f3;border:1px solid #f3d5d9;border-radius:10px;font-size:10px;font-weight:700}.global-error span{display:flex;align-items:center;gap:8px}.global-error button{padding:5px 9px;color:inherit;background:#ffffffb3;border-radius:7px;cursor:pointer;font-size:9px;font-weight:800}.page-loader{height:55vh;display:grid;place-content:center;justify-items:center;gap:19px;color:var(--blue)}.page-loader span{color:#8c95a2;font-size:9px}.mobile-nav,.mobile-drawer-backdrop{display:none}@media(max-width:1120px){.sidebar{width:204px}.app-main{width:calc(100% - 204px);margin-left:204px}.content,.topbar{padding-inline:22px}.metric-card{padding:14px}.metric-grid,.project-grid,.analytics-grid{gap:10px}.metric-value{font-size:17px}.chart-legend{gap:8px}}@media(max-width:900px){.sidebar{display:none}.app-main{width:100%;margin-left:0}.mobile-menu-button,.mobile-brand{display:inline-grid}.mobile-brand{margin-left:8px}.mobile-brand .brand-mark{display:none}.mobile-brand .brand-word{font-size:16px}.topbar-title{display:none}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid{grid-template-columns:1fr}.project-card{padding-left:20px}.analytics-grid{grid-template-columns:1fr}.methods-panel{min-height:260px}.mobile-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:block;background:#151e2c57;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.mobile-drawer{width:min(310px,86vw);height:100%;padding:18px 16px;display:flex;flex-direction:column;background:#fff;box-shadow:25px 0 70px #19263b33;animation:drawer-enter .22s var(--ease-out)}@keyframes drawer-enter{0%{transform:translate(-100%)}}.drawer-header{padding:4px 5px 24px;display:flex;align-items:center;justify-content:space-between}.mobile-drawer .sidebar-nav{margin-top:4px}.drawer-user{margin-top:auto;padding:14px 4px;display:flex;align-items:center;gap:10px;border-top:1px solid var(--line)}.drawer-user strong,.drawer-user span{display:block}.drawer-user strong{font-size:10px}.drawer-user div>span{margin-top:2px;color:#919aa6;font-size:8px}.drawer-logout{min-height:41px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;color:#a63f4a;background:#fff2f3;font-size:10px;font-weight:800}}@media(max-width:640px){body{padding-bottom:calc(62px + env(safe-area-inset-bottom))}.topbar{height:58px;padding:0 16px}.topbar-live{display:none}.content{min-height:calc(100vh - 58px);padding:20px 14px 30px}.page-stack{gap:13px}.page-heading{min-height:auto;align-items:flex-start;flex-direction:column;gap:15px}.page-heading h1{font-size:21px}.page-heading p{max-width:290px}.heading-actions{width:100%}.range-switch{flex:1}.range-switch button{flex:1;padding:0 7px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric-card{min-height:120px;padding:12px;grid-template-columns:28px 1fr;column-gap:8px;border-radius:12px}.metric-icon{width:28px;height:28px;border-radius:9px}.metric-icon svg{width:16px}.metric-value{grid-column:1 / -1;margin-top:11px;font-size:18px}.metric-label{font-size:8px}.metric-hint{margin-top:9px;padding-top:8px;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-grid{gap:8px}.project-card{padding:14px 14px 14px 18px;border-radius:12px}.project-volume{font-size:18px}.analytics-grid{gap:8px}.panel{padding:14px;border-radius:12px}.chart-legend{display:none}.chart-wrap{height:220px;margin-left:-4px}.flow-chart-wrap{height:115px}.compact-metrics{grid-template-columns:1fr}.compact-metrics .metric-card{min-height:105px}.filter-select{width:100%}.traders-panel{padding:0}.trader-table{display:none}.trader-cards{display:grid}.trader-mobile-card{padding:14px;border-top:1px solid var(--line)}.trader-mobile-card:first-child{border-top:0}.trader-mobile-top{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px}.trader-mobile-top .trader-name>span{width:30px;height:30px}.trader-mobile-top .trader-name div strong,.trader-mobile-top .trader-name div small{display:block}.trader-mobile-top .trader-name div strong{font-size:9px}.trader-mobile-top .trader-name div small{margin-top:2px;color:#949da9;font-size:7px}.trader-mobile-stats{margin-top:12px;padding-top:11px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #edf0f4}.trader-mobile-stats span+span{padding-left:10px;border-left:1px solid #edf0f4}.trader-mobile-stats small,.trader-mobile-stats strong{display:block}.trader-mobile-stats small{color:#98a1ac;font-size:7px}.trader-mobile-stats strong{margin-top:4px;color:#3b4656;font-size:8px}.grafana-page{height:calc(100vh - 138px);gap:13px}.grafana-heading{display:flex}.grafana-heading .heading-actions{width:100%}.grafana-heading .range-switch{flex:1}.grafana-frame-wrap{min-height:500px;border-radius:12px}.settings-grid{grid-template-columns:1fr}.password-panel{grid-row:auto}.session-panel{align-items:flex-start;flex-direction:column}.session-panel .danger-button{width:100%}.mobile-nav{height:calc(60px + env(safe-area-inset-bottom));padding:6px 8px env(safe-area-inset-bottom);position:fixed;inset:auto 0 0 0;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);background:#fffffff0;border-top:1px solid rgba(222,227,235,.96);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-nav .nav-item{min-height:47px;padding:4px;flex-direction:column;justify-content:center;gap:3px;border-radius:9px;font-size:7px}.login-page{padding:20px 14px 60px;place-content:center stretch}.login-panel{width:100%;padding:28px 22px 23px;border-radius:20px}.login-brand{margin-bottom:32px}.login-copy h1{font-size:24px}.login-footer{bottom:15px}}@media(max-width:380px){.content{padding-inline:10px}.metric-card{padding:10px}.metric-value{font-size:16px}.project-stats span+span{padding-left:8px}.project-stats strong{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}