.ops-stack{display:flex;flex-direction:column;gap:20px;min-width:0}.ops-card-body{padding:0 20px 20px}.ops-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ops-filter{display:flex;flex-direction:column;gap:6px;color:var(--text-secondary);font-size:11px;font-weight:600}.filter-bar .ops-filter{align-items:stretch;gap:6px}.ops-filter input,.ops-filter select{min-height:36px;max-width:100%;min-width:150px;padding:7px 10px;border:1px solid var(--border-color);border-radius:7px;background:var(--bg-card);color:var(--text-primary);font:inherit;font-size:12px}.ops-result-count{margin-left:auto;align-self:flex-end;padding-bottom:10px;color:var(--text-muted);font-size:12px}.ops-pair,.ops-emphasis{font-weight:600}.ops-muted,.ops-date,.ops-helper{color:var(--text-secondary)}.ops-date{white-space:nowrap;font-size:12px}.ops-cell-detail{display:block;margin-top:3px;color:var(--text-muted);font-size:11px}.ops-positive{color:var(--success)}.ops-negative{color:var(--danger)}.ops-reasons{min-width:160px;max-width:340px;white-space:normal;font-size:12px;line-height:1.5}.ops-form{display:flex;flex-direction:column;gap:18px}.ops-field{display:flex;flex-direction:column;gap:8px;color:var(--text-secondary);font-size:12px;font-weight:600}.ops-field input,.ops-field select{width:100%;min-width:0;background:var(--bg-main);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;padding:11px 12px;font:inherit;font-size:13px}.ops-helper{font-size:12px;line-height:1.6;font-weight:400}.ops-form-row{display:flex;gap:12px;align-items:flex-end}.ops-form-row .ops-field{flex:1}.ops-icon-button{display:inline-flex;align-items:center;justify-content:center;padding:8px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer}.ops-icon-button:hover{background:var(--danger-glow);color:var(--danger)}.ops-actions{display:flex;align-items:center;gap:8px}.ops-actions-end{justify-content:flex-end;margin-top:6px;flex-wrap:wrap}.ops-notice{padding:12px 14px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-elevated);font-size:13px;line-height:1.6}.ops-error{color:var(--danger);background:var(--danger-glow)}.ops-success{color:var(--success);background:var(--success-glow)}.ops-checkbox{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:var(--text-secondary)}.ops-checkbox input{accent-color:var(--primary);width:16px;height:16px}.ops-platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ops-platform{padding:20px 10px;border:1px solid var(--border-color);border-radius:10px;background:var(--surface-elevated);color:var(--text-primary);font-weight:700;font-size:15px;cursor:pointer}.ops-platform[aria-pressed=true],.ops-platform:hover{background:var(--primary-glow);border-color:var(--primary);color:var(--primary)}.ops-steps{display:flex;gap:8px;margin:0 0 24px;padding:0;list-style:none}.ops-steps li{flex:1;padding:9px 0;border-top:2px solid var(--border-color);color:var(--text-muted);font-size:11px}.ops-steps li[aria-current=step]{border-color:var(--primary);color:var(--primary);font-weight:600}.ops-review{display:grid;grid-template-columns:100px 1fr;gap:8px;margin:0;padding:14px;background:var(--surface-elevated);border-radius:8px;font-size:12px}.ops-review dt{color:var(--text-secondary)}.ops-review dd{margin:0;overflow-wrap:anywhere}@media (max-width: 700px){.ops-kpi-grid{grid-template-columns:1fr;gap:10px}.ops-form-row{align-items:stretch;flex-direction:column}.ops-result-count{margin-left:0}.ops-filter{flex:1 1 140px}.ops-filter input,.ops-filter select{min-width:0;width:100%}}.configuration-workspace{max-width:1440px;margin-inline:auto}.configuration-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:2px 0 18px}.configuration-section{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:650}.configuration-section>svg{color:var(--text-secondary)}.section-divider{width:1px;height:12px;background:var(--border-strong);margin-inline:4px}.configuration-section-note{font-weight:400;color:var(--text-muted);font-size:11px}.configuration-persistence{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--text-muted)}.configuration-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}.pair-manager,.configuration-card{min-width:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow)}.pair-manager{overflow:hidden}.pair-manager-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 22px 18px}.config-kicker{font-size:9px;line-height:1.4;letter-spacing:.12em;font-weight:600;color:var(--text-muted)}.pair-manager h2{display:flex;align-items:center;gap:9px;font-size:20px;letter-spacing:-.035em;margin:5px 0}.pair-manager-header p{font-size:11px;color:var(--text-secondary)}.pair-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:2px 7px;border:1px solid var(--border-color);border-radius:5px;font-size:12px;color:var(--text-secondary);background:var(--surface-elevated);font-variant-numeric:tabular-nums;letter-spacing:0}.permission-label{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:var(--text-secondary);padding:5px 8px;border:1px solid var(--border-color);border-radius:var(--radius-sm)}.pair-toolbar{display:flex;align-items:center;gap:8px;padding:0 22px 18px}.pair-search{position:relative;display:flex;align-items:center;flex:1;min-width:0}.pair-search>svg{position:absolute;left:10px;color:var(--text-muted);pointer-events:none}.pair-search input{width:100%;height:34px;padding:7px 32px!important;font-size:12px;background:var(--surface-elevated)!important;border-color:transparent!important}.pair-search input:focus{background:var(--bg-card)!important}.pair-search input::-webkit-search-cancel-button{display:none}.pair-search>button{display:flex;position:absolute;right:7px;padding:4px;border:0;border-radius:3px;background:transparent;color:var(--text-muted)}.pair-search>button:hover{color:var(--text-primary);background:var(--surface-hover)}.quote-filter select{height:34px;max-width:120px;font-size:11px}.pair-sort{display:flex;align-items:center;gap:5px;border:1px solid var(--border-color);background:var(--bg-card);border-radius:var(--radius-sm);height:34px;padding:0 9px;font-size:10px;color:var(--text-secondary);white-space:nowrap}.pair-sort:hover{background:var(--surface-hover);color:var(--text-primary)}.pair-table{table-layout:fixed}.pair-table th{height:32px;padding:7px 12px;background:var(--surface-elevated);font-size:10px;font-weight:500;color:var(--text-muted);border-block-color:var(--border-color)}.pair-table td{height:42px;padding:6px 12px;border-bottom-color:var(--border-subtle)}.pair-table .pair-index{width:54px;text-align:center;padding-left:16px;color:var(--text-muted);font:10px var(--font-mono)}.pair-symbol{display:flex;align-items:center;gap:10px;min-width:0}.pair-monogram{width:25px;height:25px;flex-shrink:0;display:grid;place-items:center;background:var(--surface-elevated);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:5px;font-size:8px;font-weight:650}.pair-symbol strong{font-size:12px;font-weight:600;letter-spacing:.01em;overflow-wrap:anywhere;white-space:normal}.pair-quote-column{width:100px}.quote-name{font-size:10px;color:var(--text-secondary)}.pair-table .pair-action-column{width:104px;padding-right:20px;text-align:right}.pair-remove{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:28px;border:1px solid transparent;padding:4px 6px;color:var(--text-muted);background:transparent;border-radius:var(--radius-sm);font-size:10px;transition:background-color .18s,color .18s,border-color .18s}.pair-remove:hover:not(:disabled),.pair-remove:focus-visible{color:var(--danger);background:var(--danger-glow);border-color:color-mix(in srgb,var(--danger) 22%,transparent)}.pair-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:10px 18px;border-top:1px solid var(--border-color);font-size:10px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.pair-pagination>div{display:flex;align-items:center;gap:5px}.pair-pagination>div>span{margin-right:9px;color:var(--text-muted)}.pair-pagination .icon-button{width:27px;height:27px;min-height:27px}.pair-filtered{color:var(--text-muted)}.pair-empty{min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;border-top:1px solid var(--border-color)}.pair-empty .empty-state{min-height:0;padding:12px 0 18px}.configuration-tools{display:grid;gap:16px;min-width:0}.configuration-card{padding:18px}.configuration-card>header{display:flex;align-items:center;gap:9px;margin-bottom:12px}.config-section-icon{display:flex;align-items:center;justify-content:center;width:27px;height:27px;background:var(--surface-elevated);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);flex-shrink:0}.configuration-card h2{font-size:13px;letter-spacing:-.015em}.configuration-card>p{font-size:11px;color:var(--text-secondary);line-height:1.7}.add-pair-card form{display:grid;gap:7px;margin-top:19px}.add-pair-card form label{font-size:11px;font-weight:600}.add-pair-card form input{height:37px;width:100%;background:var(--bg-main);font-size:12px}.pair-format-help{font-size:10px;color:var(--text-muted)}.add-pair-card form .btn{margin-top:8px;height:35px}.pair-guidance{display:flex;align-items:flex-start;gap:7px;margin-top:18px;padding-top:14px;border-top:1px solid var(--border-color);color:var(--text-muted)}.pair-guidance>svg{flex-shrink:0;margin-top:2px}.pair-guidance p{font-size:10px;line-height:1.65}.pair-feedback:empty{display:none}.pair-list-feedback{padding:0 16px 14px}.pair-feedback p{font-size:11px;line-height:1.6;margin-top:14px;padding:9px 10px;border-radius:var(--radius-sm)}.pair-error{color:var(--danger);background:var(--danger-glow)}.pair-success{display:flex;gap:6px;align-items:flex-start;color:var(--success);background:var(--success-glow)}.pair-success svg{flex-shrink:0;margin-top:2px}.configuration-footnote{padding:2px 6px}.configuration-footnote p{font-size:11px;line-height:1.7;color:var(--text-muted);margin-top:7px}@media (max-width:1150px){.configuration-grid{grid-template-columns:minmax(0,1fr) 254px;gap:14px}.configuration-card{padding:16px}.pair-manager-header{padding:18px 16px}.pair-toolbar{padding:0 16px 16px}.permission-label{display:none}.pair-quote-column{width:76px}}@media (max-width:1000px) and (min-width:801px),(max-width:680px){.configuration-grid,.configuration-tools{grid-template-columns:minmax(0,1fr)}.configuration-footnote{grid-column:1/-1}.configuration-persistence{display:none}}@media (max-width:680px){.configuration-grid{display:flex;flex-direction:column}.pair-manager,.configuration-tools{width:100%}.configuration-tools{display:contents}.add-pair-card{order:-1;width:100%}.add-pair-card>p,.pair-guidance{display:none}.add-pair-card>header{margin-bottom:8px}.add-pair-card form{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:6px 10px;margin-top:0}.add-pair-card form label{grid-column:1/-1}.add-pair-card form .btn{grid-column:2;grid-row:2;margin:0;min-height:37px}.pair-format-help{grid-column:1/-1}.configuration-section-note,.section-divider{display:none}.configuration-intro{margin-bottom:12px}.pair-manager h2{font-size:18px}.pair-toolbar{flex-wrap:wrap;gap:7px}.pair-search{flex-basis:100%}.quote-filter{flex:1}.quote-filter select{width:100%;max-width:none}.pair-table .pair-index{width:36px;padding:6px;font-size:9px}.pair-table th,.pair-table td{padding-inline:8px}.pair-monogram,.pair-quote-column{display:none}.pair-table .pair-action-column{width:74px;padding-right:10px}.pair-remove{min-width:34px;min-height:34px}.pair-remove>span{display:none}.pair-table td{height:44px}.pair-pagination{padding-inline:12px}.configuration-footnote{margin-bottom:8px}}:root{font-family:Segoe UI,Helvetica Neue,sans-serif;--font-sans: "Segoe UI", "Helvetica Neue", sans-serif;--font-mono: "Cascadia Code", "SFMono-Regular", Consolas, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 5px;--radius: 9px;--radius-lg: 12px;--sidebar-width: 224px;--on-accent: #fff;--bg-main: #f5f5f2;--bg-card: #ffffff;--bg-nav: #fbfbf9;--surface-elevated: #f0f1ee;--surface-hover: #f5f7fa;--border-color: #dedfdb;--border-subtle: #edeeea;--border-strong: #bfc3c7;--border-focus: #4269ac;--text-primary: #202421;--text-secondary: #565c59;--text-muted: #69706b;--primary: #345b9c;--primary-glow: #eaf0fa;--action-bg: #253e64;--action-hover: #324f7a;--action-text: #ffffff;--secondary: #6558a6;--secondary-glow: #f0edfa;--success: #18745a;--success-glow: #e6f4ee;--danger: #b63d52;--danger-glow: #fbecef;--warning: #8c601a;--warning-glow: #fbf2df;--chart-grid: #e7e9e5;--shadow: 0 1px 2px #18271c06, 0 3px 8px #18271c03;--overlay: #111b2d80;--bg-app: var(--bg-main);--text: var(--text-primary);--text-color: var(--text-primary);--primary-color: var(--primary);--success-color: var(--success);--danger-color: var(--danger);color-scheme:light}:root[data-theme=dark]{--bg-main: #141615;--bg-card: #1c1f1e;--bg-nav: #181b19;--surface-elevated: #222624;--surface-hover: #252b28;--border-color: #343936;--border-subtle: #2a2f2b;--border-strong: #505953;--border-focus: #a4bfe8;--text-primary: #ebeee9;--text-secondary: #b4bcb5;--text-muted: #98a39a;--primary: #aec6ec;--primary-glow: #252f3d;--action-bg: #c7d5eb;--action-hover: #dfE8f5;--action-text: #1d2d46;--secondary: #b0a3e9;--secondary-glow: #2e2843;--success: #91c5a6;--success-glow: #25352c;--danger: #e6a0a0;--danger-glow: #3a2729;--warning: #e3bd76;--warning-glow: #393122;--on-accent: #1d2d46;--chart-grid: #303630;--shadow: 0 1px 2px #00000012;--overlay: #080c0ab3;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);font-size:13px;line-height:1.5;min-width:320px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,select,summary{cursor:pointer}button{color:inherit;touch-action:manipulation}a{color:var(--primary)}button,input,select,a,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--border-focus);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.5}h1,h2,h3,h4{font-weight:650;letter-spacing:-.025em;line-height:1.3;text-wrap:balance}h1{font-size:27px}h2{font-size:15px}h3{font-size:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-60px;left:20px;z-index:200;padding:10px 16px;background:var(--bg-card);border:1px solid var(--primary);border-radius:var(--radius-sm)}.skip-link:focus{top:12px}.app-layout{--nav-size: var(--sidebar-width)}.app-layout.is-compact{--nav-size: 68px}.app-main{margin-left:var(--nav-size);padding:26px 30px 40px;flex:1;min-width:0;width:calc(100% - var(--nav-size))}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}.app-header p{color:var(--text-secondary);margin-top:5px;font-size:12px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);font-weight:650;margin-bottom:7px}.header-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.theme-switch{display:inline-flex;align-items:stretch;gap:2px;padding:3px;border:1px solid var(--border-color);border-radius:7px;background:var(--surface-elevated);flex-shrink:0}.theme-option{position:relative;cursor:pointer;flex:1}.theme-option>.theme-radio{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;z-index:1;margin:0;cursor:pointer}.theme-option>span{display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 8px;border:1px solid transparent;border-radius:4px;color:var(--text-muted);font-size:11px;line-height:1.2;font-weight:550;white-space:nowrap;transition:background-color .18s,color .18s,border-color .18s}.theme-option:hover>span{color:var(--text-primary);background:var(--surface-hover)}.theme-option input:checked+span{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-strong);box-shadow:var(--shadow)}.theme-option input:focus-visible+span{outline:2px solid var(--border-focus);outline-offset:2px}.status-line{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:11px}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block;flex-shrink:0}.status-line.healthy{color:var(--success)}.status-line.unhealthy{color:var(--danger)}.connection-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;border-top:1px solid var(--border-color);padding:10px 0 18px;color:var(--text-muted);font-size:11px}.connection-bar>div{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;width:var(--nav-size);background:var(--bg-nav);border-right:1px solid var(--border-color);padding:23px 14px 14px;display:flex;flex-direction:column;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;margin:0 8px 30px;white-space:nowrap}.brand-mark{width:32px;height:34px;display:grid;place-items:center;color:var(--on-accent);background:var(--primary);font-weight:800;font-size:20px;border-radius:8px;letter-spacing:-2px;flex-shrink:0;padding-right:2px}.brand-name{font-size:18px;font-weight:750;letter-spacing:.06em;line-height:1.2}.brand-caption{color:var(--text-muted);font-size:9px;letter-spacing:.14em;text-transform:uppercase}.nav-group-title{color:var(--text-muted);font-size:9px;letter-spacing:.13em;text-transform:uppercase;margin:14px 12px 8px}.sidebar nav{display:flex;flex-direction:column;gap:3px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;text-align:left;background:transparent;border:1px solid transparent;border-radius:7px;color:var(--text-secondary);font-weight:550;font-size:12px;white-space:nowrap}.nav-item svg{flex-shrink:0}.nav-item:hover{background:var(--surface-hover);color:var(--text-primary)}.nav-item[aria-current=page]{background:var(--primary-glow);color:var(--primary);border-color:color-mix(in srgb,var(--primary) 16%,transparent)}.sidebar-controls{margin-top:auto;padding-top:24px}.sidebar-controls .nav-item{font-size:11px;padding-block:8px}.sidebar-controls .danger-action{color:var(--danger)}.sidebar-controls .warning-action{color:var(--warning)}.sidebar-footer{display:flex;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color);gap:5px}.sidebar-footer .nav-item{flex:1}.sidebar-note{color:var(--text-muted);font-size:10px;margin:12px}.is-compact .sidebar{padding-inline:9px}.is-compact .brand{margin-inline:7px}.is-compact .brand-copy,.is-compact .nav-label,.is-compact .nav-group-title,.is-compact .sidebar-note{display:none}.is-compact .nav-item{justify-content:center;padding:11px 0}.is-compact .sidebar nav{gap:6px}.is-compact .sidebar-footer{flex-direction:column}.icon-button.mobile-menu,.icon-button.mobile-close,.nav-backdrop{display:none}.glass,.card,.dashboard-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.glass-interactive{transition:border-color .18s,background-color .18s}.glass-interactive:hover{border-color:var(--border-focus)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px}.card-header p{color:var(--text-muted);font-size:11px;margin-top:4px}.card-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.card-body{padding:0 20px 20px}.stack{display:grid;gap:18px}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:20px}.kpi-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:14px 16px;text-align:left;display:flex;flex-direction:column;min-width:0;box-shadow:var(--shadow)}.kpi-label{color:var(--text-secondary);display:flex;align-items:center;justify-content:space-between;font-size:11px;gap:5px}.kpi-value{display:block;font-size:25px;line-height:1.35;font-weight:600;letter-spacing:-.045em;margin-top:11px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.kpi-value small{font-size:10px;color:var(--text-muted);font-weight:500;letter-spacing:0;margin-left:5px}.kpi-value.success,.kpi-value.positive{color:var(--success)}.kpi-value.danger,.kpi-value.negative{color:var(--danger)}.kpi-context{color:var(--text-muted);font-size:10px;margin-top:7px}.kpi-interactive:hover{background:var(--surface-hover);border-color:var(--border-focus)}.positive{color:var(--success)}.negative{color:var(--danger)}.warning{color:var(--warning)}.performance-grid{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(240px,1fr);gap:18px;margin-bottom:18px}.chart-stage{height:260px;padding:4px 14px 14px 0}.chart-total{padding:0 20px 14px;font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.chart-total small{font-size:11px;margin-left:6px;color:var(--text-muted);font-weight:400}.segmented{display:inline-flex;padding:3px;background:var(--surface-elevated);border:1px solid var(--border-color);border-radius:7px;gap:2px}.segmented button{border:0;background:transparent;color:var(--text-secondary);border-radius:4px;padding:4px 9px;font-size:10px}.segmented button[aria-pressed=true]{background:var(--bg-card);color:var(--primary);box-shadow:var(--shadow)}.metric-list{padding:0 20px 12px}.metric-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-color)}.metric-row:last-child{border-bottom:0}.metric-row dt{color:var(--text-secondary);font-size:12px}.metric-row dd{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.card-footnote{color:var(--text-muted);font-size:10px;padding:12px 20px;background:var(--surface-elevated);border-top:1px solid var(--border-color);border-radius:0 0 var(--radius) var(--radius)}.monitoring-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);gap:18px;margin-bottom:18px}.macro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.macro-grid .kpi-value{font-size:22px}.signal-list{padding:0 20px}.signal-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-color)}.signal-item:last-child{border:0}.signal-item small{display:block;font-size:10px;color:var(--text-muted);margin-top:3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--primary);border:1px solid transparent;border-radius:var(--radius-sm);color:var(--on-accent);font-weight:600;font-size:12px;padding:8px 13px;min-height:34px;transition:background-color .18s,border-color .18s;box-shadow:none}.btn:hover:not(:disabled){filter:brightness(.96)}.btn-primary{background:var(--action-bg);color:var(--action-text);border-color:transparent}.btn-primary:hover:not(:disabled){background:var(--action-hover);filter:none}.btn-secondary{background:var(--bg-card);border-color:var(--border-color);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--text-muted)}.btn-danger{background:var(--danger-glow);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 25%,transparent)}.btn-success{background:var(--success-glow);color:var(--success);border-color:color-mix(in srgb,var(--success) 25%,transparent)}.btn-warning{background:var(--warning-glow);color:var(--warning);border-color:color-mix(in srgb,var(--warning) 25%,transparent)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-secondary)}.icon-button:hover{background:var(--surface-hover);color:var(--text-primary)}.text-button{background:none;border:0;color:var(--primary);display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:4px 0}.input-field,input:not([type=checkbox]):not([type=radio]),select,textarea{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);padding:8px 11px;min-width:0}.input-field{width:100%}input::placeholder{color:var(--text-muted);opacity:1}input[type=checkbox],input[type=radio]{accent-color:var(--primary)}.filter-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:0 20px 16px;color:var(--text-secondary);font-size:12px}.filter-bar label{display:flex;align-items:center;gap:7px}.filter-bar input[type=search]{width:220px}.table-container{overflow:auto;max-width:100%;width:100%;overscroll-behavior-inline:contain;border-radius:0 0 var(--radius) var(--radius);scrollbar-width:thin}table{border-collapse:separate;border-spacing:0;width:100%;text-align:left;font-variant-numeric:tabular-nums;font-size:12px}th{position:sticky;top:0;z-index:1;background:var(--surface-elevated);color:var(--text-secondary);font-size:10px;font-weight:600;letter-spacing:.015em;padding:10px 14px;border-block:1px solid var(--border-color);white-space:nowrap}td{padding:11px 14px;border-bottom:1px solid var(--border-color);color:var(--text-primary);white-space:nowrap;font-size:12px}th:first-child,td:first-child{padding-left:20px}th:last-child,td:last-child{padding-right:20px}tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--surface-hover)}.num{text-align:right;font-variant-numeric:tabular-nums}th button{color:inherit;background:none;border:0;display:inline-flex;align-items:center;gap:4px;font-size:inherit;font-weight:inherit}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border:1px solid transparent;border-radius:5px;font-size:9px;font-weight:650;line-height:1.4;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap;background:var(--surface-elevated);color:var(--text-secondary)}.badge-success{color:var(--success);background:var(--success-glow)}.badge-danger{color:var(--danger);background:var(--danger-glow)}.badge-warning{color:var(--warning);background:var(--warning-glow)}.badge-info{color:var(--primary);background:var(--primary-glow)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:38px 22px;text-align:center;min-height:150px;color:var(--text-muted);white-space:normal}.empty-state strong{font-size:12px;font-weight:600;color:var(--text-secondary)}.empty-state p{max-width:360px;font-size:11px}.notice{display:flex;align-items:center;gap:10px;padding:12px 16px;margin-bottom:18px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-elevated);font-size:12px}.notice-error{color:var(--danger);background:var(--danger-glow);border-color:color-mix(in srgb,var(--danger) 25%,transparent)}.notice .btn{margin-left:auto}.modal{margin:auto;width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 48px);overflow:auto;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 24px 80px #0004;padding:0;overscroll-behavior:contain}.modal::backdrop{background:var(--overlay)}.modal .card-header{border-bottom:1px solid var(--border-color)}.modal-body{padding:20px}.modal-body p{color:var(--text-secondary);line-height:1.8}.modal-body strong{color:var(--text-primary)}.modal-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:24px}.toast{position:fixed;bottom:24px;right:24px;max-width:min(460px,calc(100% - 32px));z-index:120;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;align-items:center;gap:12px;padding:14px 16px}.toast.error{color:var(--danger)}.toast.success{color:var(--success)}.login-layout{min-height:100dvh;display:grid;place-items:center;padding:24px}.login-theme{position:absolute;top:24px;right:24px}.login-card{width:100%;max-width:410px;padding:32px}.login-card .brand{margin:0 0 28px}.login-card h1{font-size:24px;margin-bottom:8px}.login-card>p{color:var(--text-secondary);margin-bottom:26px}.form-field{display:grid;gap:7px;margin-bottom:18px}.form-field label{color:var(--text-secondary);font-size:12px;font-weight:550}.login-footer{border-top:1px solid var(--border-color);padding-top:18px;margin-top:24px;color:var(--text-muted);font-size:10px;display:flex;gap:6px;align-items:center}.skeleton span,.skeleton strong{display:block;background:var(--surface-hover);border-radius:4px;height:10px;width:70%}.skeleton strong{height:28px;width:85%;margin:15px 0}.skeleton-chart{height:360px;background:var(--bg-card)}.loading-state>p{margin:14px 0;color:var(--text-secondary)}.recharts-tooltip-wrapper .recharts-default-tooltip{box-shadow:var(--shadow)}@media (min-width:1800px){.app-main{padding-inline:40px}.kpi-value{font-size:30px}}@media (max-width:1300px){.app-main{padding:24px}.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.app-header{align-items:flex-start}.header-actions{max-width:260px}.kpi-value{font-size:26px}}@media (max-width:1000px){.performance-grid{grid-template-columns:minmax(0,1.6fr) minmax(210px,1fr)}.monitoring-grid{grid-template-columns:1fr}.app-main{padding:20px}.card-header{flex-wrap:wrap}}@media (max-width:800px){.app-layout,.app-layout.is-compact{--nav-size:224px}.app-main{width:100%;margin-left:0;padding:18px}.sidebar{transform:translate(-100%);visibility:hidden;transition:transform .18s ease,visibility .18s ease;z-index:60}.mobile-nav-open .sidebar{transform:translate(0);visibility:visible}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:var(--overlay);z-index:50}.icon-button.mobile-close,.icon-button.mobile-menu{display:inline-flex}.desktop-collapse{display:none}.mobile-close{position:absolute;right:10px;top:22px}.is-compact .sidebar{padding:23px 14px 14px}.is-compact .brand{margin:0 8px 30px}.is-compact .brand-copy,.is-compact .nav-label,.is-compact .nav-group-title,.is-compact .sidebar-note{display:block}.is-compact .nav-item{justify-content:flex-start;padding:10px 12px}.is-compact .sidebar-footer{flex-direction:row}.header-title{display:flex;align-items:center;gap:12px}h1{font-size:23px}.header-actions{max-width:none}.app-header{flex-wrap:wrap}}@media (max-width:600px){.app-main{padding:16px 12px 28px}.app-header{gap:12px;margin-bottom:18px}.app-header p{font-size:11px}.header-actions{width:100%;justify-content:flex-end}.header-title{width:100%}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.kpi-card{padding:14px 12px}.kpi-value{font-size:24px}.kpi-label{font-size:10px}.performance-grid,.monitoring-grid,.macro-grid{grid-template-columns:1fr;gap:14px}.macro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.macro-grid .kpi-card:last-child{grid-column:1/-1}.card-header{padding:16px}.chart-stage{height:230px}.chart-total{padding-left:16px}.connection-bar{gap:10px}.connection-bar>div{gap:10px}.filter-bar{padding-inline:16px}.filter-bar input[type=search]{width:100%}.filter-bar>label{flex-wrap:wrap}.filter-bar>label:has(input[type=search]){width:100%}.btn,.icon-button{min-height:38px}.modal-actions .btn{flex:1}.login-card{padding:24px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.table-meta{display:block;color:var(--text-muted);font-size:10px;margin-top:3px}:root{--chart-secondary:#7453b8}:root[data-theme=dark]{--chart-secondary:#b9a3ef}.macro-chart-container{width:100%;min-height:440px;background:var(--bg-card);border-radius:var(--radius-sm);display:flex;flex-direction:column}.macro-chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid var(--border-subtle);background:var(--surface-elevated)}.macro-chart-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.macro-mode-switch{display:inline-flex;background:var(--bg-card);padding:2px;border-radius:var(--radius-sm);border:1px solid var(--border-color);gap:2px}.macro-mode-btn{display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;color:var(--text-secondary);font-size:11px;font-weight:600;padding:5px 10px;border-radius:4px;transition:all .14s ease;cursor:pointer}.macro-mode-btn:hover{color:var(--text-primary);background:var(--surface-hover)}.macro-mode-btn.active{background:var(--primary);color:var(--on-accent)}.macro-symbol-pills{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.macro-pill{border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-secondary);font-size:11px;font-weight:600;padding:4px 9px;border-radius:var(--radius-sm);transition:all .14s ease;cursor:pointer}.macro-pill:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--border-color)}.macro-pill.active{background:var(--surface-hover);color:var(--primary);border-color:var(--primary);box-shadow:var(--shadow)}.macro-tv-link{display:inline-flex;align-items:center;gap:5px;color:var(--text-muted);font-size:11px;font-weight:500;text-decoration:none;padding:4px 8px;border-radius:var(--radius-sm);transition:color .14s ease}.macro-tv-link:hover{color:var(--primary);text-decoration:underline}.macro-chart-stage{width:100%;height:440px;position:relative;background:var(--bg-card)}.macro-chart-stage>div,.macro-chart-stage iframe{width:100%!important;height:100%!important;border:none!important}