/* FX Monitor layout mode. This changes information architecture and component
   geometry in addition to the palette. */
.fx-shell-header,.fx-shell-sidebar,.fx-classic-only,.fx-only{display:none}.auth-actions{display:flex;align-items:center;gap:8px}.design-toggle,.language-toggle{display:inline-grid;place-items:center;min-width:42px;min-height:42px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--cyan);font-weight:850;cursor:pointer}.design-toggle{min-width:92px}
html[data-design="fxmonitor"]{color-scheme:light;--bg:#f7f7f5;--surface:#fff;--surface2:#f5f5f2;--line:#deded9;--text:#181b20;--muted:#6f7278;--cyan:#5f63d9;--cyan2:#7477e5;--green:#397f6d;--red:#c65353;--yellow:#a96f18;--blue:#1682b5;--lime:#b9f52c;--radius:9px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
html[data-design="fxmonitor"] body{background:#f7f7f5;color:#181b20}html[data-design="fxmonitor"] .app-shell{display:block;min-height:100vh;background:#f7f7f5}html[data-design="fxmonitor"] .sidebar,html[data-design="fxmonitor"] .topbar{display:none!important}html[data-design="fxmonitor"] .workspace{min-width:0;background:#f7f7f5}
html[data-design="fxmonitor"] .fx-shell-header{position:sticky;top:0;z-index:var(--layer-sticky);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;min-height:58px;padding:8px 24px;border-bottom:1px solid #deded9;background:#ffffffed;box-shadow:0 1px 0 #fff inset;backdrop-filter:blur(16px)}
html[data-design="fxmonitor"] .fx-shell-brand{display:flex;align-items:center;gap:9px;color:#171a1f;text-decoration:none;white-space:nowrap}html[data-design="fxmonitor"] .fx-shell-brand strong{font-size:18px;letter-spacing:-.04em}html[data-design="fxmonitor"] .fx-shell-brand>span:last-child{padding-left:9px;border-left:1px solid #deded9;color:#76787d;font-size:10px;text-transform:uppercase;letter-spacing:.08em}html[data-design="fxmonitor"] .fx-shell-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#b9f52c;color:#161a1d;font-size:18px;font-weight:950;transform:rotate(-4deg)}
html[data-design="fxmonitor"] .fx-shell-nav{display:flex;align-items:center;gap:2px;min-width:0;overflow-x:auto;scrollbar-width:none}html[data-design="fxmonitor"] .fx-shell-nav::-webkit-scrollbar{display:none}html[data-design="fxmonitor"] .fx-shell-nav .nav-link,html[data-design="fxmonitor"] .fx-shell-actions .nav-link{width:auto;min-height:38px;justify-content:center;gap:6px;padding:8px 10px;border:0;border-radius:7px;background:transparent;color:#686b71;font-size:12px;font-weight:550;white-space:nowrap;box-shadow:none}html[data-design="fxmonitor"] .fx-shell-nav .nav-link:hover,html[data-design="fxmonitor"] .fx-shell-nav .nav-link.active,html[data-design="fxmonitor"] .fx-shell-actions .nav-link:hover,html[data-design="fxmonitor"] .fx-shell-actions .nav-link.active{background:#f0f0ed;color:#171a1f}html[data-design="fxmonitor"] .fx-shell-actions{display:flex;align-items:center;gap:6px}html[data-design="fxmonitor"] .fx-shell-actions .design-toggle,html[data-design="fxmonitor"] .fx-shell-actions .language-toggle,html[data-design="fxmonitor"] .fx-icon-link{min-width:38px;min-height:38px;border:1px solid #deded9!important;border-radius:8px!important;background:#fff!important;color:#565a61!important;font-size:11px}html[data-design="fxmonitor"] .fx-shell-actions .button.primary{min-height:38px;padding:8px 13px}
html[data-design="fxmonitor"] #content{max-width:1640px;margin:0 auto;padding:18px 22px 70px}html[data-design="fxmonitor"] .fx-only{display:block}
html[data-design="fxmonitor"] .fx-context-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;padding:15px 16px;border:1px solid #deded9;border-left:3px solid #427d72;border-radius:9px;background:#fff;box-shadow:0 1px 2px #20252b0a}html[data-design="fxmonitor"] .fx-context-identity{display:flex;align-items:center;gap:13px;min-width:0}html[data-design="fxmonitor"] .fx-context-avatar{display:grid;place-items:center;flex:0 0 auto;width:45px;height:45px;border-radius:11px;background:linear-gradient(145deg,#5f63d9,#756ce8);color:#fff;font-size:14px;font-weight:850}html[data-design="fxmonitor"] .fx-context-identity h1{margin:0;font-size:20px;line-height:1.15;letter-spacing:-.025em}html[data-design="fxmonitor"] .fx-context-identity p{margin:3px 0 0;color:#72757a;font-size:11px}html[data-design="fxmonitor"] .fx-context-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}html[data-design="fxmonitor"] .fx-context-badge{padding:3px 6px;border-radius:3px;background:#f0f0ed;color:#777980;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}html[data-design="fxmonitor"] .fx-context-badge.live{background:#dcebe6;color:#377465}html[data-design="fxmonitor"] .fx-context-badge.warn{background:#f5ead3;color:#916217}html[data-design="fxmonitor"] .fx-context-badge.safe{background:#e8e8fb;color:#5759b7}html[data-design="fxmonitor"] .fx-context-actions{display:flex;gap:7px}
html[data-design="fxmonitor"] .filter-bar{position:relative;top:auto;margin:0 0 14px;padding:9px 12px;border:1px solid #deded9;border-radius:9px;background:#fff}html[data-design="fxmonitor"] .filter-bar .eyebrow{display:none}html[data-design="fxmonitor"] .filter-groups{gap:6px}html[data-design="fxmonitor"] .filter-popover summary,html[data-design="fxmonitor"] .compact-select select,html[data-design="fxmonitor"] .compact-select input,html[data-design="fxmonitor"] .workspace-search input,html[data-design="fxmonitor"] .activity-tags input,html[data-design="fxmonitor"] .settings-select,html[data-design="fxmonitor"] .password-form input,html[data-design="fxmonitor"] .form-grid input,html[data-design="fxmonitor"] .form-grid select,html[data-design="fxmonitor"] .auth-card input{min-height:36px;border:1px solid #d7d7d2;border-radius:6px;background:#fff;color:#1f2227}html[data-design="fxmonitor"] .filter-popover summary{min-width:145px;padding:8px 29px 8px 10px;font-size:11px}html[data-design="fxmonitor"] .filter-popover[open] summary,html[data-design="fxmonitor"] input:focus,html[data-design="fxmonitor"] select:focus{border-color:#676bd9;box-shadow:0 0 0 3px #676bd915}html[data-design="fxmonitor"] .filter-menu{border:1px solid #d7d7d2;border-radius:8px;background:#fff;color:#202329;box-shadow:0 14px 40px #1d232b24}html[data-design="fxmonitor"] .filter-option:hover{background:#f3f3ef}html[data-design="fxmonitor"] .filter-option input{accent-color:#6569d8}html[data-design="fxmonitor"] .filter-actions button{background:#f0f0ed;color:#5659b5}html[data-design="fxmonitor"] .filter-actions .filter-apply{background:#6266d6;color:#fff;box-shadow:none}
html[data-design="fxmonitor"] .button{border-radius:7px;font-weight:650;box-shadow:none}html[data-design="fxmonitor"] .button.primary{background:#6266d6;color:#fff;box-shadow:none}html[data-design="fxmonitor"] .button.primary:hover{background:#5256c5}html[data-design="fxmonitor"] .button.secondary{border-color:#d5d5d0;background:#fff;color:#3f4248}html[data-design="fxmonitor"] .text-button{color:#595dc4}
html[data-design="fxmonitor"] .period-switch{display:flex;width:max-content;margin:0 0 10px auto;padding:2px;border:1px solid #d9d9d4;border-radius:7px;background:#fff}html[data-design="fxmonitor"] .period-switch button{padding:6px 12px;border-radius:5px;color:#6f7278}html[data-design="fxmonitor"] .period-switch button.active{background:#ececf9;color:#5559bc}
html[data-design="fxmonitor"] .metrics-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}html[data-design="fxmonitor"] .metric,html[data-design="fxmonitor"] .metric.primary-metric{position:relative;min-height:104px;padding:14px 14px 12px;border:1px solid #deded9;border-radius:9px;background:#fff;color:#171a1f;box-shadow:0 1px 2px #20252b0a}html[data-design="fxmonitor"] .metric::before{content:"";position:absolute;inset:0 auto 0 0;width:2px;border-radius:9px 0 0 9px;background:#4a8176}html[data-design="fxmonitor"] .metric:nth-child(2)::before{background:#6569d8}html[data-design="fxmonitor"] .metric:nth-child(3)::before{background:#1682b5}html[data-design="fxmonitor"] .metric:nth-child(4)::before{background:#4a8176}html[data-design="fxmonitor"] .metric:nth-child(5)::before{background:#b07a27}html[data-design="fxmonitor"] .metric:nth-child(6)::before{background:#7568d8}html[data-design="fxmonitor"] .metric p{margin:0 0 10px;color:#64676d;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}html[data-design="fxmonitor"] .metric strong{display:block;font-size:22px;font-weight:500;letter-spacing:-.025em}html[data-design="fxmonitor"] .metric small{margin-top:7px;color:#777a80;font-size:10px}
html[data-design="fxmonitor"] .dashboard-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(255px,1fr);gap:10px;margin-top:10px}html[data-design="fxmonitor"] .panel,html[data-design="fxmonitor"] .workspace-card,html[data-design="fxmonitor"] .workspace-panel{border:1px solid #deded9;border-radius:9px;background:#fff;color:#1b1e23;box-shadow:0 1px 2px #20252b08}html[data-design="fxmonitor"] .panel{padding:14px}html[data-design="fxmonitor"] .panel h3,html[data-design="fxmonitor"] .section-heading h3{font-size:13px;font-weight:600}html[data-design="fxmonitor"] .panel .eyebrow,html[data-design="fxmonitor"] .section-heading .eyebrow,html[data-design="fxmonitor"] .workspace-heading .eyebrow{color:#6c6f75;font-size:9px}html[data-design="fxmonitor"] .chart-panel{min-height:420px;padding:0;overflow:hidden}html[data-design="fxmonitor"] .chart-panel .panel-head{min-height:54px;padding:11px 14px;border-bottom:1px solid #deded9}html[data-design="fxmonitor"] .chart-panel .equity-controls{padding:0 14px}html[data-design="fxmonitor"] .chart-panel svg,html[data-design="fxmonitor"] .chart-empty{height:310px;padding:0 14px}html[data-design="fxmonitor"] .chart-grid{stroke:#e5e5e1}html[data-design="fxmonitor"] .chart-line{stroke:#447c72}html[data-design="fxmonitor"] .chart-dot{fill:#fff;stroke:#447c72}
html[data-design="fxmonitor"] .health-panel{padding:0;overflow:hidden}html[data-design="fxmonitor"] .fx-performance-summary{display:block}html[data-design="fxmonitor"] .fx-summary-title{margin:0;padding:12px 14px 6px;color:#686b70;font-size:9px;font-weight:800;letter-spacing:.15em}html[data-design="fxmonitor"] .fx-summary-rows{padding:0 14px 10px;border-bottom:1px solid #e2e2de}html[data-design="fxmonitor"] .fx-summary-row{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:11px}html[data-design="fxmonitor"] .fx-summary-row span{color:#72757b}html[data-design="fxmonitor"] .fx-summary-row strong{font-size:11px;font-weight:550;text-align:right}html[data-design="fxmonitor"] .health-panel>.panel-head{padding:12px 14px 3px}html[data-design="fxmonitor"] .health-list{margin:0;padding:0 14px 8px}html[data-design="fxmonitor"] .health-row{padding:9px 0;border-color:#e2e2de}html[data-design="fxmonitor"] .health-row strong{font-size:10px}html[data-design="fxmonitor"] .health-row small,html[data-design="fxmonitor"] .status-label{font-size:9px}
html[data-design="fxmonitor"] .equity-ranges button,html[data-design="fxmonitor"] .workspace-tabs button{border-radius:6px;background:#f0f0ed;color:#676a70}html[data-design="fxmonitor"] .equity-ranges button.active,html[data-design="fxmonitor"] .workspace-tabs button.active{background:#e9e9f8;color:#575bc0;box-shadow:inset 0 -2px #6569d8}html[data-design="fxmonitor"] .equity-tooltip,html[data-design="fxmonitor"] .candle-tooltip{border-color:#d4d4cf;border-radius:7px;background:#fffffff2;color:#202328;box-shadow:0 9px 30px #1c222a24}html[data-design="fxmonitor"] .candle-tooltip-grid span{background:#f2f2ee}html[data-design="fxmonitor"] .equity-selection-indicator{background:#6266d688}html[data-design="fxmonitor"] .equity-selection-indicator::after{background:#6266d6}
html[data-design="fxmonitor"] .section-block{margin-top:28px;padding-top:13px;border-top:1px solid #d9d9d5}html[data-design="fxmonitor"] .section-heading{margin-bottom:9px}html[data-design="fxmonitor"] .section-heading::before{content:"≡";align-self:flex-start;margin-right:8px;color:#73767b;font-size:10px}html[data-design="fxmonitor"] .section-heading>div{margin-right:auto}html[data-design="fxmonitor"] .accounts-table,html[data-design="fxmonitor"] .positions-table,html[data-design="fxmonitor"] .workspace-data-table{border:1px solid #deded9;border-radius:9px;background:#fff;box-shadow:none}html[data-design="fxmonitor"] .table-row,html[data-design="fxmonitor"] .workspace-data-row{border-color:#e2e2de}html[data-design="fxmonitor"] .table-row.header,html[data-design="fxmonitor"] .workspace-data-row.header{background:#f5f5f2;color:#6d7075}html[data-design="fxmonitor"] .table-row{padding:11px 14px;font-size:11px}html[data-design="fxmonitor"] .workspace-data-row>div{padding:10px;font-size:11px}html[data-design="fxmonitor"] .workspace-data-row.activity-row:hover,html[data-design="fxmonitor"] .account-row[role="button"]:hover{background:#f4f4f1;outline:0}html[data-design="fxmonitor"] .exchange-badge{border-radius:6px;background:#ebebf8;color:#5c60c6}html[data-design="fxmonitor"] .status-pill{border-color:#deded9;background:#f8f8f6}
html[data-design="fxmonitor"] .fx-monitor-section{margin-top:28px;padding-top:14px;border-top:1px solid #d9d9d5}html[data-design="fxmonitor"] .fx-monitor-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:9px}html[data-design="fxmonitor"] .fx-monitor-heading.compact{margin-top:23px}html[data-design="fxmonitor"] .fx-monitor-heading h3{margin:2px 0 0;font-size:14px;font-weight:600}html[data-design="fxmonitor"] .fx-monitor-tabs{display:flex;gap:3px;padding:2px;border:1px solid #deded9;border-radius:7px;background:#fff}html[data-design="fxmonitor"] .fx-monitor-tabs span{padding:6px 10px;border-radius:5px;color:#73767c;font-size:10px}html[data-design="fxmonitor"] .fx-monitor-tabs span.active{background:#eeeeeb;color:#25282d;font-weight:700}html[data-design="fxmonitor"] .fx-period-table{overflow:hidden;border:1px solid #deded9;border-radius:9px;background:#fff}html[data-design="fxmonitor"] .fx-period-row{display:grid;grid-template-columns:1.1fr repeat(3,minmax(100px,1fr)) minmax(170px,1.5fr);align-items:center;min-height:42px;border-top:1px solid #e5e5e1;font-size:11px}html[data-design="fxmonitor"] .fx-period-row:first-child{border-top:0}html[data-design="fxmonitor"] .fx-period-row.header{min-height:34px;background:#f5f5f2;color:#74777c;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}html[data-design="fxmonitor"] .fx-period-row>*{padding:8px 12px}html[data-design="fxmonitor"] .fx-stat-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));overflow:hidden;border:1px solid #deded9;border-radius:9px;background:#fff}html[data-design="fxmonitor"] .fx-stat{min-height:76px;padding:13px;border-left:1px solid #e4e4df}html[data-design="fxmonitor"] .fx-stat:first-child{border-left:0}html[data-design="fxmonitor"] .fx-stat small{display:block;min-height:26px;color:#73767c;font-size:9px;line-height:1.35;text-transform:uppercase;letter-spacing:.06em}html[data-design="fxmonitor"] .fx-stat strong{display:block;margin-top:7px;font-size:14px;font-weight:550}html[data-design="fxmonitor"] .fx-analytics-statistics{margin-bottom:8px}
html[data-design="fxmonitor"] .workspace-toolbar{position:static;margin-bottom:12px;padding:9px;border:1px solid #deded9;border-radius:9px;background:#fff;backdrop-filter:none}html[data-design="fxmonitor"] .workspace-heading{align-items:center;margin:22px 0 11px;padding-top:13px;border-top:1px solid #d9d9d5}html[data-design="fxmonitor"] .workspace-heading h2{margin:2px 0;font-size:17px}html[data-design="fxmonitor"] .workspace-heading .subtle{font-size:10px}html[data-design="fxmonitor"] .count-badge{border-color:#d5d5d0;border-radius:7px;background:#fff;color:#5559ba}html[data-design="fxmonitor"] .account-card-grid,html[data-design="fxmonitor"] .connection-card-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:10px}html[data-design="fxmonitor"] .workspace-card{padding:14px}html[data-design="fxmonitor"] .workspace-card:hover{border-color:#b8b8d9;transform:none}html[data-design="fxmonitor"] .mini-metrics{margin:13px 0}html[data-design="fxmonitor"] .mini-metric{border:1px solid #e2e2de;border-radius:6px;background:#f7f7f4}html[data-design="fxmonitor"] .comparison-grid{gap:10px}html[data-design="fxmonitor"] .comparison-row,html[data-design="fxmonitor"] .capability-row,html[data-design="fxmonitor"] .diagnostics,html[data-design="fxmonitor"] .connection-actions-secondary{border-color:#e2e2de}html[data-design="fxmonitor"] .diagnostics summary{color:#4e5157}html[data-design="fxmonitor"] .settings-grid{gap:10px}html[data-design="fxmonitor"] .settings-section{box-shadow:none}html[data-design="fxmonitor"] .security-copy-block,html[data-design="fxmonitor"] .risk-warning{border-radius:4px;background:#f2f2ee}html[data-design="fxmonitor"] .security-note{border-color:#bad6ce;border-radius:7px;background:#edf6f3;color:#397568}html[data-design="fxmonitor"] .security-note p{color:#5f746f}html[data-design="fxmonitor"] .demo-toggle,html[data-design="fxmonitor"] .choice-card{border-color:#d9d9d4;border-radius:7px;background:#fff}html[data-design="fxmonitor"] .choice-card:has(input:checked){border-color:#676bd9;background:#f2f2fb}html[data-design="fxmonitor"] .pnl-calendar button{border-color:#dcdcd7;border-radius:6px;background:#fff;color:#25282d}html[data-design="fxmonitor"] .pnl-calendar button.positive-day{border-color:#9dc4b8;background:#edf6f3}html[data-design="fxmonitor"] .pnl-calendar button.negative-day{border-color:#ddb1b1;background:#fbefef}
html[data-design="fxmonitor"] dialog,html[data-design="fxmonitor"] .equity-candle-dialog{border-color:#d6d6d1;border-radius:11px;background:#fff;color:#1e2126;box-shadow:0 25px 80px #20252b3d}html[data-design="fxmonitor"] dialog::backdrop,html[data-design="fxmonitor"] .equity-candle-dialog::backdrop{background:#2a2c346e}html[data-design="fxmonitor"] .equity-candle-dialog .dialog-close{border-color:#d6d6d1;background:#f4f4f1;color:#34373c}html[data-design="fxmonitor"] .candle-contributors,html[data-design="fxmonitor"] .candle-cashflows{border-color:#deded9;background:#f7f7f4}
html[data-design="fxmonitor"] .auth-shell{grid-template-columns:1fr;min-height:100vh;background:#f7f7f5}html[data-design="fxmonitor"] .auth-story{display:none}html[data-design="fxmonitor"] .auth-panel{min-height:100vh;padding:30px;background:#f7f7f5}html[data-design="fxmonitor"] .auth-card{width:min(430px,100%);padding:30px;border:1px solid #deded9;border-radius:11px;background:#fff;box-shadow:0 10px 35px #20252b12}html[data-design="fxmonitor"] .auth-card::before{content:"✓  Northstar Crypto Monitor";color:#181b20;font-weight:800}html[data-design="fxmonitor"] .auth-tab.active{color:#565ac3;border-color:#6266d6}html[data-design="fxmonitor"] .auth-card label{color:#4f5258}html[data-design="fxmonitor"] .inline-error{border-color:#e2aaaa;background:#fbefef;color:#a44040}html[data-design="fxmonitor"] .toast{border:1px solid #d8d8d3;background:#fff;color:#202329;box-shadow:0 10px 32px #252a3128}
@media(max-width:1220px){html[data-design="fxmonitor"] .fx-shell-header{gap:12px;padding-inline:14px}html[data-design="fxmonitor"] .fx-shell-brand>span:last-child{display:none}html[data-design="fxmonitor"] .fx-shell-nav .nav-link{padding-inline:7px}html[data-design="fxmonitor"] .metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}html[data-design="fxmonitor"] .fx-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}html[data-design="fxmonitor"] .fx-stat:nth-child(5){border-left:0;border-top:1px solid #e4e4df}html[data-design="fxmonitor"] .fx-stat:nth-child(n+6){border-top:1px solid #e4e4df}}
@media(max-width:900px){html[data-design="fxmonitor"] .fx-shell-header{grid-template-columns:auto 1fr auto}html[data-design="fxmonitor"] .fx-shell-nav{order:4;grid-column:1/-1;margin:0 -14px -8px;padding:0 10px 6px;border-top:1px solid #e6e6e2}html[data-design="fxmonitor"] .fx-shell-actions{justify-self:end}html[data-design="fxmonitor"] .fx-shell-actions>.button.primary{display:none}html[data-design="fxmonitor"] .dashboard-grid{grid-template-columns:1fr}html[data-design="fxmonitor"] .health-panel{display:grid;grid-template-columns:1fr 1fr}html[data-design="fxmonitor"] .fx-performance-summary{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}html[data-design="fxmonitor"] .fx-summary-title{grid-row:1}html[data-design="fxmonitor"] .fx-summary-rows{border-right:1px solid #e2e2de}}
@media(max-width:700px){html[data-design="fxmonitor"] #content{padding:12px 10px 48px}html[data-design="fxmonitor"] .fx-shell-header{padding:7px 10px}html[data-design="fxmonitor"] .fx-shell-brand strong{font-size:16px}html[data-design="fxmonitor"] .fx-shell-actions .language-toggle,html[data-design="fxmonitor"] .fx-shell-actions .fx-icon-link[data-view="connections"]{display:none}html[data-design="fxmonitor"] .fx-context-bar{align-items:flex-start;padding:12px}html[data-design="fxmonitor"] .fx-context-avatar{width:40px;height:40px}html[data-design="fxmonitor"] .fx-context-identity h1{font-size:17px}html[data-design="fxmonitor"] .fx-context-actions{display:none}html[data-design="fxmonitor"] .filter-groups{flex-wrap:nowrap;overflow-x:auto}html[data-design="fxmonitor"] .filter-popover summary{min-width:128px}html[data-design="fxmonitor"] .period-switch{margin-left:0}html[data-design="fxmonitor"] .metrics-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}html[data-design="fxmonitor"] .metric,html[data-design="fxmonitor"] .metric.primary-metric{min-width:170px;scroll-snap-align:start}html[data-design="fxmonitor"] .chart-panel{min-height:370px}html[data-design="fxmonitor"] .chart-panel svg,html[data-design="fxmonitor"] .chart-empty{height:270px}html[data-design="fxmonitor"] .health-panel{display:block}html[data-design="fxmonitor"] .fx-performance-summary{display:block}html[data-design="fxmonitor"] .fx-summary-rows{border-right:0}html[data-design="fxmonitor"] .workspace-toolbar{display:grid}html[data-design="fxmonitor"] .settings-grid{grid-template-columns:1fr}html[data-design="fxmonitor"] .settings-privacy{grid-column:auto}html[data-design="fxmonitor"] .workspace-data-table{border:0;background:transparent}html[data-design="fxmonitor"] .workspace-data-row{border:1px solid #deded9;border-radius:8px;background:#fff}html[data-design="fxmonitor"] .fx-monitor-heading{align-items:flex-start;flex-direction:column}html[data-design="fxmonitor"] .fx-monitor-tabs{max-width:100%;overflow-x:auto}html[data-design="fxmonitor"] .fx-period-table{overflow-x:auto}html[data-design="fxmonitor"] .fx-period-row{min-width:720px}html[data-design="fxmonitor"] .fx-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-design="fxmonitor"] .fx-stat:nth-child(odd){border-left:0}html[data-design="fxmonitor"] .fx-stat:nth-child(n+3){border-top:1px solid #e4e4df}}
@media(max-width:430px){html[data-design="fxmonitor"] .fx-shell-actions .design-toggle{display:none}html[data-design="fxmonitor"] .fx-shell-nav .nav-link{min-width:78px}html[data-design="fxmonitor"] .fx-context-badges .fx-context-badge:nth-child(n+4){display:none}html[data-design="fxmonitor"] .auth-panel{padding:14px}html[data-design="fxmonitor"] .auth-card{padding:22px 18px}}

/* Classic FXMonitor shell based on the supplied account-screen reference. */
html[data-design="fxmonitor"] {
  --fx-blue: #06396b;
  --fx-blue-deep: #03284d;
  --fx-blue-bright: #0d5d9f;
  --fx-canvas: #eef1f3;
  --fx-sidebar: #f5f6f6;
  --fx-border: #d5dadd;
  --fx-green: #24a455;
  --fx-green-soft: #70c988;
  --fx-copy: #26333c;
  --bg: var(--fx-canvas);
  --surface: #fff;
  --surface2: #f6f7f7;
  --line: var(--fx-border);
  --text: var(--fx-copy);
  --muted: #73818a;
  --cyan: var(--fx-blue-bright);
  --cyan2: #1971b8;
  --green: var(--fx-green);
  --red: #cf3f4f;
  --yellow: #c89416;
  --radius: 4px;
}

html[data-design="fxmonitor"] body { background: var(--fx-canvas); color: var(--fx-copy); }
html[data-design="fxmonitor"] .app-shell {
  display: grid;
  grid-template-columns: 246px minmax(0, 1fr);
  grid-template-rows: 72px minmax(calc(100vh - 72px), auto);
  min-height: 100vh;
  background: var(--fx-canvas);
}
html[data-design="fxmonitor"] .fx-shell-header {
  position: sticky;
  top: 0;
  z-index: var(--layer-sticky);
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 72px;
  padding: 0 20px;
  border: 0;
  border-bottom: 1px solid #092f55;
  border-radius: 0;
  background: linear-gradient(105deg, var(--fx-blue-deep), #07518c 54%, #03294f);
  box-shadow: 0 2px 8px #00203c45;
  color: #fff;
}
html[data-design="fxmonitor"] .fx-shell-brand { display: flex; align-items: center; gap: 12px; color: #fff; }
html[data-design="fxmonitor"] .fx-shell-brand strong { font-size: 24px; font-weight: 850; letter-spacing: -.055em; color: #77b5d7; text-shadow: 0 1px #001b36; }
html[data-design="fxmonitor"] .fx-shell-brand > span { padding-left: 12px; border-left: 1px solid #ffffff3b; color: #c9dbea; font-size: 8px; font-weight: 700; line-height: 1.2; letter-spacing: .05em; }
html[data-design="fxmonitor"] .fx-shell-actions { display: flex; align-items: center; gap: 8px; }
html[data-design="fxmonitor"] .fx-shell-actions .button.primary { min-height: 35px; background: #ffffff; color: var(--fx-blue); }
html[data-design="fxmonitor"] .fx-shell-actions .design-toggle,
html[data-design="fxmonitor"] .fx-shell-actions .language-toggle { min-height: 35px; border-color: #ffffff55 !important; background: #07365f !important; color: #fff !important; }
html[data-design="fxmonitor"] .fx-live-caption { display: inline-flex; align-items: center; gap: 7px; color: #cde2f1; font-size: 9px; font-weight: 750; letter-spacing: .08em; }

html[data-design="fxmonitor"] .fx-shell-sidebar {
  position: sticky;
  top: 72px;
  z-index: 8;
  grid-column: 1;
  grid-row: 2;
  display: flex;
  flex-direction: column;
  align-self: start;
  min-height: calc(100vh - 72px);
  padding: 17px 14px 12px;
  border-right: 1px solid var(--fx-border);
  background: var(--fx-sidebar);
  box-shadow: 2px 0 8px #1c2d3b0b;
}
html[data-design="fxmonitor"] .fx-menu-title { display: flex; align-items: center; gap: 13px; padding: 0 8px 17px; color: #303a41; font-size: 12px; }
html[data-design="fxmonitor"] .fx-menu-title > span { font-size: 17px; }
html[data-design="fxmonitor"] .fx-shell-sidebar > p { margin: 13px 9px 6px; color: #a0a8ad; font-size: 8px; letter-spacing: .06em; }
html[data-design="fxmonitor"] .fx-shell-sidebar nav { display: grid; gap: 2px; }
html[data-design="fxmonitor"] .fx-shell-sidebar .nav-link {
  display: flex;
  width: 100%;
  min-height: 38px;
  align-items: center;
  justify-content: flex-start;
  gap: 13px;
  padding: 8px 10px;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: #34434d;
  font-size: 11px;
  font-weight: 550;
  box-shadow: none;
}
html[data-design="fxmonitor"] .fx-shell-sidebar .nav-link > span:first-child { width: 18px; color: #52636e; text-align: center; }
html[data-design="fxmonitor"] .fx-shell-sidebar .nav-link:hover,
html[data-design="fxmonitor"] .fx-shell-sidebar .nav-link.active { background: #e2e7e9; color: var(--fx-blue); box-shadow: inset 3px 0 var(--fx-blue-bright); }
html[data-design="fxmonitor"] .fx-menu-footer { display: flex; gap: 13px; margin-top: auto; padding: 14px 10px 4px; border-top: 1px solid var(--fx-border); color: #475760; font-size: 10px; }

html[data-design="fxmonitor"] .workspace { grid-column: 2; grid-row: 2; min-width: 0; background: var(--fx-canvas); }
html[data-design="fxmonitor"] .topbar { display: none !important; }
html[data-design="fxmonitor"] .fx-workspace-head {
  position: sticky;
  top: 72px;
  z-index: 7;
  display: flex;
  min-height: 65px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 0 23px;
  border-bottom: 1px solid var(--fx-border);
  background: #f9fafaed;
  backdrop-filter: blur(10px);
}
html[data-design="fxmonitor"] .fx-workspace-identity { display: flex; align-items: center; gap: 13px; min-width: 180px; }
html[data-design="fxmonitor"] .fx-workspace-identity > span { color: #60717c; font-size: 18px; }
html[data-design="fxmonitor"] .fx-workspace-identity div { display: grid; }
html[data-design="fxmonitor"] .fx-workspace-identity strong { color: #29353c; font-size: 12px; font-weight: 650; }
html[data-design="fxmonitor"] .fx-workspace-identity small { margin-top: 2px; color: #81a763; font-size: 9px; }
html[data-design="fxmonitor"] .fx-account-tabs { display: flex; align-items: center; gap: 3px; overflow-x: auto; }
html[data-design="fxmonitor"] .fx-account-tabs .nav-link { width: auto; min-height: 36px; justify-content: center; gap: 7px; padding: 7px 12px; border-radius: 4px; color: #42515b; font-size: 10px; white-space: nowrap; }
html[data-design="fxmonitor"] .fx-account-tabs .nav-link:hover { background: #e7ecee; }
html[data-design="fxmonitor"] .fx-account-tabs .nav-link.active { background: var(--fx-blue); color: #fff; box-shadow: none; }

html[data-design="fxmonitor"] #content { max-width: none; margin: 0; padding: 14px 22px 56px; }
html[data-design="fxmonitor"] .fx-context-bar { display: none; }
html[data-design="fxmonitor"] .filter-bar { margin: 0 0 12px; padding: 8px 10px; border-color: var(--fx-border); border-radius: 3px; background: #f8f9f9; box-shadow: none; }
html[data-design="fxmonitor"] .filter-popover summary { min-height: 32px; min-width: 130px; border-radius: 3px; font-size: 9px; }
html[data-design="fxmonitor"] .period-switch { margin: 0 0 10px; border-radius: 3px; }
html[data-design="fxmonitor"] .period-switch button { border-radius: 2px; }

html[data-design="fxmonitor"] .fx-system-monitor { display: grid; grid-template-columns: minmax(310px, 430px); margin-bottom: 13px; }
html[data-design="fxmonitor"] .fx-trading-system-card { overflow: hidden; border: 1px solid var(--fx-border); border-radius: 3px; background: #fff; box-shadow: 0 2px 9px #19304712; }
html[data-design="fxmonitor"] .fx-system-card-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 11px 7px; }
html[data-design="fxmonitor"] .fx-system-card-head > div { display: flex; align-items: center; gap: 7px; }
html[data-design="fxmonitor"] .fx-system-card-head strong { font-size: 11px; }
html[data-design="fxmonitor"] .fx-system-card-head > small { color: #849099; font-size: 8px; }
html[data-design="fxmonitor"] .fx-system-id { display: inline-grid; place-items: center; min-width: 18px; min-height: 18px; padding: 2px 5px; border-radius: 10px; background: #d84552; color: #fff; font-size: 8px; }
html[data-design="fxmonitor"] .fx-system-summary { display: grid; grid-template-columns: 1fr 1.15fr; gap: 12px; padding: 4px 12px 9px; }
html[data-design="fxmonitor"] .fx-system-summary > div { display: grid; align-content: start; }
html[data-design="fxmonitor"] .fx-system-summary small,
html[data-design="fxmonitor"] .fx-system-summary span { color: #7d898f; font-size: 8px; }
html[data-design="fxmonitor"] .fx-system-summary strong { margin-top: 2px; font-size: 19px; line-height: 1.05; }
html[data-design="fxmonitor"] .fx-system-profit { text-align: right; }
html[data-design="fxmonitor"] .fx-system-status { color: #a69a2b !important; }
html[data-design="fxmonitor"] .fx-system-totals { display: grid; grid-template-columns: repeat(3, 1fr); background: linear-gradient(90deg, #08639e, #0a78ad); color: #fff; }
html[data-design="fxmonitor"] .fx-system-totals > div { display: grid; padding: 7px 5px; border-left: 1px solid #ffffff30; text-align: center; }
html[data-design="fxmonitor"] .fx-system-totals > div:first-child { border-left: 0; }
html[data-design="fxmonitor"] .fx-system-totals strong { font-size: 13px; }
html[data-design="fxmonitor"] .fx-system-totals small { margin-top: 1px; color: #d8edf7; font-size: 7px; }
html[data-design="fxmonitor"] .fx-account-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 3px; padding: 8px; }
html[data-design="fxmonitor"] .fx-account-tile { display: grid; min-width: 0; min-height: 62px; align-content: start; padding: 6px; border: 1px solid #399a57; border-radius: 2px; background: linear-gradient(155deg, #8bd29a, #4ab96b); color: #0b4a22; text-align: left; }
html[data-design="fxmonitor"] .fx-account-tile:hover { filter: brightness(1.04); }
html[data-design="fxmonitor"] .fx-account-tile small { overflow: hidden; font-size: 7px; font-weight: 800; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
html[data-design="fxmonitor"] .fx-account-tile strong { overflow: hidden; margin: 4px 0 2px; color: #073d1a; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
html[data-design="fxmonitor"] .fx-account-tile span { color: #164f29 !important; font-size: 7px; }

html[data-design="fxmonitor"] .metrics-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 7px; }
html[data-design="fxmonitor"] .metric,
html[data-design="fxmonitor"] .metric.primary-metric { min-height: 92px; padding: 11px; border-radius: 3px; }
html[data-design="fxmonitor"] .metric strong { font-size: 18px; }
html[data-design="fxmonitor"] .dashboard-grid { grid-template-columns: minmax(0, 2.35fr) minmax(260px, .8fr); gap: 8px; margin-top: 8px; }
html[data-design="fxmonitor"] .panel,
html[data-design="fxmonitor"] .workspace-card,
html[data-design="fxmonitor"] .workspace-panel,
html[data-design="fxmonitor"] .accounts-table,
html[data-design="fxmonitor"] .positions-table,
html[data-design="fxmonitor"] .workspace-data-table { border-radius: 3px; box-shadow: 0 1px 5px #1830470b; }
html[data-design="fxmonitor"] .chart-panel { min-height: 360px; }
html[data-design="fxmonitor"] .chart-panel svg,
html[data-design="fxmonitor"] .chart-empty { height: 260px; }
html[data-design="fxmonitor"] .section-block,
html[data-design="fxmonitor"] .fx-monitor-section { margin-top: 18px; padding-top: 10px; }

@media(max-width:1100px) {
  html[data-design="fxmonitor"] .app-shell { grid-template-columns: 205px minmax(0, 1fr); }
  html[data-design="fxmonitor"] .fx-account-tabs .nav-link { padding-inline: 8px; }
  html[data-design="fxmonitor"] .metrics-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media(max-width:820px) {
  html[data-design="fxmonitor"] .app-shell { display: grid; grid-template-columns: 1fr; grid-template-rows: 58px auto; }
  html[data-design="fxmonitor"] .fx-shell-header { min-height: 58px; padding: 0 11px; }
  html[data-design="fxmonitor"] .fx-shell-brand strong { font-size: 19px; }
  html[data-design="fxmonitor"] .fx-shell-brand > span,
  html[data-design="fxmonitor"] .fx-live-caption,
  html[data-design="fxmonitor"] .fx-shell-actions .button.primary { display: none; }
  html[data-design="fxmonitor"] .fx-shell-sidebar { display: none; }
  html[data-design="fxmonitor"] .workspace { grid-column: 1; grid-row: 2; padding-bottom: 0; }
  html[data-design="fxmonitor"] .fx-workspace-head { top: 58px; min-height: 58px; padding: 0 10px; }
  html[data-design="fxmonitor"] .fx-workspace-identity { min-width: 120px; }
  html[data-design="fxmonitor"] .fx-account-tabs { max-width: calc(100vw - 135px); }
  html[data-design="fxmonitor"] .fx-account-tabs .nav-link { display: flex; min-width: 86px; }
  html[data-design="fxmonitor"] #content { padding: 10px 10px 44px; }
  html[data-design="fxmonitor"] .fx-system-monitor { grid-template-columns: minmax(0, 430px); }
  html[data-design="fxmonitor"] .dashboard-grid { grid-template-columns: 1fr; }
}

@media(max-width:520px) {
  html[data-design="fxmonitor"] .fx-workspace-head { align-items: stretch; flex-direction: column; gap: 3px; padding: 8px 10px; }
  html[data-design="fxmonitor"] .fx-workspace-identity { min-height: 28px; }
  html[data-design="fxmonitor"] .fx-account-tabs { max-width: 100%; }
  html[data-design="fxmonitor"] .fx-account-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-design="fxmonitor"] .metrics-grid { display: flex; }
  html[data-design="fxmonitor"] .fx-system-totals strong { font-size: 10px; }
}

/* FX account information architecture: measured desktop shell, isolated from Northstar. */
html[data-design="fxmonitor"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 14px; line-height: 22px; }
html[data-design="fxmonitor"] body { background: linear-gradient(to top, #cfd9df, #e2ebf0); color: #1f2937; }
html[data-design="fxmonitor"] .app-shell { grid-template-columns: 300px minmax(0, 1fr); grid-template-rows: 68.8px minmax(calc(100vh - 68.8px), auto); min-height: 100vh; }
html[data-design="fxmonitor"] .fx-shell-header { min-height: 68.8px; padding: 0 19px; background: linear-gradient(to top, #233d6e, #315292); border: 0; box-shadow: none; }
html[data-design="fxmonitor"] .fx-shell-brand { gap: 9px; }
html[data-design="fxmonitor"] .fx-shell-brand strong { color: #fff; font-size: 25px; font-weight: 700; letter-spacing: -.065em; text-shadow: none; }
html[data-design="fxmonitor"] .fx-shell-brand strong i { color: #44d7eb; font-style: normal; }
html[data-design="fxmonitor"] .fx-shell-brand > span { border-left: 0; padding-left: 0; color: #d4e1f0; font-size: 9px; line-height: 1.25; letter-spacing: .02em; }
html[data-design="fxmonitor"] .fx-shell-actions { gap: 10px; }
html[data-design="fxmonitor"] .fx-shell-actions .button.primary { min-height: 36px; border-radius: 4px; background: #fff; color: #233d6e; }
html[data-design="fxmonitor"] .fx-shell-actions .design-toggle, html[data-design="fxmonitor"] .fx-shell-actions .language-toggle { min-height: 36px; border: 1px solid #ffffff55 !important; border-radius: 18px !important; background: transparent !important; color: #fff !important; }
html[data-design="fxmonitor"] .fx-live-caption { color: #e2f0fc; font-size: 10px; }
html[data-design="fxmonitor"] .fx-shell-sidebar { position: sticky; top: 68.8px; z-index: 8; grid-column: 1; grid-row: 2; min-height: calc(100vh - 68.8px); padding: 17px 0 10px; border-right: 1px solid #d7dde1; background: #fff; box-shadow: none; }
html[data-design="fxmonitor"] .fx-menu-title { padding: 0 20px 17px; font-size: 14px; }
html[data-design="fxmonitor"] .fx-shell-sidebar > p { margin: 13px 20px 6px; font-size: 11px; }
html[data-design="fxmonitor"] .fx-shell-sidebar nav { gap: 0; }
html[data-design="fxmonitor"] .fx-shell-sidebar .nav-link { min-height: 42px; padding: 10px 20px; border-radius: 0; gap: 16px; font-size: 14px; font-weight: 500; }
html[data-design="fxmonitor"] .fx-shell-sidebar .nav-link > span:first-child { width: 18px; font-size: 16px; }
html[data-design="fxmonitor"] .fx-shell-sidebar .nav-link:hover, html[data-design="fxmonitor"] .fx-shell-sidebar .nav-link.active { background: rgba(12,131,255,.1); color: #0c83ff; box-shadow: none; }
html[data-design="fxmonitor"] .fx-shell-sidebar .nav-link.active > span:first-child { color: #0c83ff; }
html[data-design="fxmonitor"] .fx-menu-footer { min-height: 42px; padding: 10px 20px; border-top: 1px solid #e1e5e8; font-size: 12px; }
html[data-design="fxmonitor"] .fx-language-link { padding: 0; border: 0; background: transparent; color: #1f2937; cursor: pointer; font: inherit; }
html[data-design="fxmonitor"] .workspace { grid-column: 2; grid-row: 2; min-width: 0; background: linear-gradient(to top, #cfd9df, #e2ebf0); }
html[data-design="fxmonitor"] .topbar { display: none !important; }
html[data-design="fxmonitor"] .fx-workspace-head { position: sticky; top: 68.8px; z-index: 7; min-height: 64px; padding: 0 20px; background: #fff; border-bottom: 0; box-shadow: 0 1px 3px rgba(0,0,0,.125); backdrop-filter: none; }
html[data-design="fxmonitor"] .fx-workspace-identity { min-width: 190px; gap: 13px; }
html[data-design="fxmonitor"] .fx-workspace-identity strong { font-size: 16px; line-height: 16px; font-weight: 600; }
html[data-design="fxmonitor"] .fx-workspace-identity small { font-size: 12px; color: #72808a; }
html[data-design="fxmonitor"] .fx-account-tabs { gap: 3px; }
html[data-design="fxmonitor"] .fx-account-tabs .nav-link { min-height: 42px; padding: 10px 13px; border-radius: 6px; font-size: 14px; }
html[data-design="fxmonitor"] .fx-account-tabs .nav-link.active { background: #233d6e; color: #fff; }
html[data-design="fxmonitor"] #content { max-width: none; padding: 20px; }
html[data-design="fxmonitor"] #fx-status-results { min-height: calc(100vh - 220px); }
html[data-design="fxmonitor"] .fx-list-heading, html[data-design="fxmonitor"] .fx-section-heading, html[data-design="fxmonitor"] .fx-detail-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
html[data-design="fxmonitor"] .fx-list-heading { margin: 0 0 12px; align-items: end; }
html[data-design="fxmonitor"] .fx-list-heading h2, html[data-design="fxmonitor"] .fx-detail-header h2 { margin: 0; font-size: 16px; line-height: 20px; font-weight: 600; }
html[data-design="fxmonitor"] .fx-status-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 472.5px)); gap: 20px; align-items: start; }
html[data-design="fxmonitor"] .fx-account-card, html[data-design="fxmonitor"] .fx-system-panel, html[data-design="fxmonitor"] .fx-settings-card, html[data-design="fxmonitor"] .fx-auxiliary-card, html[data-design="fxmonitor"] .fx-journal-empty { overflow: hidden; border: 0; border-radius: 6px; background: #fff; box-shadow: 0 7.5px 35px rgba(4,9,20,.03), 0 15px 22.5px rgba(4,9,20,.03), 0 4px 8.5px rgba(4,9,20,.05), 0 2px 3px rgba(4,9,20,.03); }
html[data-design="fxmonitor"] .fx-account-card { cursor: pointer; min-height: 169px; }
html[data-design="fxmonitor"] .fx-account-card--stale, html[data-design="fxmonitor"] .fx-account-card--error { background: linear-gradient(rgba(220,53,69,.13), rgba(220,53,69,.13)), #fff; }
html[data-design="fxmonitor"] .fx-account-card-head { display: flex; align-items: center; justify-content: space-between; min-height: 51px; padding: 10px 10px 10px 16px; border-bottom: 1px solid rgba(31,41,55,.08); }
html[data-design="fxmonitor"] .fx-account-card-head > div { display: flex; align-items: center; gap: 8px; }
html[data-design="fxmonitor"] .fx-account-card-head strong { font-size: 14px; }
html[data-design="fxmonitor"] .fx-account-card-head time { color: #78858d; font-size: 12px; }
html[data-design="fxmonitor"] .fx-open-badge { display: inline-grid; place-items: center; min-width: 22px; height: 22px; border-radius: 50%; background: #e5a8b0; color: #fff; font-size: 11px; }
html[data-design="fxmonitor"] .fx-account-card-body { display: flex; justify-content: space-between; gap: 16px; min-height: 78px; padding: 10px 16px; }
html[data-design="fxmonitor"] .fx-card-activity { display: grid; gap: 4px; padding: 8px 16px 12px; border-top: 1px solid #e6eaec; }
html[data-design="fxmonitor"] .fx-card-activity-label { color: #41647a; font-size: 11px; font-weight: 700; }
html[data-design="fxmonitor"] .fx-card-activity-tiles { display: flex; flex-wrap: wrap; gap: 5px; }
html[data-design="fxmonitor"] .fx-card-activity-tile { display: grid; min-width: 104px; max-width: 145px; gap: 2px; padding: 6px 8px; border: 1px solid #88c99b; border-radius: 4px; background: #ddf0e0; color: #215e32; }
html[data-design="fxmonitor"] .fx-card-activity-tile.negative { border-color: #e5a6af; background: #f8e1e4; color: #932a3d; }
html[data-design="fxmonitor"] .fx-card-order-tile { border-color: #9fbcd5; background: #e9f2fa; color: #285275; }
html[data-design="fxmonitor"] .fx-card-activity-tile strong, html[data-design="fxmonitor"] .fx-card-activity-tile small, html[data-design="fxmonitor"] .fx-card-activity-tile b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-design="fxmonitor"] .fx-card-activity-tile strong { font-size: 10px; }
html[data-design="fxmonitor"] .fx-card-activity-tile small { font-size: 10px; }
html[data-design="fxmonitor"] .fx-card-activity-tile b { font-size: 12px; }
html[data-design="fxmonitor"] .fx-card-activity-line { overflow: hidden; color: #263d49; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
html[data-design="fxmonitor"] .fx-card-activity-more { color: #70818a; font-size: 11px; }
html[data-design="fxmonitor"] .fx-account-health, html[data-design="fxmonitor"] .fx-account-result { display: grid; align-content: center; gap: 2px; }
html[data-design="fxmonitor"] .fx-account-health span, html[data-design="fxmonitor"] .fx-account-result span, html[data-design="fxmonitor"] .fx-account-result small { color: #79868e; font-size: 12px; }
html[data-design="fxmonitor"] .fx-health { font-size: 14px; font-weight: 500; }
html[data-design="fxmonitor"] .fx-health--online, html[data-design="fxmonitor"] .fx-health--online + span, html[data-design="fxmonitor"] .fx-account-result .positive { color: #24a455; }
html[data-design="fxmonitor"] .fx-health--stale, html[data-design="fxmonitor"] .fx-health--error, html[data-design="fxmonitor"] .fx-account-result .negative { color: #cf3f4f; }
html[data-design="fxmonitor"] .fx-account-result { text-align: right; }
html[data-design="fxmonitor"] .fx-account-result strong { color: #24a455; font-size: 24px; line-height: 25px; }
html[data-design="fxmonitor"] .fx-account-card-foot { display: flex; justify-content: space-between; min-height: 39px; padding: 10px 16px; border-top: 1px solid rgba(31,41,55,.08); color: #78858d; font-size: 12px; }
html[data-design="fxmonitor"] .fx-detail-header { margin-bottom: 16px; align-items: center; }
html[data-design="fxmonitor"] .fx-detail-header .eyebrow { margin: 0 0 2px; }
html[data-design="fxmonitor"] .fx-detail-status { font-size: 14px; }
html[data-design="fxmonitor"] .fx-trading-summary, html[data-design="fxmonitor"] .fx-history-stats { display: grid; grid-template-columns: 1fr 2fr; gap: 20px; margin-bottom: 12px; padding: 16px; border-radius: 6px; background: #fff; box-shadow: 0 7.5px 35px rgba(4,9,20,.03), 0 4px 8.5px rgba(4,9,20,.05); }
html[data-design="fxmonitor"] .fx-trading-periods { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
html[data-design="fxmonitor"] .fx-detail-metric { display: grid; gap: 2px; min-width: 0; }
html[data-design="fxmonitor"] .fx-detail-metric span { color: #73818a; font-size: 12px; }
html[data-design="fxmonitor"] .fx-detail-metric strong { overflow: hidden; font-size: 18px; text-overflow: ellipsis; white-space: nowrap; }
html[data-design="fxmonitor"] .fx-detail-totals { display: grid; grid-template-columns: repeat(3, 1fr); margin-bottom: 18px; border-radius: 6px; overflow: hidden; background: linear-gradient(90deg, #0c639d, #2584bc); color: #fff; }
html[data-design="fxmonitor"] .fx-detail-totals .fx-detail-metric { padding: 10px 16px; border-left: 1px solid #ffffff35; text-align: center; }
html[data-design="fxmonitor"] .fx-detail-totals .fx-detail-metric:first-child { border-left: 0; }
html[data-design="fxmonitor"] .fx-detail-totals .fx-detail-metric span { color: #dcebf5; }
html[data-design="fxmonitor"] .fx-instruments { padding: 16px; border-radius: 6px; background: #fff; box-shadow: 0 7.5px 35px rgba(4,9,20,.03), 0 4px 8.5px rgba(4,9,20,.05); }
html[data-design="fxmonitor"] .fx-orders-section { margin-top: 16px; }
html[data-design="fxmonitor"] .fx-account-order-list { display: grid; gap: 8px; margin-top: 12px; }
html[data-design="fxmonitor"] .fx-account-order { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid #e2e9ec; border-radius: 6px; }
html[data-design="fxmonitor"] .fx-account-order > div:first-child { display: grid; gap: 3px; min-width: 0; }
html[data-design="fxmonitor"] .fx-account-order strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-design="fxmonitor"] .fx-account-order span { color: #70818a; font-size: 12px; }
html[data-design="fxmonitor"] .fx-account-order-actions { display: flex; flex-wrap: wrap; gap: 6px; }
html[data-design="fxmonitor"] .fx-account-order-history { display: grid; gap: 4px; margin-top: 14px; padding-top: 12px; border-top: 1px solid #e2e9ec; }
html[data-design="fxmonitor"] .fx-instrument-grid { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 12px; }
html[data-design="fxmonitor"] .fx-instrument-tile { display: grid; width: 110px; min-height: 96px; align-content: start; gap: 2px; padding: 9px; border: 1px solid #83c99a; border-radius: 4px; background: #d8f0dc; color: #24572f; text-align: left; cursor: pointer; }
html[data-design="fxmonitor"] .fx-instrument-tile.negative { border-color: #df9ca6; background: #f8dfe2; color: #8e2637; }
html[data-design="fxmonitor"] .fx-instrument-tile strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
html[data-design="fxmonitor"] .fx-instrument-tile span, html[data-design="fxmonitor"] .fx-instrument-tile small { font-size: 11px; }
html[data-design="fxmonitor"] .fx-instrument-tile b { font-size: 13px; }
html[data-design="fxmonitor"] .fx-legend { margin: 12px 0 0; color: #78858d; font-size: 12px; }
html[data-design="fxmonitor"] .fx-system-panel, html[data-design="fxmonitor"] .fx-settings-card { max-width: 472.5px; padding: 10px 16px; }
html[data-design="fxmonitor"] .fx-system-row { display: flex; justify-content: space-between; gap: 18px; min-height: 34px; padding: 6px 0; border-bottom: 1px solid #e6eaec; }
html[data-design="fxmonitor"] .fx-system-row:last-child { border-bottom: 0; }
html[data-design="fxmonitor"] .fx-system-row span { color: #73818a; }
html[data-design="fxmonitor"] .fx-system-row strong { text-align: right; }
html[data-design="fxmonitor"] .fx-subheading { max-width: 472.5px; margin: 20px 0 8px; font-size: 14px; }
html[data-design="fxmonitor"] .fx-diagnostics { max-width: 472.5px; overflow: hidden; border-radius: 6px; background: #fff; box-shadow: 0 7.5px 35px rgba(4,9,20,.03), 0 4px 8.5px rgba(4,9,20,.05); }
html[data-design="fxmonitor"] .fx-diagnostic-row { display: grid; grid-template-columns: 1fr auto; gap: 2px 12px; padding: 9px 16px; border-bottom: 1px solid #e6eaec; }
html[data-design="fxmonitor"] .fx-diagnostic-row small { grid-column: 1 / -1; color: #73818a; font-size: 11px; }
html[data-design="fxmonitor"] .fx-history-stats { grid-template-columns: repeat(5, 1fr); }
html[data-design="fxmonitor"] .fx-history-controls { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; }
html[data-design="fxmonitor"] .fx-history-controls select { min-height: 34px; padding: 6px 10px; border: 1px solid #cbd5db; border-radius: 4px; background: #fff; color: #26333c; }
html[data-design="fxmonitor"] .fx-history-display { min-height: 190px; }
html[data-design="fxmonitor"] .fx-history-note { margin: 0 0 8px; color: #73818a; font-size: 12px; }
html[data-design="fxmonitor"] .fx-history-display .workspace-panel, html[data-design="fxmonitor"] .fx-history-display .chart-panel { min-height: 250px; margin: 0; background: #fff; }
html[data-design="fxmonitor"] .fx-trade-table { overflow-x: auto; border-radius: 6px; background: #fff; box-shadow: 0 7.5px 35px rgba(4,9,20,.03), 0 4px 8.5px rgba(4,9,20,.05); }
html[data-design="fxmonitor"] .fx-trade-row { display: grid; grid-template-columns: 1.2fr 1.4fr .8fr .8fr 1fr 1.2fr 1fr 1fr 1fr; min-width: 860px; min-height: 32px; align-items: center; padding: 0 12px; border-bottom: 1px solid #e6eaec; font-size: 12px; }
html[data-design="fxmonitor"] .fx-trade-row > div { overflow: hidden; padding: 0 4px; text-overflow: ellipsis; white-space: nowrap; }
html[data-design="fxmonitor"] .fx-trade-row.header { background: #f2f5f7; color: #4c5a63; font-weight: 600; }
html[data-design="fxmonitor"] .fx-trade-row.buy { color: #168553; }
html[data-design="fxmonitor"] .fx-trade-row.sell { color: #c43d4f; }
html[data-design="fxmonitor"] .fx-settings-actions { display: flex; flex-wrap: wrap; gap: 8px; padding: 14px 0 4px; }
html[data-design="fxmonitor"] .fx-journal-empty, html[data-design="fxmonitor"] .fx-auxiliary-card { display: grid; place-items: center; min-height: 250px; max-width: 965px; padding: 28px; text-align: center; }
html[data-design="fxmonitor"] .fx-book-icon, html[data-design="fxmonitor"] .fx-aux-icon { color: #aeb5ba; font-size: 58px; line-height: 60px; }
html[data-design="fxmonitor"] .fx-journal-empty h2, html[data-design="fxmonitor"] .fx-auxiliary-card h2 { margin: 5px 0 6px; font-size: 18px; }
html[data-design="fxmonitor"] .fx-journal-empty p, html[data-design="fxmonitor"] .fx-auxiliary-card p { max-width: 620px; color: #73818a; }
html[data-design="fxmonitor"] .fx-profile-avatar { display: grid; place-items: center; width: 76px; height: 76px; border: 3px solid #20c4e0; border-radius: 50%; background: #233d6e; color: #fff; font-size: 32px; font-weight: 700; }
html[data-design="fxmonitor"] .fx-product-footer { display: grid; justify-items: center; gap: 2px; max-width: 560px; margin: 40px auto 0; padding: 20px 16px 0; color: #7c878d; font-size: 12px; text-align: center; }
html[data-design="fxmonitor"] .fx-user-menu { position: relative; }
html[data-design="fxmonitor"] .fx-user-menu summary { display: flex; align-items: center; gap: 7px; list-style: none; cursor: pointer; }
html[data-design="fxmonitor"] .fx-user-menu summary::-webkit-details-marker { display: none; }
html[data-design="fxmonitor"] .fx-user-avatar { display: grid; place-items: center; width: 36px; height: 36px; border: 2px solid #19c8e4; border-radius: 50%; background: #315292; color: #fff; font-weight: 700; }
html[data-design="fxmonitor"] .fx-user-menu-panel { position: absolute; top: 46px; right: 0; z-index: 30; display: grid; width: 220px; padding: 8px 0; border-radius: 6px; background: #fff; color: #26333c; box-shadow: 0 8px 25px rgba(4,9,20,.18); }
html[data-design="fxmonitor"] .fx-user-menu-panel strong, html[data-design="fxmonitor"] .fx-user-menu-panel button { padding: 9px 14px; text-align: left; }
html[data-design="fxmonitor"] .fx-user-menu-panel strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-design="fxmonitor"] .fx-user-menu-panel button { border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; }
html[data-design="fxmonitor"] .fx-user-menu-panel button:hover { background: #eef4f9; }
html[data-design="fxmonitor"] .fx-user-menu-panel hr { width: 100%; margin: 4px 0; border: 0; border-top: 1px solid #e5e9ec; }
html[data-design="fxmonitor"] .fx-dialog { width: min(900px, calc(100vw - 32px)); padding: 0; border: 0; border-radius: 6px; color: #26333c; box-shadow: 0 22px 65px rgba(34,61,85,.32); }
html[data-design="fxmonitor"] .fx-dialog::backdrop { background: rgba(30,51,76,.46); }
html[data-design="fxmonitor"] .fx-dialog-head { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; background: #f4f7f9; border-bottom: 1px solid #dce3e8; }
html[data-design="fxmonitor"] .fx-dialog-head h2 { margin: 0; font-size: 18px; }
html[data-design="fxmonitor"] .fx-dialog #fx-trades-content { padding: 16px; }
html[data-design="fxmonitor"] .fx-notifications-dialog { width: min(600px, calc(100vw - 32px)); }
html[data-design="fxmonitor"] .fx-notification-list { padding: 8px 20px; }
html[data-design="fxmonitor"] .fx-notification-list label { display: flex; justify-content: space-between; gap: 16px; padding: 12px 0; border-bottom: 1px solid #e6eaec; }
html[data-design="fxmonitor"] .fx-notification-list span { display: grid; }
html[data-design="fxmonitor"] .fx-notification-list small { color: #73818a; }
html[data-design="fxmonitor"] .fx-dialog-note { padding: 0 20px 18px; color: #73818a; font-size: 12px; }
html[data-design="fxmonitor"] .auth-shell { display: block; min-height: 100vh; background: linear-gradient(to top, #cfd9df, #e2ebf0); }
html[data-design="fxmonitor"] .auth-story { display: flex; min-height: 68.8px; align-items: center; padding: 0 20px; background: linear-gradient(to top, #233d6e, #315292); }
html[data-design="fxmonitor"] .auth-story > div:last-child { display: none; }
html[data-design="fxmonitor"] .auth-story .brand { color: #fff; }
html[data-design="fxmonitor"] .auth-story .brand > span:last-child { display: none; }
html[data-design="fxmonitor"] .auth-story .brand::after { content: "FXMONITOR"; color: #fff; font-size: 24px; font-weight: 700; letter-spacing: -.05em; }
html[data-design="fxmonitor"] .auth-story .brand-mark { display: none; }
html[data-design="fxmonitor"] .auth-panel { min-height: calc(100vh - 68.8px); align-items: flex-start; justify-content: flex-start; padding: 20px; background: transparent; }
html[data-design="fxmonitor"] .auth-card { width: 300px; padding: 20px; border: 0; border-radius: 6px; background: #fff; box-shadow: 0 7.5px 35px rgba(4,9,20,.03), 0 4px 8.5px rgba(4,9,20,.05); }
html[data-design="fxmonitor"] .auth-card::before { display: none; }
@media (max-width: 820px) {
  html[data-design="fxmonitor"] .app-shell { grid-template-columns: 1fr; grid-template-rows: 68.8px auto; }
  html[data-design="fxmonitor"] .fx-shell-sidebar { display: none; }
  html[data-design="fxmonitor"] .workspace { grid-column: 1; grid-row: 2; }
  html[data-design="fxmonitor"] .fx-workspace-head { top: 68.8px; overflow-x: auto; }
  html[data-design="fxmonitor"] .fx-status-grid { grid-template-columns: minmax(0, 1fr); }
  html[data-design="fxmonitor"] .fx-trading-summary, html[data-design="fxmonitor"] .fx-history-stats { grid-template-columns: 1fr; }
  html[data-design="fxmonitor"] .fx-trading-periods { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 1100px) and (min-width: 821px) {
  html[data-design="fxmonitor"] .fx-workspace-identity { min-width: 135px; }
  html[data-design="fxmonitor"] .fx-account-tabs .nav-link { padding-inline: 8px; font-size: 12px; }
  html[data-design="fxmonitor"] .fx-account-tabs .nav-link span:first-child { display: none; }
}
@media (max-width: 520px) {
  html[data-design="fxmonitor"] .fx-shell-header { padding: 0 11px; }
  html[data-design="fxmonitor"] .fx-shell-brand > span, html[data-design="fxmonitor"] .fx-live-caption, html[data-design="fxmonitor"] .fx-shell-actions .button.primary { display: none; }
  html[data-design="fxmonitor"] .fx-account-tabs { max-width: calc(100vw - 20px); }
  html[data-design="fxmonitor"] .fx-account-tabs .nav-link { min-width: 100px; }
  html[data-design="fxmonitor"] #content { padding: 12px 10px 48px; }
  html[data-design="fxmonitor"] .fx-history-stats { grid-template-columns: repeat(2, 1fr); }
  html[data-design="fxmonitor"] .fx-system-panel, html[data-design="fxmonitor"] .fx-settings-card, html[data-design="fxmonitor"] .fx-diagnostics { max-width: none; }
}