:root{--bg-0: #0c0f0e;--bg-1: #141816;--bg-2: #1c2220;--ink-0: #f5f7f4;--ink-1: #d7ddd5;--ink-2: #aab2a8;--accent-1: #29a089;--accent-1-hover: #35b29a;--accent-1-press: #1f7f6d;--accent-2: #f0b84a;--accent-2-hover: #f5c760;--accent-2-press: #c59435;--accent-3: #e06b5d;--accent-3-hover: #e88276;--accent-3-press: #b85247;--ghost-hover: rgba(255, 255, 255, .08);--ghost-press: rgba(255, 255, 255, .14);--border: #313833;--shadow: 0 14px 36px rgba(5, 7, 6, .55);--radius: 14px;--radius-sm: 10px;--radius-xs: 8px;--spacing-1: 6px;--spacing-2: 10px;--spacing-3: 14px;--spacing-4: 18px;--spacing-5: 24px;--spacing-6: 32px;--topbar-height: 56px;--bottombar-height: 30px;--font-sans: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace}*{box-sizing:border-box}html,body,#root{height:100%;background-color:var(--bg-0)}body{margin:0;font-family:var(--font-sans);font-size:15px;color:var(--ink-0);background:radial-gradient(circle at top left,#1c2322,#0c0f0e 55%,#0a0c0b);-webkit-text-size-adjust:100%;overscroll-behavior:none}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.02em}p{margin:0}a{color:inherit;text-decoration:none}a:hover{color:#e7f2ee}a:active{color:#cde6de}.app-shell{min-height:100vh;display:flex;background:var(--bg-0);overscroll-behavior:none}.app-shell--mobile .app-main{padding-bottom:calc(var(--spacing-5) + var(--bottombar-height))}.side-nav{width:260px;background:#0e110f;color:#e6ebe6;display:flex;flex-direction:column;padding:calc(var(--spacing-4) + var(--topbar-height)) var(--spacing-4) var(--spacing-4);transition:width .2s ease}.side-nav__link{padding:10px 12px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:var(--spacing-3);color:#c9d1c7;transition:background .15s ease}.side-nav__link.active{background:rgba(31,122,107,.18);color:#e8f2ee}.side-nav__link:hover{background:rgba(31,122,107,.12)}.side-nav__link:active{background:rgba(31,122,107,.24)}.side-nav__link.active .side-nav__dot{background:#3ccfb0}.side-nav__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(6,8,7,.6);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:20}.side-nav__backdrop.open{opacity:1;pointer-events:auto}.side-nav__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-5)}.brand{display:flex;gap:var(--spacing-3);align-items:center}.brand__mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#1f7a6b,#0d3c35);display:grid;place-items:center;font-weight:700;color:#f4f2ed}.brand__text{display:flex;flex-direction:column}.brand__title{font-weight:600;font-size:16px}.brand__subtitle{font-size:12px;color:#b9b2a6}.side-nav__menu{display:flex;flex-direction:column;gap:var(--spacing-2);flex:1}.side-nav__dot{width:10px;height:10px;border-radius:50%;background:#39413c}.side-nav__label{font-size:14px;font-weight:500}.side-nav__footer{display:flex;flex-direction:column;gap:var(--spacing-2)}.side-nav__close{display:none;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--ink-1);padding:4px 8px;cursor:pointer}.app-body{flex:1;display:flex;flex-direction:column}.bottom-bar{position:fixed;left:0;right:0;bottom:0;height:var(--bottombar-height);display:flex;align-items:center;background:var(--bg-1);border-top:1px solid var(--border);font-size:10px;z-index:10}.bottom-bar__message{flex:1;color:var(--ink-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:12px}.top-bar{background:var(--bg-1);border-bottom:1px solid var(--border);height:var(--topbar-height);padding:0 var(--spacing-2);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:6px;position:fixed;top:0;left:0;right:0;margin:0;z-index:10}.menu-toggle{display:none;border:1px solid var(--border);border-radius:10px;background:var(--bg-2);color:var(--ink-0);font-size:16px;padding:2px 6px;cursor:pointer;min-height:32px;min-width:32px}.menu-toggle:hover{background:rgba(31,122,107,.12)}.menu-toggle:active{background:rgba(31,122,107,.22)}.top-bar__left{display:flex;align-items:center;gap:var(--spacing-2);height:100%}.top-bar__main{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);flex-wrap:nowrap;width:100%;height:100%;position:relative}.top-bar__center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.top-bar__logo{width:32px;height:32px;display:block}.top-bar__logo--left{width:26px;height:26px}.top-bar__right{display:flex;align-items:center;gap:var(--spacing-2);flex:1 1 auto;justify-content:flex-end;min-width:0;flex-wrap:nowrap;height:100%}.top-bar__stat-pill{display:inline-flex;flex-direction:row;align-items:center;gap:6px;border:1px solid var(--border);border-radius:10px;padding:2px 6px;font-size:12px;color:var(--ink-2)}.top-bar__badge{margin-left:4px}.engine-pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;border:1px solid var(--border);background:#121715;text-transform:uppercase}.engine-pill.ok{background:rgba(41,160,137,.18);border-color:rgba(41,160,137,.45);color:#bff5e9}.engine-pill.warn{background:rgba(240,184,74,.18);border-color:rgba(240,184,74,.45);color:#ffe2a3}.engine-pill.danger{background:rgba(224,107,93,.18);border-color:rgba(224,107,93,.45);color:#ffd0c9}.energy-card{border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--spacing-2);display:flex;flex-direction:column;gap:var(--spacing-2);background:var(--bg-1)}.energy-card__header{display:flex;align-items:center;gap:var(--spacing-2)}.energy-card__icon{width:36px;height:36px;border-radius:10px;background:rgba(31,122,107,.18);color:var(--accent-1);display:inline-flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.energy-card__text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.energy-card__title{font-weight:600;color:var(--ink-1)}.energy-card__status{font-size:12px;color:var(--ink-2)}.energy-toggle{display:inline-flex;align-items:center;gap:var(--spacing-2)}.banner{margin-left:auto;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.02em}.banner--warn{background:rgba(193,123,36,.15);color:var(--accent-2);border:1px solid rgba(193,123,36,.3)}.app-main{padding:var(--spacing-5);padding-top:calc(var(--spacing-5) + var(--topbar-height));padding-bottom:calc(var(--spacing-5) + var(--bottombar-height));display:flex;flex-direction:column;gap:var(--spacing-5)}.page{display:flex;flex-direction:column;gap:var(--spacing-5)}.muted{color:var(--ink-2);font-size:14px}.btn{border:none;background:var(--accent-1);color:#fff;padding:8px 14px;border-radius:10px;font-weight:600;cursor:pointer;transition:background .15s ease,transform .05s ease;min-height:32px;display:inline-flex;align-items:center;white-space:nowrap;width:max-content;max-width:100%}.btn:hover{background:var(--accent-1-hover)}.btn:active{background:var(--accent-1-press);transform:translateY(1px)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-3)}.bullets{margin:8px 0 0;padding-left:18px;color:var(--ink-2);font-size:13px;line-height:1.4}.bullets li{margin-bottom:4px}.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--ink-2);text-transform:uppercase}.field-help{font-size:12px;color:var(--ink-2);text-transform:none;line-height:1.4}.form-error{color:#dd583d;font-size:11px;text-transform:none}.form-error-list{display:flex;flex-direction:column;gap:4px}.btn--ghost{background:transparent;color:var(--ink-1);border:1px solid var(--border)}.btn--danger{background:var(--accent-3)}.btn--ghost:hover{background:var(--ghost-hover)}.btn--ghost:active{background:var(--ghost-press);transform:translateY(1px)}.btn--danger:hover{background:var(--accent-3-hover)}.btn--danger:active{background:var(--accent-3-press);transform:translateY(1px)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;border:1px solid var(--border)}.badge--ok{background:rgba(31,122,107,.15);color:var(--accent-1)}.badge--warn{background:rgba(193,123,36,.2);color:var(--accent-2)}.badge--danger{background:rgba(184,74,58,.2);color:var(--accent-3)}.badge--neutral{background:rgba(26,26,26,.1);color:var(--ink-2)}.section{background:var(--bg-1);border-radius:var(--radius);border:1px solid var(--border);padding:var(--spacing-2);box-shadow:var(--shadow);min-width:0}.section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3)}.section__body{display:flex;flex-direction:column;gap:var(--spacing-2)}.card{background:var(--bg-1);border-radius:var(--radius-sm);border:1px solid var(--border);padding:var(--spacing-1);min-width:0}.card__title{font-size:13px;font-weight:600;margin-bottom:4px;color:var(--ink-2);white-space:normal;overflow-wrap:anywhere}.card__body{display:flex;flex-direction:column;gap:6px;align-items:stretch;min-width:0}.kpi-grid{display:grid;gap:var(--spacing-1);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.kpi-card{padding:var(--spacing-3);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-2);min-width:0;overflow:hidden}.kpi-card__label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);word-break:break-word}.kpi-card__value{font-size:20px;font-weight:600;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-all;display:block}.kpi-card__hint{font-size:12px;color:var(--ink-2);word-break:break-word}.chart-grid{display:grid;gap:var(--spacing-1);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.chart{width:100%;height:240px}.chart--candles{height:280px;position:relative}.chart-tooltip{position:absolute;top:8px;left:8px;background:rgba(10,12,11,.9);border:1px solid var(--border);padding:6px 8px;border-radius:8px;font-size:12px;color:var(--ink-1);pointer-events:none;z-index:3}.action-row{display:flex;gap:var(--spacing-2);flex-wrap:wrap;align-items:center;min-width:0}.control-panel__actions{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);flex-wrap:nowrap;width:100%}.control-panel__primary{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap}.control-panel__btn{padding:8px 52px;min-height:46px;font-size:17px}.form-stack{display:flex;flex-direction:column;gap:6px;border:none;margin:0;padding:0;align-items:stretch}.form-grid{display:grid;gap:var(--spacing-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end}.form-full{grid-column:1 / -1}.login-page{min-height:100vh;display:grid;place-items:center;padding:var(--spacing-5)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-3);width:min(360px,90vw);max-width:100%}.card-row{display:flex;justify-content:space-between;font-size:13px;color:var(--ink-1)}.card-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:6px}.form-stack label{display:flex;flex-direction:column;gap:3px;font-size:13px;color:var(--ink-1);width:100%}.form-stack .check-row{display:grid;grid-template-columns:18px 1fr;align-items:center;column-gap:10px}.action-row input,.action-row select,textarea,input,select{border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:14px;font-family:var(--font-mono);background:#111513;color:var(--ink-1);min-height:44px;width:100%;box-sizing:border-box}button,.btn{max-width:100%}.form-stack label,.card-row,.row,.section__header,.section__actions{min-width:0}.muted,.banner,.chip,.card-item,.event-row__meta,.event-row__header,.event-chip{min-width:0;word-break:break-word;overflow-wrap:anywhere}input[type=checkbox],input[type=radio]{width:18px;height:18px;min-height:18px;padding:0;border-radius:4px;background:#0f1312;accent-color:var(--accent)}.toggle{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-1)}textarea{width:100%}.tab-row{display:flex;gap:var(--spacing-2);width:100%}.tab{border:1px solid var(--border);border-radius:10px;background:var(--bg-2);color:var(--ink-1);padding:6px 10px;font-size:12px;cursor:pointer;white-space:nowrap}.tab:hover{background:rgba(31,122,107,.12)}.tab:active{background:rgba(31,122,107,.2)}.tab.active{background:rgba(31,122,107,.22);color:#e8f2ee;border-color:rgba(31,122,107,.4)}.data-table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}.data-table--tight{font-size:12px}.data-table th,.data-table td{text-align:left;padding:8px;border-bottom:1px solid var(--border);word-break:break-word;border-right:1px solid var(--border);vertical-align:top}.data-table th:last-child,.data-table td:last-child{border-right:none}.data-table tbody tr.clickable-row{cursor:pointer;transition:background .12s ease}.data-table tbody tr.clickable-row:hover{background:rgba(31,122,107,.08)}.data-table tbody tr.clickable-row:active{background:rgba(31,122,107,.16)}.card-list{display:flex;flex-direction:column;gap:var(--spacing-2);width:100%}.card-list--virtual{position:relative;width:100%}.card-list__item{width:100%}.card-list__item--clickable{cursor:pointer}.card-list__item--clickable:hover .card-item{border-color:rgba(31,122,107,.5)}.card-list__item--clickable:active .card-item{background:rgba(31,122,107,.12)}.card-item{border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--spacing-3);background:#111513;display:flex;flex-direction:column;gap:var(--spacing-2)}.card-item__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2)}.card-item__badges{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.card-item__meta{display:flex;gap:var(--spacing-3);flex-wrap:wrap;font-size:12px;color:var(--ink-2)}.drawer-content{display:flex;flex-direction:column;gap:var(--spacing-2)}.json-preview{border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--spacing-2);background:#0f1413;font-family:var(--font-mono);font-size:12px;color:var(--ink-1);white-space:pre-wrap;word-break:break-word}.gate-timeline{display:grid;gap:var(--spacing-1)}.gate-row{border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--spacing-2);background:#111513}.gate-row--blocked{border-color:rgba(221,88,61,.7);box-shadow:0 0 0 1px rgba(221,88,61,.15)}.gate-row__header{display:flex;align-items:center;gap:var(--spacing-2)}.gate-row__status{margin-left:auto;font-size:12px;color:var(--ink-2)}.gate-row__reasons{margin-top:4px;font-size:12px;color:var(--ink-2)}.gate-row__metrics{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:4px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:var(--radius-sm);background:rgba(255,255,255,.04);border:1px solid var(--border);font-size:11px;color:var(--ink-2)}.event-log{border:1px solid var(--border);border-radius:var(--radius-sm);background:#111513}.event-row{padding:10px;border-bottom:1px solid var(--border);display:grid;gap:8px;cursor:pointer;transition:background .12s ease}.event-row__header{display:flex;align-items:center;gap:var(--spacing-2)}.event-row__ts{color:var(--ink-2);font-size:12px}.event-row__seq{margin-left:auto;color:var(--ink-2);font-size:12px}.event-row__meta{color:var(--ink-3);font-size:12px;display:flex;gap:var(--spacing-2)}.event-row__chips{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.event-chip{display:inline-flex;gap:6px;align-items:center;padding:4px 8px;border-radius:999px;background:rgba(31,122,107,.12);color:var(--ink-1);font-size:12px}.event-chip__label{color:var(--ink-2);text-transform:uppercase;letter-spacing:.02em;font-size:10px}.event-chip__value{font-variant-numeric:tabular-nums}.event-row:hover{background:rgba(31,122,107,.08)}.event-row:active{background:rgba(31,122,107,.16)}.code-block{background:#0b0e0c;color:#e6e6e6;padding:var(--spacing-3);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:12px;overflow:auto}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}.drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);cursor:pointer;transition:background .15s ease}.drawer__overlay:hover{background:rgba(0,0,0,.5)}.drawer__overlay:active{background:rgba(0,0,0,.6)}.drawer__panel{position:absolute;right:0;top:0;height:100%;width:min(460px,92vw);background:linear-gradient(180deg,#121816,#0f1311);color:#fff;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3);border-left:1px solid rgba(255,255,255,.05);box-shadow:-18px 0 36px rgba(5,7,6,.55)}.drawer__header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#121816;padding:var(--spacing-2) 0 var(--spacing-3);z-index:2;border-bottom:1px solid rgba(255,255,255,.05)}.drawer__body{overflow:auto;padding-right:4px}.drawer-accordion,.gate-accordion{border:1px solid var(--border);border-radius:var(--radius-sm);background:#111513;padding:var(--spacing-1)}.drawer-accordion summary,.gate-accordion summary{cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2)}.gate-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);flex-wrap:wrap}.drawer-accordion__body,.gate-accordion__body{margin-top:var(--spacing-1)}.split{display:grid;gap:var(--spacing-1);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.split--three{grid-template-columns:repeat(3,minmax(240px,1fr));align-items:stretch}.column-stack{display:flex;flex-direction:column;gap:var(--spacing-1);height:100%}.column-stack .card{flex:1}@media(max-width:1100px){.split--three{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media(max-width:720px){.section__header{flex-wrap:wrap;align-items:flex-start;gap:var(--spacing-2)}.section__actions{width:100%}.app-shell{flex-direction:column}.app-main{padding:var(--spacing-4);padding-top:var(--spacing-4);padding-bottom:calc(var(--spacing-4) + var(--bottombar-height))}.top-bar{position:sticky;height:56px;padding:0 var(--spacing-2);gap:6px;flex-direction:row;align-items:center}.top-bar__left{flex-wrap:nowrap}.control-panel__actions{justify-content:center}.control-panel__primary{justify-content:center;width:100%}.control-panel__btn{min-height:42px;font-size:15px;padding:6px 40px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.chart-grid,.split,.split--three{grid-template-columns:1fr}.tab-row,.action-row{flex-wrap:wrap}.data-table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;min-width:100%;width:max-content}.data-table th,.data-table td{white-space:nowrap;padding:8px 10px}.form-grid{grid-template-columns:1fr}.event-row__header{flex-wrap:wrap}.event-row__seq{margin-left:0}.drawer__panel{width:100vw;padding-top:calc(var(--spacing-4) + env(safe-area-inset-top));padding-bottom:calc(var(--spacing-4) + env(safe-area-inset-bottom))}}.stack{display:flex;flex-direction:column;gap:var(--spacing-1)}.settings-editor__footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);flex-wrap:wrap}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);flex-wrap:wrap}.card-row{align-items:center;gap:var(--spacing-2)}.top-bar__right{display:flex;gap:var(--spacing-2);align-items:center;flex-wrap:wrap}.kill-box{display:flex;gap:var(--spacing-2);align-items:center}.badge-row{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.sticky-apply-bar{position:sticky;bottom:0;z-index:12;background:rgba(15,17,16,.95);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--spacing-3);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);padding-bottom:calc(var(--spacing-3) + env(safe-area-inset-bottom))}.empty{padding:var(--spacing-3);color:var(--ink-2);font-size:13px}.no-overscroll-trap{overscroll-behavior:contain}@media(max-width:900px){.side-nav{display:flex;position:fixed;inset:0 auto 0 0;width:min(78vw,300px);transform:translate(-105%);transition:transform .2s ease;z-index:30;padding-top:calc(var(--spacing-4) + var(--topbar-height) + env(safe-area-inset-top));padding-bottom:calc(var(--spacing-4) + env(safe-area-inset-bottom))}.side-nav--open{transform:translate(0)}.side-nav__close{display:inline-flex;align-items:center;justify-content:center}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:32px;border-radius:10px;background:rgba(31,122,107,.18);color:#e8f2ee}.app-main{padding:var(--spacing-4);padding-top:calc(var(--spacing-4) + var(--topbar-height));padding-bottom:calc(var(--spacing-4) + var(--bottombar-height))}.top-bar{flex-direction:column;align-items:flex-start}}.chip{padding:4px 10px;border-radius:999px;background:#ece7de;font-size:11px;color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em}@media(max-width:1100px){.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.top-bar__left{width:100%}.top-bar{flex-direction:column;align-items:flex-start}}@media(min-width:1101px){.top-bar{font-size:16px}.top-bar__logo{width:38px;height:38px}.top-bar__logo--left{width:32px;height:32px}.top-bar__stat-pill{font-size:13px;padding:4px 8px}.engine-pill{font-size:12px;padding:6px 12px}}