:root{--bg:#000;--bg-panel:#050505;--bg-row-alt:#0a0a0a;--border:#1a1a1a;--border-hi:#2a2a2a;--txt:#d4d4d4;--txt-dim:#6a6a6a;--txt-hi:#fff;--green:#00ff7f;--red:#ff3030;--amber:#ffb000;--amber-bright:#ffd24a;--blue:#4ec0ff;--cyan:#00ffd0;--purple:#c87cff;--magenta:#ff5fb1}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--txt);-webkit-font-smoothing:antialiased;font-feature-settings:"calt" 1, "ss01" 1, "ss02" 1;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.4;overflow:hidden}.kpi-strip{background:var(--bg);grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:6px 8px 0;display:grid}.kpi-card{border:1px solid var(--border-hi);background:var(--bg-panel);flex-direction:column;justify-content:space-between;min-height:48px;padding:6px 10px;display:flex}.kpi-label{color:var(--txt-dim);letter-spacing:1px;text-transform:uppercase;font-size:9px}.kpi-card strong{color:var(--txt-hi);font-variant-numeric:tabular-nums;font-size:17px;line-height:1.1}.kpi-positive{color:var(--green)!important}.kpi-negative{color:var(--red)!important}.asset-dock{border-top:1px solid var(--border-hi);background:#020202;gap:6px;padding:6px 8px;display:flex;overflow-x:auto}.asset-card{border:1px solid var(--border-hi);border-left:2px solid var(--asset-accent);background:var(--bg-panel);flex:1 0 150px;grid-template-rows:1fr 1fr;grid-template-columns:24px 1fr auto;column-gap:7px;min-width:150px;padding:5px 7px;display:grid}.asset-icon{color:#000;background:var(--asset-accent);border-radius:50%;grid-row:1/span 2;align-self:center;place-items:center;width:22px;height:22px;font-weight:800;display:grid}.asset-name{color:var(--txt);font-weight:700}.asset-card strong{color:var(--txt-hi);font-size:11px}.asset-mode{color:var(--asset-accent);text-align:right;font-size:9px}.probability-panel{gap:7px;padding:8px 4px;display:grid}.probability-row{grid-template-columns:68px 1fr 42px;align-items:center;gap:7px;font-size:10px;display:grid}.probability-track{border:1px solid var(--border);background:#17191b;height:7px}.probability-track i{height:100%;transition:width .3s;display:block}.probability-row b{text-align:right;color:var(--txt-hi);font-size:10px}.portfolio-chart{border:1px solid var(--border);background:repeating-linear-gradient(#0000 0 29px,#ffffff0f 30px),repeating-linear-gradient(90deg,#0000 0 59px,#ffffff0a 60px);height:150px;position:relative;overflow:hidden}.portfolio-chart svg{width:calc(100% - 8px);height:calc(100% - 38px);position:absolute;inset:8px 4px 30px}.volume-bars{opacity:.38;align-items:end;gap:2px;height:28px;display:flex;position:absolute;inset:auto 5px 22px}.volume-bars i{background:var(--cyan);flex:1;min-width:2px}.chart-caption{color:var(--txt-dim);justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:4px;left:6px;right:6px}.settings-button{border:1px solid var(--amber);color:var(--amber-bright);font:inherit;cursor:pointer;background:0 0;margin-left:12px;padding:2px 9px}.settings-button:hover,.settings-primary:hover{background:var(--amber);color:#000}.settings-overlay{z-index:10000;background:#000000d1;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.settings-dialog{border:1px solid var(--amber);background:#070707;width:min(680px,100%);max-height:min(760px,95vh);overflow-y:auto;box-shadow:0 0 32px #ffb0002e}.settings-header{color:var(--amber-bright);border-bottom:1px solid var(--border-hi);justify-content:space-between;align-items:center;padding:10px 14px;font-weight:700;display:flex}.settings-close{color:var(--txt);cursor:pointer;background:0 0;border:0;font-size:22px}.settings-note,.settings-loading{color:var(--txt-dim);padding:10px 14px;line-height:1.6}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:4px 14px 12px;display:grid}.settings-grid label{color:var(--txt-dim);flex-direction:column;gap:5px;font-size:11px;display:flex}.settings-grid .settings-wide{grid-column:1/-1}.settings-grid input,.settings-grid textarea{border:1px solid var(--border-hi);width:100%;color:var(--txt-hi);font:inherit;resize:vertical;background:#000;padding:7px 8px}.settings-grid input:focus,.settings-grid textarea:focus{outline:1px solid var(--amber)}.settings-hint{color:var(--txt-dim);font-size:10px}.settings-grid input[type=checkbox]{width:18px;height:18px;accent-color:var(--green)}.model-tabs{border-bottom:1px solid var(--border-hi);gap:6px;padding-bottom:7px;display:flex}.model-tab{border:1px solid var(--border-hi);color:var(--txt-dim);font:inherit;cursor:pointer;text-align:left;background:#030303;flex:1;padding:7px 9px}.model-tab:hover,.model-tab.active{border-color:var(--amber);color:var(--amber-bright);background:#ffb00014}.settings-message{border:1px solid var(--border-hi);color:var(--amber-bright);margin:0 14px 10px;padding:7px 8px}.settings-actions{border-top:1px solid var(--border-hi);justify-content:flex-end;gap:8px;padding:10px 14px 14px;display:flex}.settings-actions button{font:inherit;cursor:pointer;padding:7px 14px}.settings-secondary{border:1px solid var(--border-hi);color:var(--txt);background:0 0}.settings-primary{border:1px solid var(--amber);color:var(--amber-bright);background:#1d1500}.data-modal-overlay{z-index:10001;background:#000000d6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.data-modal-dialog{border:1px solid var(--amber);background:#070707;flex-direction:column;width:min(1080px,100%);max-height:min(760px,90vh);display:flex;box-shadow:0 0 34px #ffb00033}.data-modal-header{color:var(--amber-bright);border-bottom:1px solid var(--border-hi);letter-spacing:.6px;justify-content:space-between;align-items:center;padding:10px 14px;font-weight:700;display:flex}.data-modal-close{color:var(--txt);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:22px;line-height:1}.data-modal-close:hover{color:var(--amber-bright)}.data-modal-content{min-height:80px;padding:8px 10px 12px;overflow:auto}.realtime-feed{flex-direction:column;gap:4px;min-height:52px;display:flex}.realtime-feed-row{border-bottom:1px solid #ffffff09;grid-template-columns:minmax(72px,.7fr) minmax(110px,1.7fr) minmax(64px,.8fr) minmax(50px,.5fr);align-items:center;gap:8px;padding:3px 2px;font-size:10px;display:grid}.realtime-feed-label{color:var(--amber-bright);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.realtime-feed-value{color:var(--txt);text-overflow:ellipsis;white-space:nowrap;text-align:right;overflow:hidden}.realtime-feed-event{text-align:left}.realtime-feed-empty{color:var(--txt-dim);padding:7px 2px}.realtime-feed-meta{color:var(--txt-dim);padding-top:3px;font-size:9px;line-height:1.45}.realtime-feed-row:last-of-type{border-bottom:0}[role=button]:focus-visible{outline:1px solid var(--amber);outline-offset:1px}.live-token-input{border:1px solid var(--border-hi);width:92px;color:var(--txt-hi);font:inherit;background:#000;margin-left:8px;padding:2px 6px}.live-token-input:focus{outline:1px solid var(--amber)}.live-start-button,.live-stop-button{font:inherit;cursor:pointer;margin-left:6px;padding:2px 9px;font-weight:700}.live-start-button{border:1px solid var(--green);color:var(--green);background:#001a0d}.live-stop-button{border:1px solid var(--red);color:var(--red);background:#300}.live-start-button:hover{background:var(--green);color:#000}.live-stop-button:hover{background:var(--red);color:#000}.live-start-button:disabled,.live-stop-button:disabled{opacity:.55;cursor:wait}.live-control-message{text-overflow:ellipsis;white-space:nowrap;max-width:250px;color:var(--amber-bright);margin-left:7px;font-size:10px;overflow:hidden}.service-switches{gap:3px;max-width:360px;margin-left:8px;display:flex;overflow-x:auto}.service-switch{border:1px solid var(--border-hi);color:var(--txt-dim);font:inherit;cursor:pointer;white-space:nowrap;background:#070707;padding:2px 5px;font-size:9px}.service-switch:disabled{opacity:.55;cursor:not-allowed}.service-switch.service-on{border-color:var(--red);color:var(--red);background:#210000}.market-panel-body{min-height:158px;position:relative}.market-panel-foreground{z-index:1;position:relative}.volatility-chart{z-index:0;pointer-events:none;opacity:.72;min-height:0;position:absolute;inset:54px 0 0;overflow:hidden}.volatility-chart svg{width:100%;height:100%;min-height:0;display:block}.volatility-chart:after{content:"";background:linear-gradient(90deg,#05050529,#05050508 48%,#05050533);position:absolute;inset:0}@media (width<=640px){.settings-grid{grid-template-columns:1fr}.settings-grid .settings-wide{grid-column:auto}.settings-overlay{padding:8px}}a{color:var(--blue);text-decoration:none}body:before{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(#ffffff03 0 1px,#0000 1px 3px);position:fixed;inset:0}@keyframes flash-amber{0%,to{background:0 0}8%{background:#ffb00038}20%{background:0 0}35%{background:#ffb00024}50%{background:0 0}70%{background:#ffb00014}}.flash-screen{z-index:9998;pointer-events:none;animation:5s ease-out flash-amber;position:fixed;inset:0}@keyframes caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}.caret{color:var(--amber);animation:1s steps(2,end) infinite caret-blink}::selection{background:var(--amber);color:#000}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--border-hi)}::-webkit-scrollbar-track{background:var(--bg-panel)}.openclaw-agent-dock{border-top:1px solid var(--border-hi);background:#020202;grid-template-columns:repeat(8,minmax(130px,1fr));gap:6px;padding:6px 8px;display:grid;overflow-x:auto}.agent-card{--agent-accent:var(--amber);border:1px solid #ffffff1a;border-left:2px solid var(--agent-accent);background:linear-gradient(135deg,#fff1,#000c 62%);align-items:center;min-width:130px;min-height:66px;padding:4px 6px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff12,0 2px 8px #000}.agent-card:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff12 48%,#0000 66%);animation:5s ease-in-out infinite agent-sheen;position:absolute;inset:0;transform:translate(-100%)}.agent-avatar{filter:drop-shadow(0 3px 2px #000000b3);flex:0 0 51px;height:52px;transform:translateY(-1px)}.lobster-svg{width:100%;height:100%;display:block}.agent-card-body{z-index:1;min-width:0;padding-left:4px}.agent-card-name{text-overflow:ellipsis;white-space:nowrap;color:var(--txt-hi);letter-spacing:.2px;font-size:10px;font-weight:700;overflow:hidden}.agent-card-meta{color:var(--agent-accent);white-space:nowrap;align-items:center;gap:4px;font-size:9px;display:flex}.agent-status-dot{background:currentColor;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 5px}.agent-mode{opacity:.85;border:1px solid;margin-left:auto;padding:0 2px;font-size:8px}.agent-card-foot{color:var(--txt-dim);white-space:nowrap;margin-top:2px;font-size:8px}.agent-running .agent-status-dot{animation:1.5s ease-in-out infinite agent-pulse}.agent-idle .agent-status-dot{opacity:.7;animation:2.5s ease-in-out infinite agent-breathe}.agent-blocked,.agent-error{border-left-color:var(--red)}.agent-blocked .agent-status-dot,.agent-error .agent-status-dot{color:var(--red);animation:.8s steps(2,end) infinite agent-alert}.agent-offline{opacity:.62;filter:saturate(.35)}@keyframes agent-pulse{0%,to{opacity:.55;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}@keyframes agent-breathe{0%,to{opacity:.4}50%{opacity:.9}}@keyframes agent-alert{50%{opacity:.18}}@keyframes agent-sheen{0%,65%,to{transform:translate(-100%)}80%{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.agent-card:after,.agent-status-dot{animation:none!important}}@media (width<=900px){.openclaw-agent-dock{grid-template-columns:repeat(8,150px)}}@media (width<=640px){.kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-card:last-child{grid-column:1/-1}.asset-card{flex-basis:145px}}