.csb{height:var(--bar-critical-h);display:flex;align-items:center;gap:var(--sp-6);padding:0 var(--sp-6);background:linear-gradient(180deg,var(--pg-bg-750) 0%,var(--pg-bg-800) 100%);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-panel);overflow-x:auto;overflow-y:hidden;white-space:nowrap;z-index:var(--z-bar)}.csb::-webkit-scrollbar{height:0}.csb__brandwrap{display:flex;flex-direction:column;justify-content:center;padding-right:var(--sp-4);flex:0 0 auto}.csb__brand{font-weight:var(--fw-bold);font-size:var(--fs-14);letter-spacing:.2em;color:var(--color-text);line-height:1.1}.csb__sub{font-size:8px;letter-spacing:.28em;color:var(--premium-gold-muted);text-transform:uppercase;margin-top:2px}.csb__sep{width:1px;height:26px;background:var(--color-border);flex:0 0 auto}.csb__focus{flex:0 0 auto;width:28px;height:26px;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;font-size:var(--fs-14);line-height:1}.csb__focus:hover{color:var(--color-text);border-color:var(--pg-border-strong)}.csb__focus.is-active{color:var(--color-info);border-color:var(--color-info);background:var(--color-info-bg)}.csb__spacer{flex:1 1 auto}.csb__cell{display:flex;flex-direction:column;justify-content:center;gap:1px;flex:0 0 auto}.csb__label{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:var(--color-text-secondary)}.csb__value{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-13);font-weight:var(--fw-medium)}.csb__conn{font-size:var(--fs-11);text-transform:uppercase;letter-spacing:.06em;color:var(--state-feed-ok);flex:0 0 auto}.csb__conn[data-ok=false]{color:var(--color-critical);font-weight:var(--fw-bold)}.chip{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:var(--fs-12);font-weight:var(--fw-semibold);letter-spacing:.03em;padding:2px var(--sp-4);border-radius:var(--radius-sm);border:1px solid transparent;line-height:1.35}.chip[data-tone=long]{color:var(--state-long);background:var(--color-ok-bg);border-color:var(--state-long)}.chip[data-tone=short]{color:var(--state-short);background:var(--color-critical-bg);border-color:var(--state-short)}.chip[data-tone=flat]{color:var(--state-flat);background:transparent;border-color:var(--color-border)}.chip[data-tone=ok]{color:var(--state-synced);background:var(--color-ok-bg);border-color:var(--state-synced)}.chip[data-tone=warn]{color:var(--color-warn);background:var(--color-warn-bg);border-color:var(--color-warn)}.chip[data-tone=critical]{color:var(--color-critical);background:var(--color-critical-bg);border-color:var(--color-critical)}.chip[data-tone=info]{color:var(--color-info);background:var(--color-info-bg);border-color:var(--color-info)}.chip[data-tone=real]{color:#fff;background:var(--mode-real);border-color:var(--mode-real)}.chip[data-tone=paper]{color:var(--mode-paper);background:var(--mode-paper-bg);border-color:var(--mode-paper)}.chip[data-tone=unknown]{color:var(--color-unknown);background:transparent;border-color:var(--color-border);border-style:dashed}.chip[data-tone=neutral]{color:var(--color-text-secondary);background:transparent;border-color:var(--color-border)}.um{position:relative;flex:0 0 auto}.um__btn{width:26px;height:26px;border-radius:50%;background:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;font-size:var(--fs-12);font-weight:var(--fw-semibold)}.um__btn:hover{border-color:var(--color-text-secondary)}.um__pop{position:fixed;top:calc(var(--bar-critical-h) + 4px);right:var(--sp-5);z-index:var(--z-modal);width:320px;max-height:78vh;overflow:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop)}.um__head{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--color-border)}.um__email{font-size:var(--fs-13);color:var(--color-text)}.um__role{font-size:var(--fs-11);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.um__item{display:block;width:100%;text-align:left;padding:var(--sp-4) var(--sp-5);background:transparent;border:0;border-top:1px solid var(--color-border-soft);color:var(--color-text);font-size:var(--fs-13);cursor:pointer}.um__item:hover:not(:disabled){background:var(--color-surface-raised)}.um__item.is-disabled{color:var(--color-text-disabled);cursor:not-allowed}.um__logout{color:var(--color-critical)}.mono[data-tone=long]{color:var(--pnl-positive)}.mono[data-tone=short]{color:var(--pnl-negative)}.mono[data-tone=neutral]{color:var(--color-text)}.mono[data-tone=unknown]{color:var(--color-unknown)}.rp{display:flex;flex-direction:column;gap:var(--gap-module);background:transparent}.rp__block{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-module);overflow:hidden;padding-bottom:var(--sp-4)}.shell[data-position=active] .rp__block:first-child{border-color:var(--pg-border-strong);box-shadow:0 0 0 1px #3b82f61a,var(--shadow-module)}.rp__title{margin:0;padding:var(--sp-5) var(--sp-6) var(--sp-4);font-size:10px;font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:.14em;color:var(--color-text-secondary);background:var(--color-surface-alt);border-bottom:1px solid var(--color-border-soft);box-shadow:var(--hairline-top)}.rp__rows{padding:var(--sp-3) 0 0}.rp__row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:4px var(--sp-5);min-height:26px}.rp__row:hover{background:var(--color-surface-alt)}.rp__label{font-size:var(--fs-12);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rp__val{font-size:var(--fs-13);font-weight:var(--fw-medium);color:var(--color-text);text-align:right;white-space:nowrap}.rp__val.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.rp__pending{color:var(--color-unknown);font-style:normal;border-bottom:1px dotted var(--color-text-disabled);cursor:help;font-size:var(--fs-12)}.rp__na{color:var(--color-text-secondary);font-size:var(--fs-12);cursor:help}.rp__unknown{color:var(--color-warn);font-size:var(--fs-12)}.rp__flat{padding:var(--sp-4) var(--sp-5);color:var(--color-text-secondary);font-size:var(--fs-12)}.rp__hint{padding:var(--sp-3) var(--sp-5);color:var(--color-text-disabled);font-size:var(--fs-11)}.rp__title{display:flex;align-items:center;justify-content:space-between}.rp__title-right{font-weight:var(--fw-regular)}.rp__val [data-tone=long]{color:var(--pnl-positive)}.rp__val [data-tone=short]{color:var(--pnl-negative)}.chart{height:100%;display:flex;flex-direction:column;background:var(--color-bg);min-height:0}.chart__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-2) var(--sp-5);border-bottom:1px solid var(--color-border);background:var(--color-surface-alt);flex:0 0 auto}.chart__tfs{display:flex;gap:2px}.chart__tfs button{font-family:var(--font-mono);font-size:var(--fs-12);color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1px var(--sp-4);cursor:pointer}.chart__tfs button:hover{background:var(--color-surface-raised);color:var(--color-text)}.chart__tfs button.is-active{color:var(--color-text);background:var(--color-surface-raised);border-color:var(--color-info)}.chart__meta{display:flex;align-items:center;gap:var(--sp-3);font-family:var(--font-mono);font-size:var(--fs-11);color:var(--color-text-secondary)}.chart__dot{color:var(--color-text-disabled)}.chart__type{color:var(--color-info);letter-spacing:.04em}.chart__buho{font-weight:var(--fw-semibold)}.chart__buho[data-tone=long]{color:var(--state-long)}.chart__buho[data-tone=short]{color:var(--state-short)}.clock{color:var(--color-text);font-variant-numeric:tabular-nums}.clock__tz{color:var(--color-text-secondary)}a#tv-attr-logo{display:none!important}.chart__err{color:var(--color-critical)}.chart__left{display:flex;align-items:center;gap:var(--sp-4)}.chart__session{font-family:var(--font-mono);font-size:var(--fs-11);color:var(--color-text);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1px var(--sp-3);cursor:pointer;max-width:220px}.chart__layers-wrap{position:relative}.chart__layers-btn{font-size:var(--fs-12);color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1px var(--sp-4);cursor:pointer}.chart__layers-btn:hover{color:var(--color-text)}.chart__layers-pop{position:absolute;top:calc(100% + 4px);left:0;z-index:var(--z-panel);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:var(--sp-3);min-width:200px}.chart__layer{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-12);color:var(--color-text);cursor:pointer;border-radius:var(--radius-sm)}.chart__layer:hover{background:var(--color-surface-raised)}.chart__layer.is-pending{color:var(--color-text-disabled);cursor:not-allowed}.chart__layer-tag{margin-left:auto;font-size:9px;color:var(--color-text-disabled);text-transform:uppercase}.chart__canvas{flex:1 1 auto;min-height:0;position:relative}.eb{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg)}.eb__box{max-width:480px;text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--sp-8)}.eb__mark{width:40px;height:40px;margin:0 auto var(--sp-4);border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-critical-bg);color:var(--color-critical);border:1px solid var(--color-critical);font-size:var(--fs-22);font-weight:var(--fw-bold)}.eb__title{margin:0 0 var(--sp-4);font-size:var(--fs-18)}.eb__text{color:var(--color-text-tertiary);font-size:var(--fs-13);margin:0 0 var(--sp-4)}.eb__detail{font-family:var(--font-mono);font-size:var(--fs-11);color:var(--color-critical);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--sp-3);overflow:auto;text-align:left}.eb__btn{margin-top:var(--sp-5);font-size:var(--fs-14);font-weight:var(--fw-semibold);color:#fff;background:var(--color-info);border:0;border-radius:var(--radius-md);padding:var(--sp-4) var(--sp-7);cursor:pointer}.bt{flex:0 0 auto;display:flex;flex-direction:column;margin:0 var(--gap-module) var(--gap-module);background:var(--pg-bg-850);border:1px solid var(--color-border-soft);border-radius:var(--radius-module);box-shadow:var(--shadow-module);overflow:hidden}.bt--open{height:var(--bottom-h)}.bt__bar{display:flex;align-items:center;gap:var(--sp-5);padding:0 var(--sp-5);height:34px;flex:0 0 auto;border-bottom:1px solid var(--color-border-soft)}.bt__collapse{background:transparent;border:0;color:var(--color-text-secondary);cursor:pointer;font-size:var(--fs-12)}.bt__tabs{display:flex;gap:var(--sp-3)}.bt__tabs button{font-size:var(--fs-13);color:var(--color-text-secondary);background:transparent;border:0;border-bottom:2px solid transparent;padding:var(--sp-3) var(--sp-2);cursor:pointer;letter-spacing:.02em}.bt__tabs button:hover{color:var(--color-text)}.bt__tabs button.is-active{color:var(--color-text);border-bottom-color:var(--color-info);font-weight:var(--fw-medium)}.bt__body{flex:1 1 auto;overflow:auto;background:var(--color-bg);min-height:0}.bt__empty{padding:var(--sp-6);color:var(--color-text-secondary);text-align:center;font-size:var(--fs-12)}.bt__reason{color:var(--color-text-secondary);font-size:var(--fs-12)}.bt__timeline{display:flex;flex-direction:column;height:100%}.sum{display:flex;flex-direction:column;height:100%}.sum__ranges{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);border-bottom:1px solid var(--color-border-soft);flex:0 0 auto}.sum__ranges>button{font-size:var(--fs-12);color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px var(--sp-4);cursor:pointer}.sum__ranges>button:hover{color:var(--color-text)}.sum__ranges>button.is-active{color:var(--color-text);background:var(--color-surface-raised);border-color:var(--color-info)}.sum__custom{display:inline-flex;align-items:center;gap:var(--sp-3)}.sum__custom input[type=date]{font-family:var(--font-mono);font-size:var(--fs-11);color:var(--color-text);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1px var(--sp-3);color-scheme:dark}.sum__dash{color:var(--color-text-secondary)}.sum__span{margin-left:auto;font-size:var(--fs-11);color:var(--color-text-secondary);font-family:var(--font-mono)}.sum__tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--color-border);flex:0 0 auto}.tile{background:var(--color-surface);padding:var(--sp-5) var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-2);box-shadow:var(--hairline-top)}.tile__label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}.tile__value{font-size:var(--fs-22);font-weight:var(--fw-semibold);letter-spacing:-.02em}.tile__value[data-tone=long]{color:var(--pnl-positive)}.tile__value[data-tone=short]{color:var(--pnl-negative)}.tile__sub{font-size:var(--fs-11);color:var(--color-text-secondary)}.sum__equity{flex:1 1 auto;min-height:0;padding:var(--sp-3)}.eqc{width:100%;height:100%;min-height:90px}.eqc--empty{display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:var(--fs-12)}.perf{display:flex;flex-direction:column;height:100%;min-height:0}.perf__head{font-size:var(--fs-12);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);padding:var(--sp-3) var(--sp-6);flex:0 0 auto}.perf__grid{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:1px;background:var(--color-border)}.ptile{background:var(--color-bg);padding:var(--sp-3) var(--sp-6);display:flex;flex-direction:column;justify-content:center;gap:var(--sp-2);min-width:0}.ptile__label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}.ptile__val{font-size:var(--fs-18);font-weight:var(--fw-semibold);letter-spacing:-.01em}.ptile__val[data-tone=long]{color:var(--pnl-positive)}.ptile__val[data-tone=short]{color:var(--pnl-negative)}.ptile__muted{color:var(--color-text-disabled)}.bt__body .tbl.tbl--center th,.bt__body .tbl.tbl--center td{text-align:center}.opdir{font-family:var(--font-mono);font-weight:var(--fw-semibold);letter-spacing:.03em}.opdir[data-tone=long]{color:var(--state-long)}.opdir[data-tone=short]{color:var(--state-short)}.sys{display:grid;grid-template-columns:280px 1fr;gap:1px;background:var(--color-border);min-height:100%}.sys__diag{background:var(--color-bg);padding:var(--sp-2) 0}.sys__head,.sys__logs-head{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);padding:var(--sp-3) var(--sp-5)}.sysd__row{display:flex;align-items:center;justify-content:space-between;padding:3px var(--sp-5);font-size:var(--fs-12)}.sysd__label{color:var(--color-text-secondary)}.sysd__unknown{color:var(--color-warn)}.sys__logs{background:var(--color-bg);display:flex;flex-direction:column;min-height:0}.sys__logs-head{display:flex;align-items:center;justify-content:space-between}.sys__logs-toggle button{font-size:var(--fs-11);background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-sm);padding:0 var(--sp-3);cursor:pointer;margin-left:var(--sp-2)}.sys__logs-toggle button.is-active{color:var(--color-text);background:var(--color-surface-raised)}.sys__logs-body{flex:1 1 auto;overflow:auto}.sys__empty{padding:var(--sp-5);color:var(--color-text-secondary);font-size:var(--fs-12)}html,body,#root{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-ui);font-size:var(--fs-13);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.shell{height:100vh;display:flex;flex-direction:column;overflow:hidden;background:var(--pg-bg-950)}.shell--real{outline:2px solid var(--mode-real);outline-offset:-2px}.shell__modeband{display:flex;align-items:center;gap:var(--sp-5);padding:2px var(--sp-6);font-size:var(--fs-11);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--color-border);flex:0 0 auto}.shell__modeband strong{font-weight:var(--fw-bold)}.shell__modeband[data-tone=paper]{background:var(--mode-paper-bg);color:var(--mode-paper)}.shell__body{flex:1 1 auto;display:grid;grid-template-columns:1fr var(--right-panel-w);gap:var(--gap-module);padding:var(--gap-module);background:transparent;min-height:0}.shell__chart{min-height:0;background:var(--color-bg);border:1px solid var(--color-border-soft);border-radius:var(--radius-module);overflow:hidden;box-shadow:var(--shadow-module)}.shell__right{display:flex;flex-direction:column;overflow:hidden;background:transparent;min-height:0;gap:var(--gap-module)}.shell__right-scroll{flex:1 1 auto;overflow-y:auto;display:flex;flex-direction:column;gap:var(--gap-module)}.shell--focus .shell__right{display:none}.shell--focus .shell__body{grid-template-columns:1fr}.shell--focus .bt{display:none}.region-ph{height:100%;min-height:46px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-6);color:var(--color-text-secondary);text-align:center}.region-ph__title{font-size:var(--fs-14);font-weight:var(--fw-semibold);color:var(--color-text-tertiary)}.region-ph__note{font-size:var(--fs-12);color:var(--color-text-secondary);max-width:42ch}.region-ph__tag{font-size:var(--fs-11);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-disabled);border:1px dashed var(--color-border);border-radius:var(--radius-sm);padding:1px var(--sp-3)}.bnr{display:flex;flex-direction:column;z-index:var(--z-banner)}.bnr__row{padding:var(--sp-3) var(--sp-6);font-family:var(--font-mono);font-size:var(--fs-13);font-weight:var(--fw-semibold);letter-spacing:.02em;text-align:center}.bnr__row[data-tone=critical]{background:var(--color-critical);color:#fff}.bnr__row[data-tone=warn]{background:var(--color-warn);color:#1d1d1d}.ocl{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap;padding:var(--sp-2) var(--sp-5);flex:0 0 auto;background:var(--color-surface);border-bottom:1px solid var(--color-border);font-size:var(--fs-12)}.ocl__title{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}.ocl__state{font-family:var(--font-mono);font-weight:var(--fw-semibold);font-size:var(--fs-12);padding:1px var(--sp-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-text-secondary)}.ocl__state[data-state=in_position]{color:var(--state-running);border-color:var(--state-running);background:var(--color-ok-bg)}.ocl__state[data-state=armed]{color:var(--color-warn);border-color:var(--color-warn);background:var(--color-warn-bg)}.ocl__leg{color:var(--color-text)}.ocl__slip{color:var(--color-text-secondary)}.ocl__stages{display:flex;gap:var(--sp-2);margin-left:auto}.ocl__stage{font-size:9px;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text);padding:0 var(--sp-2);border-radius:var(--radius-sm);background:var(--color-surface-raised)}.ocl__stage.is-off{color:var(--color-text-disabled);background:transparent;border:1px dashed var(--color-border-soft)}.tl{height:100%;display:flex;flex-direction:column;background:var(--color-bg);min-height:0}.tl__head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-2) var(--sp-5);border-bottom:1px solid var(--color-border);background:var(--color-surface-alt);flex:0 0 auto}.tl__title{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);font-weight:var(--fw-semibold)}.tl__count{font-size:var(--fs-11);color:var(--color-text-secondary);font-family:var(--font-mono)}.tl__list{flex:1 1 auto;overflow-y:auto;padding:var(--sp-2) 0}.tl__empty{padding:var(--sp-6);color:var(--color-text-secondary);text-align:center;font-size:var(--fs-12)}.tl__row{display:flex;align-items:baseline;gap:var(--sp-4);padding:2px var(--sp-5);font-size:var(--fs-12)}.tl__row:hover{background:var(--color-surface)}.tl__time{color:var(--color-text-secondary);font-size:var(--fs-11);flex:0 0 auto}.tl__kind{flex:0 0 auto;font-size:10px}.tl__msg{color:var(--color-text)}.ks{background:var(--color-surface);padding:var(--sp-5) var(--sp-6);flex:0 0 auto;border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-module)}.ks__title{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-secondary);margin-bottom:var(--sp-3);font-weight:var(--fw-semibold)}.ks__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.ks__btn{font-family:var(--font-mono);font-size:var(--fs-12);font-weight:var(--fw-semibold);letter-spacing:.02em;color:var(--color-text);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--sp-4) var(--sp-3);cursor:pointer;transition:border-color .12s ease,background .12s ease}.ks__btn:hover:not(:disabled){border-color:var(--pg-border-strong);background:var(--color-surface-alt)}.ks__btn:disabled{color:var(--color-text-disabled);border-color:var(--color-border-soft);background:var(--color-surface);cursor:not-allowed}.ks__btn--warn{color:var(--color-warn);border-color:var(--color-warn)}.ks__btn--ok{color:var(--state-running);border-color:var(--state-running)}.ks__btn--crit{color:var(--color-critical);border-color:var(--color-critical)}.ks__blocked{margin-top:var(--sp-2);font-size:var(--fs-11);color:var(--color-critical);text-align:center}.ks__overlay,.sx__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.ks__modal,.sx__modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--sp-7);width:min(420px,92vw);box-shadow:var(--shadow-pop)}.ks__modal-title{font-weight:var(--fw-bold);font-size:var(--fs-16);margin-bottom:var(--sp-4);color:var(--color-critical)}.ks__modal-text{color:var(--color-text-tertiary);font-size:var(--fs-13);margin:0 0 var(--sp-5)}.ks__input{width:100%;font-family:var(--font-mono);font-size:var(--fs-14);background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--sp-3);margin-bottom:var(--sp-5)}.ks__modal-actions{display:flex;justify-content:flex-end;gap:var(--sp-3)}.sx__modal{text-align:center}.sx__mark{width:40px;height:40px;border-radius:50%;margin:0 auto var(--sp-4);display:flex;align-items:center;justify-content:center;background:var(--color-critical-bg);color:var(--color-critical);font-weight:var(--fw-bold);font-size:var(--fs-22);border:1px solid var(--color-critical)}.sx__title{margin:0 0 var(--sp-4);font-size:var(--fs-18);color:var(--color-text)}.sx__text{color:var(--color-text-tertiary);font-size:var(--fs-13);margin:0 0 var(--sp-3)}.sx__sub{color:var(--color-text-secondary);font-size:var(--fs-12);margin:0 0 var(--sp-6)}.sx__btn{font-family:var(--font-ui);font-size:var(--fs-14);font-weight:var(--fw-semibold);color:#fff;background:var(--color-info);border:0;border-radius:var(--radius-md);padding:var(--sp-4) var(--sp-7);cursor:pointer}.as{border-top:1px solid var(--color-border)}.as__head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-5);background:var(--color-surface-alt);border-bottom:1px solid var(--color-border-soft)}.as__title{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);font-weight:var(--fw-semibold)}.as__count{font-family:var(--font-mono);font-size:var(--fs-12);color:var(--color-text-secondary)}.as__list{padding:var(--sp-2) 0}.as__empty{padding:var(--sp-5);color:var(--color-text-secondary);font-size:var(--fs-12);text-align:center}.as__row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-3) var(--sp-5)}.as__row--current{background:var(--color-ok-bg)}.as__info{display:flex;flex-direction:column;gap:1px;min-width:0}.as__dev{font-size:var(--fs-12);color:var(--color-text);display:flex;align-items:center;gap:var(--sp-3)}.as__badge{font-size:9px;text-transform:uppercase;color:var(--state-running);border:1px solid var(--state-running);border-radius:var(--radius-sm);padding:0 var(--sp-2)}.as__meta{font-size:var(--fs-11);color:var(--color-text-secondary)}.as__revoke{font-size:var(--fs-11);color:var(--color-critical);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1px var(--sp-3);cursor:pointer}.as__revoke:hover{border-color:var(--color-critical)}.as__foot{padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--color-border-soft)}.as__revoke-all{width:100%;font-size:var(--fs-12);color:var(--color-critical);background:var(--color-critical-bg);border:1px solid var(--color-critical);border-radius:var(--radius-sm);padding:var(--sp-3);cursor:pointer}.as__confirm{font-size:var(--fs-12);color:var(--color-text-tertiary)}.as__confirm-actions{display:flex;gap:var(--sp-3);margin-top:var(--sp-3);justify-content:flex-end}.dock{display:flex;flex-direction:column;background:var(--color-surface-alt)}.dock__bar{display:flex;align-items:center;gap:var(--sp-5);padding:var(--sp-2) var(--sp-5)}.dock__toggle{font-family:var(--font-mono);font-size:var(--fs-12);color:var(--color-text);background:transparent;border:0;cursor:pointer}.dock__tabs{display:flex;gap:var(--sp-2)}.dock__tabs button{font-size:var(--fs-12);color:var(--color-text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);padding:1px var(--sp-4);cursor:pointer}.dock__tabs button.is-active{color:var(--color-text);background:var(--color-surface-raised);border-color:var(--color-border)}.dock__body{max-height:260px;overflow:auto;border-top:1px solid var(--color-border);background:var(--color-bg)}.dock__empty{padding:var(--sp-6);color:var(--color-text-secondary);text-align:center;font-size:var(--fs-12)}.dock__reason{color:var(--color-text-secondary);font-size:var(--fs-12)}.tbl{width:100%;border-collapse:collapse;font-size:var(--fs-12)}.tbl th{text-align:left;padding:var(--sp-2) var(--sp-5);color:var(--color-text-secondary);font-weight:var(--fw-medium);position:sticky;top:0;background:var(--color-surface-alt);border-bottom:1px solid var(--color-border);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.tbl td{padding:var(--sp-2) var(--sp-5);border-bottom:1px solid var(--color-border-soft)}.tbl td.mono[data-tone=long]{color:var(--pnl-positive)}.tbl td.mono[data-tone=short]{color:var(--pnl-negative)}.hlog,.tlog{padding:var(--sp-2) 0}.hlog__row{display:flex;gap:var(--sp-4);padding:2px var(--sp-5);font-size:var(--fs-12)}.hlog__row[data-level=ERROR]{color:var(--color-critical)}.hlog__row[data-level=WARNING]{color:var(--color-warn)}.hlog__t{color:var(--color-text-secondary);flex:0 0 auto}.tlog__row{display:flex;gap:var(--sp-4);padding:2px var(--sp-5);font-size:var(--fs-11);align-items:baseline}.tlog__t{color:var(--color-text-secondary);flex:0 0 auto}.tlog__lvl{flex:0 0 auto;font-size:9px;font-weight:var(--fw-bold)}.tlog__lvl[data-level=ERROR]{color:var(--color-critical)}.tlog__lvl[data-level=WARNING]{color:var(--color-warn)}.tlog__lvl[data-level=INFO]{color:var(--color-info)}.tlog__kind{flex:0 0 auto;color:var(--color-text-tertiary)}.tlog__data{color:var(--color-text-secondary);word-break:break-all}.toasts{position:fixed;right:var(--sp-6);bottom:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-3);z-index:var(--z-toast);max-width:360px}.toast{padding:var(--sp-4) var(--sp-5);border-radius:var(--radius-md);font-size:var(--fs-12);background:var(--color-surface);border-left:3px solid var(--color-info);box-shadow:var(--shadow-pop);cursor:pointer;color:var(--color-text)}.toast[data-tone=critical]{border-left-color:var(--color-critical)}.toast[data-tone=warn]{border-left-color:var(--color-warn)}.mob{min-height:100vh;background:var(--color-bg);color:var(--color-text);padding:var(--sp-5)}.mob--real{outline:3px solid var(--mode-real);outline-offset:-3px}.mob__top{display:flex;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-5)}.mob__brand{font-weight:var(--fw-bold);letter-spacing:.12em}.mob__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin-bottom:var(--sp-5)}.mob__cell{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2)}.mob__k{font-size:var(--fs-11);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.mob__v{font-size:var(--fs-16)}.mob__events{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--sp-4);margin-bottom:var(--sp-5)}.mob__events-h{font-size:var(--fs-11);text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--sp-3)}.mob__ev{font-size:var(--fs-12);padding:var(--sp-2) 0;border-bottom:1px solid var(--color-border-soft)}.mob__actions{position:sticky;bottom:0;padding-top:var(--sp-4)}.mob__pause{width:100%;font-family:var(--font-mono);font-size:var(--fs-16);font-weight:var(--fw-bold);color:var(--color-warn);background:var(--color-warn-bg);border:1px solid var(--color-warn);border-radius:var(--radius-md);padding:var(--sp-5);cursor:pointer}.mob__pause:disabled{opacity:.5}.mob__confirm{text-align:center;font-size:var(--fs-13)}.mob__confirm>div{display:flex;gap:var(--sp-3);margin-top:var(--sp-3)}.mob__confirm button{flex:1;padding:var(--sp-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text)}.chart__tfs button,.chart__layers-btn,.chart__session,.dock__tabs button,.bt__tabs button,.ks__btn,.as__revoke,.um__btn{transition:border-color .14s ease,background-color .14s ease,color .14s ease,box-shadow .14s ease}.shell__chart,.rp__block,.ks{transition:border-color .2s ease,box-shadow .2s ease}.shell[data-position=active] .shell__chart{border-color:var(--pg-border-strong);box-shadow:inset 0 0 0 1px #3b82f638,var(--shadow-module)}.shell[data-position=active] .shell__chart .chart__toolbar{box-shadow:inset 0 2px 0 -1px #3b82f680}.shell[data-position=active] .rp__block:first-child{animation:pg-hero-breathe 2.8s ease-in-out infinite}@keyframes pg-hero-breathe{0%,to{box-shadow:0 0 0 1px #3b82f61a,var(--shadow-module)}50%{box-shadow:0 0 0 1px #3b82f63d,var(--shadow-module)}}.chart__tfs button:focus-visible,.chart__layers-btn:focus-visible,.chart__session:focus-visible,.dock__tabs button:focus-visible,.bt__tabs button:focus-visible,.ks__btn:focus-visible,.as__revoke:focus-visible,.um__btn:focus-visible{outline:2px solid var(--color-info);outline-offset:1px}.shell *::-webkit-scrollbar{width:10px;height:10px}.shell *::-webkit-scrollbar-track{background:transparent}.shell *::-webkit-scrollbar-thumb{background:var(--color-border);border:2px solid transparent;background-clip:padding-box;border-radius:6px}.shell *::-webkit-scrollbar-thumb:hover{background:var(--pg-border-strong);background-clip:padding-box}.shell{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}@media (prefers-reduced-motion: reduce){.shell[data-position=active] .rp__block:first-child{animation:none}.shell__chart,.rp__block,.ks,.chart__tfs button,.chart__layers-btn,.chart__session,.dock__tabs button,.bt__tabs button,.ks__btn,.as__revoke,.um__btn{transition:none}}.auth-wrap,.auth-splash{min-height:100vh;display:grid;place-items:center;background:radial-gradient(1200px 600px at 50% -10%,#131922 0%,var(--bg) 60%);font-family:var(--sans);color:var(--txt)}.auth-splash{flex-direction:column;gap:8px;text-align:center}.auth-mark{font-family:var(--sans);font-weight:700;letter-spacing:.28em;color:var(--txt-strong);font-size:20px}.auth-sub{color:var(--txt-muted);font-size:12px;letter-spacing:.14em;text-transform:uppercase}.auth-card{width:320px;max-width:calc(100vw - 32px);background:var(--panel);border:1px solid var(--border-strong);border-radius:var(--r);padding:26px 24px 20px;display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 60px #00000073}.auth-brand{display:flex;flex-direction:column;gap:4px;align-items:center;margin-bottom:6px}.auth-brand .auth-mark{border-bottom:2px solid var(--raptor);padding-bottom:6px}.auth-field{display:flex;flex-direction:column;gap:5px}.auth-field>span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--txt-muted)}.auth-field input{background:var(--panel-2);border:1px solid var(--border);border-radius:4px;color:var(--txt-strong);font-family:var(--mono);font-size:14px;padding:9px 10px;outline:none;transition:border-color .12s ease}.auth-field input:focus{border-color:var(--raptor)}.auth-field input:disabled{opacity:.6}.auth-error{background:#e5564b1a;border:1px solid var(--short);color:#f2b3ad;border-radius:4px;padding:8px 10px;font-size:12.5px}.auth-btn{margin-top:4px;background:var(--raptor);color:#1a1206;font-weight:600;font-size:14px;border:none;border-radius:4px;padding:10px 12px;cursor:pointer;transition:filter .12s ease,opacity .12s ease}.auth-btn:hover:not(:disabled){filter:brightness(1.06)}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-foot{text-align:center;color:var(--txt-faint);font-size:11px;letter-spacing:.06em;margin-top:2px}.auth-note{margin:0;font-size:12.5px;line-height:1.5;color:var(--txt-muted)}.auth-note strong{color:var(--txt)}.auth-link{background:none;border:none;color:var(--txt-muted);font-size:12px;cursor:pointer;padding:2px;align-self:center}.auth-link:hover:not(:disabled){color:var(--txt)}.auth-link:disabled{opacity:.5;cursor:not-allowed}.tfa-banner{background:var(--panel);border:1px solid var(--raptor);border-radius:var(--r);padding:14px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:14px;font-family:var(--sans)}.tfa-head{display:flex;flex-direction:column;gap:2px;flex:1 1 260px}.tfa-head strong{color:var(--txt-strong);font-size:14px}.tfa-head .muted{color:var(--txt-muted);font-size:12.5px}.tfa-btn{background:var(--raptor);color:#1a1206;font-weight:600;border:none;border-radius:4px;padding:9px 14px;cursor:pointer;font-size:13px}.tfa-btn:hover:not(:disabled){filter:brightness(1.06)}.tfa-btn:disabled{opacity:.5;cursor:not-allowed}.tfa-setup{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start;width:100%}.tfa-qr{width:168px;height:168px;background:#fff;border-radius:6px;padding:8px;flex:0 0 auto}.tfa-steps{display:flex;flex-direction:column;gap:8px;flex:1 1 240px;font-size:13px;color:var(--txt)}.tfa-steps p{margin:0}.tfa-secret{font-family:var(--mono);font-size:13px;letter-spacing:.06em;color:var(--txt-strong);background:var(--panel-2);border:1px solid var(--border);border-radius:4px;padding:6px 8px;word-break:break-all;-webkit-user-select:all;user-select:all}.tfa-input{width:140px;background:var(--panel-2);border:1px solid var(--border);border-radius:4px;color:var(--txt-strong);font-family:var(--mono);font-size:15px;letter-spacing:.2em;padding:8px 10px;outline:none}.tfa-input:focus{border-color:var(--raptor)}.tfa-error{color:#f2b3ad;font-size:12.5px}.admin-invite{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.admin-invite input,.admin-invite select{background:var(--panel-2);border:1px solid var(--border);border-radius:4px;color:var(--txt-strong);font-family:var(--sans);font-size:13px;padding:7px 9px}.admin-invite input{flex:1 1 200px}.admin-key{background:#d8a43a1a;border:1px solid var(--raptor);border-radius:4px;padding:8px 10px;font-size:12.5px;color:var(--txt);margin-bottom:12px;display:flex;flex-direction:column;gap:6px}.admin-key code{font-family:var(--mono);font-size:14px;letter-spacing:.08em;color:var(--txt-strong);-webkit-user-select:all;user-select:all}.admin-error{color:#f2b3ad;font-size:12.5px;margin-bottom:10px}.admin-table{width:100%;border-collapse:collapse;font-size:12.5px}.admin-table th,.admin-table td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--border)}.admin-table th{color:var(--txt-muted);font-weight:500;text-transform:uppercase;font-size:10.5px;letter-spacing:.06em}.admin-table td{font-family:var(--mono);color:var(--txt)}.admin-actions{display:flex;gap:6px;flex-wrap:wrap}:root{--pg-bg-950: #05080C;--pg-bg-900: #070B10;--pg-bg-850: #0B1118;--pg-bg-800: #101720;--pg-bg-750: #141D27;--pg-bg-700: #1A2430;--pg-border: #2B3644;--pg-border-soft: #202A36;--pg-border-strong: #3A4756;--pg-text-100: #E6EDF3;--pg-text-300: #C2CAD4;--pg-text-500: #9AA4AF;--pg-text-700: #66717E;--pg-text-800: #424B55;--pg-blue: #3B82F6;--pg-amber: #D99621;--pg-amber-warn: #D7A642;--pg-red: #FF3B30;--pg-red-soft: #D94A45;--pg-green: #089981;--pg-green-2: #089981;--pg-rose: #FF3B30;--pg-magenta: #FF2D55;--pg-violet: #a371f7;--premium-amber: #D99621;--premium-gold-muted: #B88A32;--color-bg: var(--pg-bg-900);--color-surface: var(--pg-bg-800);--color-surface-alt: var(--pg-bg-750);--color-surface-raised:var(--pg-bg-700);--color-border: var(--pg-border);--color-border-soft: var(--pg-border-soft);--color-text: var(--pg-text-100);--color-text-secondary:var(--pg-text-500);--color-text-tertiary: var(--pg-text-300);--color-text-disabled: var(--pg-text-800);--color-info: var(--pg-blue);--color-warn: var(--pg-amber-warn);--color-critical: var(--pg-red);--color-info-bg: rgba(59, 130, 246, .15);--color-warn-bg: rgba(215, 166, 66, .15);--color-critical-bg: rgba(255, 59, 48, .16);--color-ok-bg: rgba(8, 153, 129, .16);--state-long: var(--pg-green);--state-short: var(--pg-rose);--state-flat: var(--pg-text-500);--pnl-positive: var(--pg-green);--pnl-negative: var(--pg-rose);--pnl-zero: var(--pg-text-500);--state-synced: var(--pg-green);--state-drift: var(--pg-red);--state-unknown: var(--pg-amber);--state-reconciling: var(--pg-blue);--state-feed-ok: var(--pg-green);--state-feed-lagged: var(--pg-amber);--state-feed-down: var(--pg-red);--state-running: var(--pg-green);--state-paused: var(--pg-amber);--state-halted: var(--pg-red);--state-normal: var(--pg-green);--state-warn: var(--pg-amber);--state-active: var(--pg-red);--mode-real: var(--pg-red);--mode-paper: var(--pg-blue);--mode-real-bg: rgba(255, 59, 48, .16);--mode-paper-bg: rgba(59, 130, 246, .15);--chart-channel: var(--pg-amber);--chart-stop: var(--pg-red);--chart-trail: var(--pg-amber);--chart-entry: var(--pg-blue);--chart-liq: var(--pg-magenta);--chart-danger-bg: rgba(255, 59, 48, .1);--chart-session-bg:rgba(59, 130, 246, .05);--chart-grid: rgba(255, 255, 255, .045);--chart-up: var(--pg-green);--chart-down: var(--pg-rose);--color-unknown: var(--pg-text-700);--font-ui: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", "SF Mono", "Menlo", "Consolas", ui-monospace, monospace;--fs-11: 11px;--fs-12: 12px;--fs-13: 13px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-22: 22px;--fs-28: 28px;--lh-tight: 1.15;--lh-normal: 1.4;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--sp-1: 2px;--sp-2: 4px;--sp-3: 6px;--sp-4: 8px;--sp-5: 12px;--sp-6: 16px;--sp-7: 20px;--sp-8: 24px;--sp-10: 32px;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 12px;--radius-module: 14px;--gap-module: 8px;--shadow-panel: 0 1px 2px rgba(0,0,0,.45);--shadow-module: 0 2px 10px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.02);--shadow-pop: 0 16px 40px rgba(0,0,0,.6), 0 2px 10px rgba(0,0,0,.45);--hairline-top: inset 0 1px 0 rgba(255,255,255,.03);--bar-critical-h: 52px;--right-panel-w: 300px;--bottom-h: 236px;--z-base: 0;--z-panel: 10;--z-bar: 100;--z-banner: 500;--z-modal: 1000;--z-toast: 1500}:root{--bg: #0a0d12;--panel: #11151c;--panel-2: #0e1218;--border: #1e2630;--border-strong: #2a3543;--txt: #c7d0db;--txt-strong: #eef2f6;--txt-muted: #7d8896;--txt-faint: #56616e;--raptor: #d8a43a;--long: #2fbf87;--short: #e5564b;--warn: #e0a13a;--info: #5a93d6;--ok: #2fbf87;--bad: #e5564b;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--r: 5px;--gap: 14px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--txt);font-family:var(--sans);font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased}.app{max-width:1500px;margin:0 auto;padding:0 16px 40px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:18px;padding:12px 4px;margin-bottom:var(--gap);background:linear-gradient(var(--bg),color-mix(in srgb,var(--bg) 85%,transparent));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:baseline;gap:10px}.brand .mark{color:var(--raptor);font-weight:700;letter-spacing:.06em;font-size:15px}.brand .sub{color:var(--txt-faint);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.topbar .spacer{flex:1}.grid{display:grid;gap:var(--gap);grid-template-columns:repeat(12,1fr)}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-12{grid-column:span 12}@media (max-width: 1100px){.col-3,.col-4,.col-5,.col-6,.col-7,.col-8{grid-column:span 12}}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);display:flex;flex-direction:column}.card.stale{opacity:.55}.card-h{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border)}.card-h .eyebrow{color:var(--txt-muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}.card-h .right{margin-left:auto;display:flex;align-items:center;gap:8px}.card-b{padding:12px}.stat{display:flex;flex-direction:column;gap:2px}.stat .label{color:var(--txt-muted);font-size:11px;letter-spacing:.04em}.stat .val{font-family:var(--mono);font-size:18px;color:var(--txt-strong);font-variant-numeric:tabular-nums}.stat .val.sm{font-size:15px}.stat.pos .val{color:var(--long)}.stat.neg .val{color:var(--short)}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px 18px}.derived-tag{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--raptor);border:1px solid color-mix(in srgb,var(--raptor) 40%,transparent);border-radius:3px;padding:0 4px;line-height:14px;height:14px;align-self:flex-start}.na{color:var(--txt-faint);font-family:var(--mono)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.04em;padding:2px 8px;border-radius:999px;border:1px solid var(--border-strong);text-transform:uppercase}.badge.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 45%,transparent)}.badge.warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 45%,transparent)}.badge.bad{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 45%,transparent)}.badge.muted{color:var(--txt-muted)}.badge.long{color:var(--long);border-color:color-mix(in srgb,var(--long) 45%,transparent)}.badge.short{color:var(--short);border-color:color-mix(in srgb,var(--short) 45%,transparent)}.dot{width:8px;height:8px;border-radius:50%;background:var(--txt-faint);flex:none}.dot.ok{background:var(--ok)}.dot.warn{background:var(--warn)}.dot.bad{background:var(--bad)}.dot.live{background:var(--ok);box-shadow:0 0 color-mix(in srgb,var(--ok) 60%,transparent);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--ok) 55%,transparent)}70%{box-shadow:0 0 0 6px transparent}to{box-shadow:0 0 0 0 transparent}}@media (prefers-reduced-motion: reduce){.dot.live{animation:none}}button{font-family:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;gap:7px;justify-content:center;background:var(--panel-2);color:var(--txt);border:1px solid var(--border-strong);border-radius:var(--r);padding:7px 12px;font-size:12px;font-weight:600;letter-spacing:.03em;transition:border-color .12s,background .12s}.btn:hover{border-color:var(--txt-muted)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,transparent)}.btn.warn:hover{background:color-mix(in srgb,var(--warn) 12%,var(--panel-2))}.btn.danger{color:#fff;background:color-mix(in srgb,var(--short) 22%,var(--panel-2));border-color:var(--short)}.btn.danger:hover{background:color-mix(in srgb,var(--short) 38%,var(--panel-2))}.btn.ghost{background:transparent}.btn.sm{padding:4px 9px;font-size:11px}.btn:focus-visible{outline:2px solid var(--raptor);outline-offset:2px}.tbl{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:12px}.tbl th{text-align:right;color:var(--txt-muted);font-weight:600;font-family:var(--sans);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--panel)}.tbl th:first-child,.tbl td:first-child{text-align:left}.tbl td{padding:5px 10px;border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent);font-variant-numeric:tabular-nums}.tbl tr:hover td{background:color-mix(in srgb,var(--raptor) 5%,transparent)}.tbl .pos{color:var(--long)}.tbl .neg{color:var(--short)}.scroll{overflow:auto}.scroll::-webkit-scrollbar{width:9px;height:9px}.scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px}.field{display:flex;flex-direction:column;gap:4px}.field label{color:var(--txt-muted);font-size:11px}.field input,.field select{background:var(--panel-2);border:1px solid var(--border-strong);color:var(--txt-strong);border-radius:4px;padding:6px 8px;font-family:var(--mono);font-size:12px}.field input:focus{outline:none;border-color:var(--raptor)}.field input.invalid{border-color:var(--short)}.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:baseline}.kv .k{color:var(--txt-muted);font-size:11.5px}.kv .v{font-family:var(--mono);color:var(--txt-strong);text-align:right;font-variant-numeric:tabular-nums}.hr{height:1px;background:var(--border);margin:10px 0;border:0}.muted{color:var(--txt-muted)}.note{font-size:11px;color:var(--txt-faint)}.warnbox{border:1px solid color-mix(in srgb,var(--warn) 45%,transparent);background:color-mix(in srgb,var(--warn) 8%,transparent);color:var(--warn);border-radius:4px;padding:8px 10px;font-size:11.5px}.disconnected-banner{display:flex;align-items:center;gap:10px;background:color-mix(in srgb,var(--short) 14%,var(--panel));border:1px solid var(--short);color:var(--txt-strong);border-radius:var(--r);padding:10px 14px;margin-bottom:var(--gap)}.alert-item{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:4px;border:1px solid var(--border);margin-bottom:7px;font-size:12px}.alert-item.warn{border-color:color-mix(in srgb,var(--warn) 45%,transparent)}.alert-item.bad{border-color:color-mix(in srgb,var(--short) 45%,transparent)}.log-line{font-family:var(--mono);font-size:11.5px;padding:2px 0;display:grid;grid-template-columns:64px 64px 1fr;gap:8px;border-bottom:1px solid color-mix(in srgb,var(--border) 50%,transparent)}.log-line .lvl{font-weight:700}.log-line .lvl.INFO{color:var(--info)}.log-line .lvl.WARNING{color:var(--warn)}.log-line .lvl.ERROR{color:var(--short)}