: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}.analytics-page{max-width:1500px;margin:0 auto}.operations-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.65fr);gap:13px}.status-list{margin-top:17px;display:grid}.status-row{min-height:45px;display:grid;grid-template-columns:106px minmax(105px,.7fr) minmax(90px,1fr) 58px 112px;gap:11px;align-items:center;border-top:1px solid #edf0f4;font-size:8px}.status-row:first-child{border-top:0}.status-project{width:max-content;max-width:100%;padding:5px 7px;overflow:hidden;color:var(--pill-color);background:color-mix(in srgb,var(--pill-color) 9%,white);border-radius:7px;font-size:7px;font-weight:800;white-space:nowrap;text-overflow:ellipsis}.status-row>strong{color:#4f5a69;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.status-row>b{color:#354152;text-align:right}.status-row>em{color:#737e8c;font-style:normal;font-weight:700;text-align:right;white-space:nowrap}.status-bar{height:5px;overflow:hidden;background:#edf0f4;border-radius:8px}.status-bar span{height:100%;display:block;border-radius:inherit}.flow-panel{min-height:310px}.flow-breakdown{margin-top:12px;display:grid;gap:8px}.flow-breakdown>div{padding:10px;display:flex;align-items:center;gap:9px;color:#627083;background:#f7f9fb;border:1px solid #edf0f4;border-radius:10px}.flow-breakdown svg{color:var(--blue)}.flow-breakdown span{min-width:0}.flow-breakdown small,.flow-breakdown strong{display:block}.flow-breakdown small{color:#929ba7;font-size:7px}.flow-breakdown strong{margin-top:3px;overflow:hidden;color:#354152;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.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,.operations-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,.operations-grid{gap:8px}.status-panel{padding:14px 0;overflow:hidden}.status-panel>.panel-header{padding:0 14px 12px}.status-list{margin-top:0}.status-row{min-height:54px;padding:7px 14px;grid-template-columns:84px 1fr 58px;gap:8px}.status-row .status-bar{grid-column:2 / 4;grid-row:2}.status-row>b{grid-column:3;grid-row:1}.status-row>em{display:none}.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}.traders-panel>.panel-header{align-items:stretch;flex-direction:column}.traders-panel .filter-select{width:100%}.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}}:root{--blue: #5068ff;--blue-dark: #4056e7;--ink: #142039;--muted: #71809a;--line: rgba(91, 112, 151, .14);--surface: #f4f7fc;--surface-soft: #eaf0f9;--canvas: #e9eff8;--navy: #111a30;--navy-soft: #1a2745;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1)}html,body{background:radial-gradient(circle at 18% 0%,rgba(92,114,255,.12),transparent 34%),radial-gradient(circle at 92% 18%,rgba(20,184,166,.09),transparent 28%),var(--canvas)}body{color:var(--ink)}.brand-word{font-size:20px}.sidebar-label{font-size:10px}.sidebar .nav-item{font-size:13px}.sidebar .nav-item svg,.project-badge svg,.avatar svg,.topbar-avatar svg,.large-avatar svg,.trader-name>span svg,.system-icon svg{display:block;flex:0 0 auto}.app-shell{background:transparent}.app-main{position:relative}.app-main:before{content:"";position:fixed;top:0;right:0;bottom:0;left:232px;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(74,95,134,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(74,95,134,.035) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,#000 0,transparent 72%);mask-image:linear-gradient(to bottom,#000 0,transparent 72%)}.sidebar{width:244px;padding:24px 15px 17px;color:#dce5f7;background:radial-gradient(circle at 0 0,rgba(87,106,255,.24),transparent 34%),linear-gradient(180deg,#15213b,#0d1528);border-right:1px solid rgba(132,155,201,.13);box-shadow:18px 0 50px #1f2d4b14}.sidebar .brand{color:#f7f9ff}.sidebar .brand-mark{background:linear-gradient(145deg,#7182ff,#4c5ff0);box-shadow:0 10px 26px #4a5cee66}.sidebar-label{color:#cad7f066}.sidebar-nav{gap:6px}.sidebar .nav-item{min-height:44px;color:#dae3f49e;border:1px solid transparent;border-radius:12px}.sidebar .nav-item.active{color:#fff;background:linear-gradient(135deg,#6375ff47,#4b5de826);border-color:#96a5ff33;box-shadow:inset 0 1px #ffffff14,0 8px 22px #040a1929}@media(hover:hover)and (pointer:fine){.sidebar .nav-item:not(.active):hover{color:#f5f7ff;background:#ffffff0e}}.sidebar .system-card{background:#12b89817;border-color:#57dab721}.sidebar .system-icon{color:#67e1bd;background:#38cfa621}.sidebar .system-card strong{color:#dff9f1}.sidebar .system-card strong{font-size:10.5px}.sidebar .system-card div>span{color:#bfe0d894;font-size:9px}.sidebar .user-card{border-color:#cad8f21a}.sidebar .user-card{grid-template-columns:38px 1fr 38px;gap:10px}.sidebar .user-card .avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;overflow:hidden;line-height:0}.sidebar .user-card strong{color:#eef3ff;font-size:11px}.sidebar .user-card div>span{color:#cdd8ed8f;font-size:9px}.sidebar .icon-button{color:#dbe4f580}.app-main{width:calc(100% - 244px);margin-left:244px}.topbar{height:70px;padding:0 34px;background:#eaf0f9c2;border-bottom-color:#566c951a;box-shadow:0 8px 30px #2a3a5b09;-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%)}.topbar-title{font-size:12px}.topbar-title span{color:#7d8aa1}.topbar-title strong{color:#273653}.topbar-live{min-height:30px;margin-right:14px;padding:0 11px;color:#2f816e;background:#ddf5edb8;border:1px solid rgba(42,162,132,.13);border-radius:999px;font-size:10px}.topbar .topbar-avatar{width:34px;height:34px;display:grid;place-items:center;overflow:hidden;line-height:0}.topbar-avatar,.avatar,.large-avatar{background:linear-gradient(145deg,#6e79ff,#7b4ed7);box-shadow:0 7px 18px #5b48cd33}.avatar svg{width:16px;height:16px;max-width:16px;max-height:16px}.topbar-avatar svg{width:15px;height:15px;max-width:15px;max-height:15px}.profile-panel .large-avatar{display:grid;place-items:center;overflow:hidden;line-height:0}.large-avatar svg{width:24px;height:24px;max-width:24px;max-height:24px}.drawer-user .avatar{display:grid;place-items:center;overflow:hidden;line-height:0}.content{width:min(100%,1580px);padding:34px 38px 60px}.page-stack{gap:17px}.page-heading{min-height:72px}.page-heading h1{margin-top:10px;color:#142039;font-size:clamp(25px,2.2vw,32px);letter-spacing:-.055em}.page-heading p{margin-top:7px;color:#687791;font-size:13px}.eyebrow{color:#5267f1;font-size:11px}.range-switch{height:39px;padding:4px;background:#d2dbebb8;border:1px solid rgba(105,125,163,.08);box-shadow:inset 0 1px 2px #24324c09}.range-switch button{height:29px;color:#66758e;font-size:11px}.range-switch button.active{color:#1f2d49;background:linear-gradient(180deg,#f6f8fc,#edf2f9);box-shadow:0 4px 13px #2c3d601c,inset 0 1px #ffffffb3}.icon-button.bordered,.secondary-button{color:#65738b;background:#eff4fbc2;border-color:#5b6f9424;box-shadow:inset 0 1px #ffffff9e}.metric-grid{gap:14px}.overview-metrics{grid-template-columns:1.28fr repeat(3,minmax(0,1fr))}.metric-card{min-height:142px;padding:19px;background:linear-gradient(145deg,#f4f8feeb,#e5ecf7d1);border-color:#546a921c;border-radius:18px;box-shadow:0 15px 35px #26365812,inset 0 1px #ffffffad;transition:transform .18s var(--ease-out),box-shadow .18s ease}.metric-icon{width:36px;height:36px;color:#5267f1;background:#5067ff1f;border-radius:12px}.metric-label{color:#65748d;font-size:11px}.metric-value{margin-top:5px;color:#18253f;font-size:clamp(19px,1.6vw,25px)}.metric-hint{border-color:#53688f17;color:#6e7d95;font-size:9.5px}.overview-metrics .metric-card:first-child{color:#fff;background:radial-gradient(circle at 88% 15%,rgba(120,139,255,.42),transparent 34%),linear-gradient(145deg,#263a67,#14213e 72%);border-color:#8ea2e633;box-shadow:0 22px 45px #18244633,inset 0 1px #ffffff1f}.overview-metrics .metric-card:first-child .metric-icon{color:#e7ebff;background:#7c8fff3d}.overview-metrics .metric-card:first-child .metric-label{color:#dee5f8ad}.overview-metrics .metric-card:first-child .metric-value{color:#fff}.overview-metrics .metric-card:first-child .metric-hint{color:#dbe3f794;border-color:#dce5ff1f}.overview-metrics .metric-card:nth-child(2){background:linear-gradient(145deg,#e8f8f2f0,#daefe8c7)}.overview-metrics .metric-card:nth-child(3){background:linear-gradient(145deg,#f1ecfdf0,#e4ddf8c7)}.overview-metrics .metric-card:nth-child(4){background:linear-gradient(145deg,#fdf3e2f0,#f5e8d0c7)}@media(hover:hover)and (pointer:fine){.metric-card:hover,.project-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px #2636581a,inset 0 1px #ffffffb8}}.project-grid{gap:14px}.project-card{min-height:188px;padding:20px;background:radial-gradient(circle at 92% 12%,color-mix(in srgb,var(--project-color) 18%,transparent),transparent 32%),linear-gradient(145deg,color-mix(in srgb,var(--project-color) 8%,#f1f5fb),#e4ebf5);border-color:color-mix(in srgb,var(--project-color) 15%,transparent);border-radius:18px;box-shadow:0 14px 35px #26365811,inset 0 1px #ffffffad;transition:transform .18s var(--ease-out),box-shadow .18s ease}.project-card:before{top:20px;bottom:20px;width:4px;box-shadow:0 0 18px color-mix(in srgb,var(--project-color) 35%,transparent)}.project-top .project-badge{width:35px;height:35px;flex:0 0 35px;display:grid;place-items:center;line-height:0;overflow:hidden;background:color-mix(in srgb,var(--project-color) 13%,#edf2fa);border:1px solid color-mix(in srgb,var(--project-color) 15%,transparent)}.project-badge svg{width:16px;height:16px;max-width:16px;max-height:16px;overflow:hidden}.project-top strong{font-size:12px}.project-top div>span{margin-top:3px;font-size:9.5px}.project-status{padding:5px 8px;color:#526178;background:#e8eef7c2;border:1px solid rgba(90,111,151,.1);border-radius:999px;font-size:9px}.project-volume{margin-top:22px;color:#17243e;font-size:clamp(21px,1.8vw,27px)}.project-caption{margin-top:5px;color:#718099;font-size:10px}.project-stats{margin-top:18px;padding-top:15px;border-color:#4d648d1a}.project-stats span+span{border-color:#4d648d1a}.project-stats small{font-size:9.5px}.project-stats strong{margin-top:5px;font-size:12px}.panel{padding:21px;background:linear-gradient(145deg,#f2f6fce6,#e2eaf6d1);border-color:#5268911c;border-radius:18px;box-shadow:0 16px 38px #26365812,inset 0 1px #ffffffa8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel-header h2,.settings-grid h2{color:#1c2944;font-size:16px}.panel-kicker{color:#6f7c94;font-size:9.5px}.panel-note{color:#75839a;font-size:10px}.chart-legend span{color:#6d7b92;font-size:9.5px}.chart-tooltip{font-size:10px}.chart-tooltip>span{font-size:9px}.chart-tooltip div{font-size:9.5px}.chart-wrap{height:265px;margin-top:16px;padding:8px 5px 0;border-radius:14px;background:#e7edf785}.method-list{margin-top:24px}.progress-track,.status-bar{background:#7184a71f}.progress-track{height:7px}.method-meta{font-size:10.5px}.method-meta strong{color:#2d3b58;font-size:10.5px}.method-caption{margin-top:7px;color:#77859b;font-size:9px}.status-row{min-height:51px;border-color:#556b921a;font-size:10px}.status-row>strong{color:#42516b}.status-project{background:color-mix(in srgb,var(--pill-color) 11%,#e9eff8);font-size:9px}.flow-breakdown>div{background:#e5ecf7b8;border-color:#556a911a;box-shadow:inset 0 1px #ffffff80}.flow-breakdown small{font-size:9px}.flow-breakdown strong{font-size:11px}.traders-panel{background:linear-gradient(145deg,#f1f5fcf0,#e1e9f5e0)}.traders-panel>.panel-header{border-color:#52678e1a}.filter-select{background:#e7edf7cc;border-color:#586d9521}.trader-table{font-size:11.5px}.trader-table th{height:44px;color:#64738d;background:#d5dfeea6;font-size:9.5px}.trader-table td{height:64px;color:#44536d;border-color:#556a9017}.trader-table tbody tr{transition:background-color .16s ease}@media(hover:hover)and (pointer:fine){.trader-table tbody tr:hover{background:#e9eff9b8}}.rank{width:26px;height:26px;background:#d1dbebb3;font-size:10px}.rank.top{color:#4d62ef;background:#4f65f41f}.trader-name{gap:11px;color:#2f3e59;font-size:11.5px}.trader-name>span{width:31px;height:31px;color:#5f52bf;background:#785bd61f}.project-pill{padding:6px 9px;font-size:9px}.conversion{min-width:50px;padding:6px 8px;font-size:10px}.login-page{background:radial-gradient(circle at 16% 12%,rgba(91,111,255,.28),transparent 31%),radial-gradient(circle at 86% 84%,rgba(22,183,159,.18),transparent 29%),linear-gradient(145deg,#17233e,#0b1325 72%)}.login-page .grid-glow{opacity:.42;background-image:linear-gradient(rgba(188,202,237,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(188,202,237,.06) 1px,transparent 1px)}.login-panel{color:#eaf0ff;background:linear-gradient(145deg,#1d2a48e6,#111c33de);border-color:#a6b9e729;box-shadow:0 35px 90px #01061261,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(25px) saturate(130%);backdrop-filter:blur(25px) saturate(130%)}.login-panel .brand,.login-copy h1{color:#f7f9ff}.login-copy p{color:#d5e0f6a8;font-size:13px}.login-panel .eyebrow{color:#9caaff}.login-panel .field{color:#dde5f6c2;font-size:13px}.login-panel .field-control{color:#d2dcf180;background:#08102259;border-color:#a2b4dd24}.login-panel .field-control:focus-within{color:#9cabff;background:#0810228a;border-color:#8397ff85;box-shadow:0 0 0 3px #677cff1f}.login-panel .field-control input{color:#eef3ff;font-size:14px}.login-panel .field-control input::placeholder{color:#c9d4ec52}.login-panel .primary-button{background:linear-gradient(135deg,#6f7fff,#5264ee);box-shadow:0 13px 30px #3f4fdd57}.login-security{color:#cbd7ef61;border-color:#c5d3f11a}.login-footer{color:#cbd7ef6b}.settings-grid .panel{background:linear-gradient(145deg,#f1f5fceb,#e1e9f5d6)}.profile-panel p,.session-panel p{font-size:11px}.role-chip{color:#4e63ed;background:#4f65f41a}.password-panel .field-control{background:#e4ebf6bf}.danger-button{color:#ad4a59;background:#f8dee39e;border-color:#bc4c5b21}.primary-button{background:linear-gradient(135deg,#6274ff,#4d61ec);box-shadow:0 10px 24px #4758e03b}@media(hover:hover)and (pointer:fine){.primary-button:hover{background:linear-gradient(135deg,#586cff,#4257e1)}}@media(max-width:1120px){.sidebar{width:214px}.app-main{width:calc(100% - 214px);margin-left:214px}.app-main:before{left:214px}.content{padding-inline:24px}.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.app-main{width:100%;margin-left:0}.app-main:before{left:0}.topbar{background:#e8eff9db}.mobile-drawer{color:#e7edfa;background:linear-gradient(180deg,#17233e,#0d1528);box-shadow:25px 0 70px #080e1c59}.mobile-drawer .brand{color:#fff}.mobile-drawer .nav-item{color:#dae3f49e}.mobile-drawer .nav-item.active{color:#fff;background:#6375ff33}.drawer-user{border-color:#d2ddf21a}.drawer-user strong{color:#eef3ff}.drawer-logout{color:#ffc5cc;background:#bb384b21}}@media(max-width:640px){.topbar{height:62px;padding-inline:14px}.content{padding:22px 12px 32px}.page-heading h1{font-size:25px}.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-metrics .metric-card:first-child,.overview-metrics .metric-card:last-child{grid-column:1 / -1}.metric-card{min-height:126px;border-radius:16px}.overview-metrics .metric-card:first-child{min-height:144px}.project-card,.panel{border-radius:16px}.project-card{min-height:175px}.chart-wrap{height:230px;margin-inline:-5px}.trader-mobile-card{border-color:#53688f17}.mobile-nav{background:#0f182bf0;border-top-color:#a3b4d81f;box-shadow:0 -12px 34px #19254024;-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%)}.mobile-nav .nav-item{color:#d6e0f37a}.mobile-nav .nav-item{font-size:9px}.mobile-nav .nav-item.active{color:#fff;background:#6476ff33}.login-panel{padding:29px 23px 24px}}@media(prefers-reduced-motion:reduce){.metric-card,.project-card{transform:none!important}}