@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing: .25rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--font-weight-semibold: 600;--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.container{width:100%}@media(width>=40rem){.container{max-width:40rem}}@media(width>=48rem){.container{max-width:48rem}}@media(width>=64rem){.container{max-width:64rem}}@media(width>=80rem){.container{max-width:80rem}}@media(width>=96rem){.container{max-width:96rem}}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.w-full{width:100%}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:calc(var(--spacing) * 1)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-5{gap:calc(var(--spacing) * 5)}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.bg-\[var\(--fn-healthy-bg\)\]{background-color:var(--fn-healthy-bg)}.bg-\[var\(--fn-warning-bg\)\]{background-color:var(--fn-warning-bg)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-\[var\(--fn-healthy\)\]{color:var(--fn-healthy)}.text-\[var\(--fn-warning\)\]{color:var(--fn-warning)}.uppercase{text-transform:uppercase}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}@media(width>=48rem){.md\:block{display:block}}@media(width>=48rem){.md\:inline{display:inline}}}:root{--bg-page: #fafafa;--bg-primary: #ffffff;--bg-secondary: #f7f7f7;--bg-tertiary: #efefef;--text-primary: #0a0a0a;--text-secondary: #525252;--text-tertiary: #737373;--text-inverse: #ffffff;--fn-healthy: #16a34a;--fn-healthy-bg: #f0fdf4;--fn-healthy-light: #dcfce7;--fn-warning: #ca8a04;--fn-warning-bg: #fefce8;--fn-critical: #dc2626;--fn-critical-bg: #fef2f2;--accent: #0a0a0a;--accent-warm: #78716c;--accent-blue: #2563eb;--border: #e5e5e5;--border-strong: #d4d4d4;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 24px rgba(0, 0, 0, .12);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "Roboto Mono", "Consolas", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--header-height: 56px;--footer-height: 48px;--max-page-width: 1400px}[data-theme=dark]{--bg-page: #0f0f0f;--bg-primary: #1a1a1a;--bg-secondary: #141414;--bg-tertiary: #222222;--text-primary: #f5f5f5;--text-secondary: #a3a3a3;--text-tertiary: #666666;--text-inverse: #0a0a0a;--fn-healthy: #4ade80;--fn-healthy-bg: #052e16;--fn-healthy-light: #14532d;--fn-warning: #fbbf24;--fn-warning-bg: #1c1300;--fn-critical: #f87171;--fn-critical-bg: #1c0505;--accent: #f5f5f5;--accent-warm: #a8a29e;--accent-blue: #60a5fa;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .15);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 24px rgba(0, 0, 0, .6)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-page);color:var(--text-primary);line-height:1.5;min-height:100vh}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);z-index:100;background:#fafafab3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.06);transition:background .2s ease,border-color .2s ease}[data-theme=dark] .header{background:#0f0f0fd9;border-bottom-color:#ffffff0f}.header-inner{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 var(--space-6);max-width:var(--max-page-width);margin:0 auto}.logo{display:flex;align-items:baseline;gap:var(--space-2);font-weight:600;font-size:1rem;letter-spacing:-.02em;text-decoration:none;color:var(--text-primary)}.logo-divider{color:var(--text-tertiary);font-weight:400}.logo-context{color:var(--text-secondary);font-weight:400}.nav{display:flex;gap:0}.nav-item{position:relative;padding:var(--space-3) var(--space-4);font-size:.867rem;color:var(--text-secondary);text-decoration:none;transition:color .15s ease;background:none;border:none;cursor:pointer;font-family:inherit}.nav-item:hover,.nav-item.active{color:var(--text-primary)}.nav-item.active:after{content:"";position:absolute;bottom:0;left:var(--space-4);right:var(--space-4);height:2px;background:var(--text-primary)}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:none;cursor:pointer;font-family:inherit;font-size:.867rem;color:var(--text-secondary);transition:color .15s ease}.user-menu-trigger:hover,.user-menu.open .user-menu-trigger{color:var(--text-primary)}.user-menu-name{font-weight:500}.user-menu-chevron{font-size:.7rem;transition:transform .15s ease}.user-menu.open .user-menu-chevron{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:200px;background:var(--bg-primary);border:1px solid var(--border);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translateY(-4px);transition:all .15s ease;z-index:1000}.user-menu.open .user-menu-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.user-menu-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.user-menu-email{font-size:.733rem;color:var(--text-tertiary);font-family:var(--font-mono)}.user-menu-items{padding:var(--space-2) 0}.user-menu-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-4);background:transparent;border:none;cursor:pointer;font-family:inherit;font-size:.867rem;color:var(--text-secondary);text-align:left;text-decoration:none;transition:all .1s ease}.user-menu-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.user-menu-item-icon{width:16px;text-align:center;font-size:.9rem;opacity:.7}.user-menu-divider{height:1px;background:var(--border);margin:var(--space-2) 0}.user-menu-item.signout{color:var(--accent-warm)}.user-menu-theme-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-2) var(--space-4);background:transparent;border:none;cursor:pointer;font-family:inherit;font-size:.867rem;color:var(--text-secondary);text-align:left;transition:all .1s ease}.user-menu-theme-toggle:hover{background:var(--bg-secondary);color:var(--text-primary)}.user-menu-theme-toggle-track{width:28px;height:16px;border-radius:9999px;background:var(--bg-tertiary);border:1px solid var(--border-strong);position:relative;flex-shrink:0;transition:background .2s ease}.user-menu-theme-toggle-track.dark{background:var(--text-primary)}.user-menu-theme-toggle-thumb{position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:var(--text-secondary);transition:left .18s ease,background .2s ease}.user-menu-theme-toggle-track.dark .user-menu-theme-toggle-thumb{left:14px;background:var(--bg-page)}.footer{position:fixed;bottom:0;left:0;right:0;height:var(--footer-height);z-index:100;background:#fafafab3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);font-size:.733rem;color:var(--text-tertiary);transition:background .2s ease,border-color .2s ease}[data-theme=dark] .footer{background:#0f0f0fd9;border-top-color:#ffffff0f}.footer-bot-id{font-family:var(--font-mono)}.main{flex:1;padding-top:calc(var(--header-height) + var(--space-6));padding-left:var(--space-6);padding-right:var(--space-6);padding-bottom:calc(var(--footer-height) + var(--space-6));max-width:var(--max-page-width);margin:0 auto;width:100%}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);font-size:.867rem}.breadcrumb a{color:var(--text-secondary);text-decoration:none}.breadcrumb a:hover{color:var(--text-primary)}.breadcrumb-sep{color:var(--text-tertiary)}.breadcrumb-current{color:var(--text-primary);font-weight:500}.page-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-5)}.page-title-group{display:flex;flex-direction:column;gap:var(--space-1)}.page-title{font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:var(--space-3)}.page-subtitle{font-size:.933rem;color:var(--text-secondary)}.card{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;margin-bottom:var(--space-5)}.card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--border);border-radius:8px 8px 0 0}.card-title{font-size:.8rem;font-weight:500;color:var(--text-secondary)}.card-subtitle{font-size:.733rem;color:var(--text-tertiary)}.card-body{padding:var(--space-4) var(--space-5)}.key-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5);margin-bottom:var(--space-5)}@media(max-width:768px){.key-metrics{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}}@media(max-width:480px){.key-metrics{grid-template-columns:1fr}}app-metric-card,app-mtm-card,app-comparison-card{display:contents}.key-metric{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px}.key-metric-header{padding:var(--space-2) var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--border);border-radius:8px 8px 0 0;display:flex;align-items:center;gap:var(--space-2)}.key-metric-body{padding:var(--space-3) var(--space-4)}.key-metric-label{font-size:.8rem;font-weight:500;color:var(--text-secondary)}.key-metric-value{font-size:1.5rem;font-weight:600;font-family:var(--font-mono);color:var(--text-primary);margin-bottom:var(--space-1)}.key-metric-value.positive{color:var(--fn-healthy)}.key-metric-value.negative{color:var(--fn-critical)}.key-metric-context{font-size:.867rem;color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-2)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:.733rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge.healthy{background:var(--fn-healthy-bg);color:var(--fn-healthy)}.status-badge.warning{background:var(--fn-warning-bg);color:var(--fn-warning)}.status-badge.stale{background:var(--bg-tertiary);color:var(--text-tertiary)}.status-badge.unhealthy{background:var(--fn-critical-bg);color:var(--fn-critical)}.status-badge.paper{background:var(--fn-warning-bg);color:var(--fn-warning)}.status-badge.live{background:var(--fn-healthy-bg);color:var(--fn-healthy)}.chart-container{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;margin-bottom:var(--space-5)}.chart-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--border);border-radius:8px 8px 0 0}.chart-title{font-size:.8rem;font-weight:500;color:var(--text-secondary)}.chart-body{padding:var(--space-4) var(--space-5);position:relative;width:100%}.chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:260px;color:var(--text-tertiary)}.chart-empty-text{font-size:.867rem}.time-range-presets{display:flex;gap:2px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:2px}.time-range-btn{padding:4px 10px;font-size:.75rem;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .15s ease;white-space:nowrap;font-family:inherit}.time-range-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.time-range-btn.active{color:var(--text-primary);background:var(--bg-primary);box-shadow:0 1px 2px #0000000f}.quality-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media(max-width:480px){.quality-grid{grid-template-columns:1fr}}.quality-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--bg-secondary)}.quality-label{font-size:.867rem;color:var(--text-secondary)}.quality-value{font-family:var(--font-mono);font-size:.867rem;font-weight:500}.issue-banner{padding:var(--space-4) var(--space-5);background:var(--fn-critical-bg);border:1px solid var(--fn-critical);margin-bottom:var(--space-5);display:flex;align-items:center;gap:var(--space-3)}.issue-banner-content{display:flex;align-items:center;gap:var(--space-3)}.info-tooltip-wrap{position:relative;display:inline-flex;align-items:center}.info-tooltip-icon{color:var(--text-tertiary);cursor:help;transition:color .15s ease;display:inline-flex;align-items:center}.info-tooltip-icon:hover{color:var(--text-secondary)}.info-tooltip-panel{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1e1e1e;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:10px 14px;font-size:.75rem;line-height:1.5;color:#e5e5e5;white-space:normal;width:280px;z-index:200;pointer-events:none;box-shadow:var(--shadow-md)}.info-tooltip-panel:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#1e1e1e}.info-tooltip-wrap:hover .info-tooltip-panel{display:block}.info-tooltip-panel.align-right{left:auto;right:0;transform:none}.info-tooltip-panel.align-right:after{left:auto;right:12px;transform:none}.bas-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px 3px 10px;font-size:.667rem;font-weight:500;letter-spacing:.07em;border-radius:3px;border-left:2px solid var(--border-strong);background:var(--bg-secondary);color:var(--text-primary);white-space:nowrap}.bas-badge--market{border-left-color:var(--text-primary);font-family:var(--font-mono)}.bas-badge--venue{border-left-color:#f97316;color:#c2410c;background:#fff7ed}[data-theme=dark] .bas-badge--venue{color:#fb923c;background:#1a0a00;border-left-color:#f97316}.bas-badge--run{border-left-color:var(--fn-healthy);color:var(--fn-healthy);background:var(--fn-healthy-bg)}.bas-badge--pau{border-left-color:var(--fn-warning);color:var(--fn-warning);background:var(--fn-warning-bg)}.bas-badge--stp{border-left-color:var(--border-strong);color:var(--text-tertiary);background:var(--bg-secondary)}.bas-badge--err{border-left-color:var(--fn-critical);color:var(--fn-critical);background:var(--fn-critical-bg)}.bas-badge--live{border-left-color:var(--fn-healthy);color:var(--fn-healthy);background:var(--fn-healthy-bg)}.bas-badge--paper{border-left-color:var(--fn-warning);color:var(--fn-warning);background:var(--fn-warning-bg)}.th-wrap{margin-bottom:var(--space-5)}.th-top-bar{display:flex;justify-content:space-between;align-items:center;padding:0 var(--space-4) 0 var(--space-5);height:38px;background:var(--bg-secondary);border:1px solid var(--border);border-bottom:none;border-radius:8px 8px 0 0}.th-tab-list{display:flex;height:100%}.th-tab{display:flex;align-items:center;gap:7px;padding:9px var(--space-4);font-size:.8rem;font-weight:500;color:var(--text-secondary);cursor:pointer;border:none;background:transparent;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s ease;font-family:inherit}.th-tab:hover{color:var(--text-primary)}.th-tab.active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.th-tab-id{font-size:.667rem;color:var(--text-tertiary);font-family:var(--font-mono)}.th-tab-dot{width:6px;height:6px;border-radius:50%;background:var(--text-tertiary);opacity:.35;flex-shrink:0;transition:background .15s ease,opacity .15s ease}.th-tab-dot--run{background:var(--fn-healthy);opacity:1}.th-tab-dot--pau{background:var(--fn-warning);opacity:1}.th-tab-dot--err{background:var(--fn-critical);opacity:1}.th-venue{display:flex;align-items:center;padding-right:2px}.th-venue-logo{height:13px;width:auto;display:none}.th-venue-logo--black{display:block}[data-theme=dark] .th-venue-logo--black{display:none}[data-theme=dark] .th-venue-logo--white{display:block}.th-shell{background:var(--bg-primary);border:1px solid var(--border);border-radius:0 0 8px 8px;overflow:hidden}.th-body{display:grid;grid-template-columns:1fr 200px}.th-main{padding:var(--space-5);border-right:1px solid var(--border);position:relative;overflow:hidden}.th-badge-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:var(--space-3)}.th-title{font-size:1.25rem;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2);margin-bottom:3px;line-height:1.2}.th-title-zap{color:var(--accent-blue)}.th-subtitle{font-size:.8rem;color:var(--text-secondary);margin-bottom:var(--space-4)}.th-subtitle b{color:var(--text-primary);font-weight:500}.th-price{font-size:1.867rem;font-weight:500;font-family:var(--font-mono);color:var(--text-primary);letter-spacing:-.04em;line-height:1;margin-bottom:3px}.th-price-meta{font-size:.6rem;color:var(--text-tertiary);letter-spacing:.08em;margin-bottom:var(--space-3);text-transform:uppercase}.th-sparkline{position:absolute;bottom:0;left:0;right:0;width:100%;height:65%;display:block}.th-spark-area{fill-opacity:.12}.th-spark-area.up{fill:var(--fn-healthy)}.th-spark-area.dn{fill:var(--fn-critical)}.th-spark-line{fill:none;stroke-width:1;stroke-linejoin:round;stroke-linecap:round}.th-spark-line.up{stroke:var(--fn-healthy)}.th-spark-line.dn{stroke:var(--fn-critical)}.th-spark-dot.up{fill:var(--fn-healthy)}.th-spark-dot.dn{fill:var(--fn-critical)}.th-spark-halo{fill-opacity:.25}.th-spark-halo.up{fill:var(--fn-healthy)}.th-spark-halo.dn{fill:var(--fn-critical)}.th-spark-endpoint{position:absolute;width:5px;height:5px;border-radius:50%;transform:translate(-50%,50%);pointer-events:none;z-index:2}.th-spark-endpoint:before{content:"";position:absolute;inset:-4px;border-radius:50%;opacity:.15}.th-spark-endpoint.up{background:var(--fn-healthy)}.th-spark-endpoint.up:before{background:var(--fn-healthy)}.th-spark-endpoint.dn{background:var(--fn-critical)}.th-spark-endpoint.dn:before{background:var(--fn-critical)}.th-side{padding:var(--space-4);display:flex;flex-direction:column}.th-side-block{padding-bottom:var(--space-3);margin-bottom:var(--space-3);border-bottom:1px solid var(--border)}.th-side-block:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.th-side-label{font-size:.6rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:3px}.th-side-value{font-size:.733rem;font-weight:500;color:var(--text-primary);font-family:var(--font-mono);line-height:1.5}.th-side-value--plain{font-family:var(--font-sans);font-size:.7rem}.th-side-value--muted{font-family:var(--font-sans);font-size:.7rem;color:var(--text-tertiary);font-weight:400}.th-footer{display:flex;align-items:center;justify-content:space-between;padding:7px var(--space-5);border-top:1px solid var(--border);background:var(--bg-secondary);font-size:.667rem;color:var(--text-tertiary);letter-spacing:.03em}.th-price-indicator{display:flex;align-items:center;gap:5px}.th-price-indicator-dot{width:5px;height:5px;border-radius:50%;background:var(--fn-healthy)}.th-price-indicator-dot--stale{background:var(--fn-warning)}.th-price-indicator-dot--error{background:var(--fn-critical)}.card-clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border);font-size:.867rem}.data-row-empty{padding:var(--space-6);text-align:center;color:var(--text-tertiary);font-size:.867rem}.side-badge{width:44px;text-align:center;padding:2px 6px;font-size:.733rem;font-weight:600;flex-shrink:0}.side-badge.sell{background:var(--fn-critical-bg);color:var(--fn-critical)}.side-badge.buy{background:var(--fn-healthy-bg);color:var(--fn-healthy)}.trigger-badge{font-size:.733rem;font-weight:600;padding:2px 6px}.trigger-badge.sell{background:var(--fn-critical-bg);color:var(--fn-critical)}.trigger-badge.buy{background:var(--fn-healthy-bg);color:var(--fn-healthy)}.trigger-badge.init{background:var(--fn-warning-bg);color:var(--fn-warning)}.delta-positive{color:var(--fn-healthy)}.delta-negative{color:var(--fn-critical)}.delta-neutral{color:var(--text-secondary)}.col-mono{font-family:var(--font-mono)}.col-price{font-family:var(--font-mono);min-width:80px;text-align:right}.col-price-wide{font-family:var(--font-mono);min-width:90px;text-align:right}.col-price-delta{font-family:var(--font-mono);font-size:.8rem;min-width:56px;text-align:right;opacity:.7}.col-price-delta.sell{color:var(--fn-critical)}.col-price-delta.buy{color:var(--fn-healthy)}.col-amount{font-family:var(--font-mono);min-width:90px;text-align:right;color:var(--text-secondary)}.col-amount-wide{font-family:var(--font-mono);min-width:100px;text-align:right;color:var(--text-secondary)}.col-level{font-family:var(--font-mono);font-size:.8rem;color:var(--text-tertiary)}.col-level-right,.col-timestamp{font-family:var(--font-mono);font-size:.8rem;color:var(--text-tertiary);margin-left:auto}.col-btc-delta{font-family:var(--font-mono);font-size:.8rem;min-width:90px;text-align:right}.price-marker{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);font-weight:600;background:var(--bg-secondary)}.price-marker.live{border-top:2px solid var(--accent-blue);border-bottom:2px solid var(--accent-blue)}.price-marker.stale{border-top:2px solid var(--fn-warning);border-bottom:2px solid var(--fn-warning)}.price-marker-indicator{display:flex;align-items:center;gap:6px;font-size:.8rem}.price-marker-indicator.live{color:var(--accent-blue)}.price-marker-indicator.stale{color:var(--fn-warning)}.price-marker-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.price-marker-dot.live{background:var(--accent-blue)}.price-marker-dot.stale{background:var(--fn-warning)}.price-marker-price{font-family:var(--font-mono);font-size:.867rem}.crossings-count{font-size:2rem;font-weight:700;font-family:var(--font-mono);line-height:1}.crossings-split{font-size:.8rem;margin-top:var(--space-2)}.crossings-status{display:flex;align-items:center;gap:4px;font-size:.8rem;margin-top:var(--space-1)}.crossings-status.warning{color:var(--fn-warning)}.crossings-status.healthy{color:var(--fn-healthy)}.crossings-fees-row{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.crossings-fees-label{font-size:.8rem;color:var(--text-tertiary)}.crossings-fees-value{display:flex;align-items:center;gap:4px}.crossings-fees-amount{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary)}.activity-row{padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.activity-row-r1{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);font-size:.867rem}.activity-meta{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary)}.activity-meta.level{color:var(--text-tertiary)}.activity-timestamp{font-family:var(--font-mono);font-size:.8rem;color:var(--text-tertiary);margin-left:auto}.activity-row-r2{display:flex;gap:var(--space-4);font-size:.8rem;font-family:var(--font-mono)}.activity-state{color:var(--text-tertiary)}.activity-row-r3{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:.8rem;color:var(--text-tertiary);font-family:var(--font-mono);margin-top:2px}.activity-stranded-badge{display:flex;align-items:center;gap:4px}.activity-stranded-badge.waiting{color:var(--fn-warning)}.activity-stranded-badge.recovered{color:var(--fn-healthy)}.activity-pagination{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-3);margin-top:var(--space-2)}.activity-pagination-info{font-size:.8rem;color:var(--text-tertiary)}.pool-bar-wrap{margin-bottom:var(--space-5)}.pool-bar-labels{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-tertiary);margin-bottom:4px}.pool-bar-track{height:6px;border-radius:9999px;background:var(--bg-tertiary);overflow:hidden;position:relative}.pool-bar-track:before{content:"";position:absolute;top:0;left:0;bottom:0;width:var(--btc-pct, 50%);background:#16a34a80;transition:width .5s ease}.pool-bar-track:after{content:"";position:absolute;top:0;bottom:0;left:var(--btc-pct, 50%);right:0;background:#2563eb80;transition:left .5s ease}.mtm-toggle-hint{margin-left:auto;font-size:.733rem;color:var(--text-tertiary);display:inline-flex;align-items:center;gap:4px}.mtm-delta-row{display:flex;align-items:center;gap:4px}.mtm-alpha-row{margin-top:4px;display:flex;align-items:center;gap:4px}.comparison-value-empty{color:var(--text-tertiary);font-size:1.25rem}.comparison-delta-row{display:flex;align-items:center;gap:4px}.comparison-context-row{margin-top:4px}.icon-no-shrink{flex-shrink:0}.crossings-col{width:220px}.pool-btc-card .key-metric-value{view-transition-name:val-pool-btc}.pool-eur-card .key-metric-value{view-transition-name:val-pool-eur}.crossings-count{view-transition-name:val-crossings}.th-price{view-transition-name:val-price}@keyframes vt-out{to{opacity:0;filter:blur(2px)}}@keyframes vt-in{0%{opacity:0;filter:blur(2px)}}::view-transition-old(val-pool-btc),::view-transition-old(val-pool-eur),::view-transition-old(val-crossings),::view-transition-old(val-price){animation:.12s ease-in both vt-out}::view-transition-new(val-pool-btc),::view-transition-new(val-pool-eur),::view-transition-new(val-crossings),::view-transition-new(val-price){animation:.2s 80ms ease-out both vt-in}.key-metric--loading{opacity:.25;pointer-events:none}.chart-tooltip{position:absolute;background:var(--bg-primary);border:1px solid var(--border);padding:var(--space-3) var(--space-4);font-size:.75rem;z-index:10;min-width:220px;pointer-events:none;box-shadow:var(--shadow-md)}.chart-tooltip-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-weight:600}.chart-tooltip-grid{display:grid;grid-template-columns:auto 1fr;gap:2px var(--space-3);font-family:var(--font-mono)}.chart-tooltip-grid span:nth-child(odd){color:var(--text-tertiary)}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial;--tw-outline-style: solid}}}
