: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}.terminal-shell{background:#000;border:1px solid #0b0f14;min-width:0;min-height:0}.terminal-grid{min-width:0}.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 select,.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 select{appearance:auto;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;cursor:pointer}.settings-grid input:focus,.settings-grid select:focus,.settings-grid textarea:focus{outline:1px solid var(--amber)}.model-manual-input{margin-top:5px}.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}.music-toggle{border:1px solid var(--border-hi);color:var(--txt-dim);font:inherit;cursor:pointer;white-space:nowrap;background:#070707;margin-left:6px;padding:2px 8px;font-weight:700}.music-toggle:hover,.music-toggle.music-on{border-color:var(--cyan);color:var(--cyan);background:#00ffd014}.agent-scope-row{white-space:nowrap;align-items:center;gap:4px;min-width:0;font-size:9px;line-height:1.25;display:flex;overflow:hidden}.agent-scope-row span{text-overflow:ellipsis;overflow:hidden}.agent-scope-data{color:var(--txt-dim)}.agent-scope-exec{color:var(--amber)}.agent-scope-exec.agent-scope-live{color:var(--green)}.agent-model-row{color:var(--txt-dim);gap:8px;font-size:9px;line-height:1.25;display:flex}.agent-model-row .model-ok{color:var(--green)}.agent-model-row .model-error{color:var(--red)}.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}.llm-usage-panel{border:1px solid var(--border-hi);background:#080b10;flex:0 410px;align-items:center;gap:9px;min-width:210px;margin:0 14px;padding:3px 8px;display:flex;overflow:hidden;box-shadow:inset 0 0 14px #4ec0ff09}.llm-usage-item{flex:1 1 0;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:7px;min-width:0;line-height:1.05;display:grid}.llm-usage-model{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--blue);font-size:9px;font-weight:700;overflow:hidden}.llm-usage-value{color:var(--cyan);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:10px;font-weight:700}.llm-usage-item small{color:var(--txt-dim);white-space:nowrap;grid-column:1/-1;font-size:8px}.llm-usage-divider{background:var(--border-hi);flex:0 0 1px;width:1px;height:23px}.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<=900px){.llm-usage-panel{flex-basis:290px;margin:0 7px}}@media (width<=640px){.settings-grid{grid-template-columns:1fr}.settings-grid .settings-wide{grid-column:auto}.settings-overlay{padding:8px}.llm-usage-panel{flex-basis:100%;order:10;margin:3px 0}}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}.lobster-tool{transform-box:fill-box;transform-origin:50%}.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-mode-live{color:var(--red);border-color:var(--red);text-shadow:0 0 5px #ff5c5c8c}.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-running .lobster-tool{animation:1.8s ease-in-out infinite tool-swing}.agent-idle .agent-status-dot{opacity:.7;animation:2.5s ease-in-out infinite agent-breathe}.agent-idle .lobster-tool{animation:3s ease-in-out infinite tool-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-blocked .lobster-tool,.agent-error .lobster-tool{animation:.7s steps(2,end) infinite tool-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 tool-swing{0%,to{transform:rotate(-3deg)translateY(0)}50%{transform:rotate(5deg)translateY(-1px)}}@keyframes tool-breathe{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(-1px)}}@keyframes tool-alert{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes agent-sheen{0%,65%,to{transform:translate(-100%)}80%{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.agent-card:after,.agent-status-dot,.lobster-tool{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}}@media (width<=700px){body{overflow:auto}.terminal-shell{flex-direction:column;min-height:100vh;height:auto!important;display:flex!important;overflow:visible!important}.terminal-topbar{white-space:normal;flex-wrap:wrap;gap:4px;min-height:42px;height:auto!important;padding:6px 8px!important}.terminal-topbar .llm-usage-panel{flex-basis:100%;order:20;margin:3px 0 0}.terminal-topbar .service-switches{order:15;max-width:100%}.terminal-grid{flex-direction:column;min-height:0;gap:6px!important;height:auto!important;padding:6px!important;display:flex!important;overflow:visible!important}.terminal-grid>div{flex-direction:column;gap:6px;min-height:0;display:flex!important}.terminal-grid .panel{flex:none}.openclaw-agent-dock{grid-template-columns:repeat(2,minmax(0,1fr));max-height:260px;padding:6px;overflow-y:auto}.agent-card{min-width:0}.bottom-bar{flex-wrap:wrap;gap:3px;min-height:28px;padding:5px 8px!important}}.terminal-shell{background:#07090d;border:0;width:min(1440px,100vw);min-height:100vh;margin:0 auto;overflow:auto;display:block!important}.terminal-topbar{border-radius:6px;flex-wrap:wrap;align-content:center;gap:10px;margin:18px 24px 0;background:#0d1118!important;border:1px solid #28313c!important;height:54px!important;min-height:54px!important;padding:0 18px!important;font-size:11px!important}.topbar-brand{white-space:nowrap;flex:none;align-items:center;gap:7px;min-width:0;display:flex}.topbar-brand img{object-fit:contain;width:22px;height:22px}.topbar-brand-name{color:var(--txt-hi);font-weight:700}.topbar-divider,.topbar-status-separator{color:var(--txt-dim)}.topbar-market-label{color:var(--txt-hi)}.topbar-mode{white-space:nowrap;flex:none}.topbar-status{white-space:nowrap;flex:0 auto;align-items:center;gap:8px;min-width:0;display:flex}.topbar-trade-flash{color:var(--amber-bright);font-weight:700}.topbar-controls{white-space:nowrap;flex:100%;justify-content:flex-end;align-items:center;gap:4px;min-width:0;display:flex}.topbar-controls .settings-button,.topbar-controls .live-token-input,.topbar-controls .live-start-button,.topbar-controls .live-stop-button,.topbar-controls .music-toggle{margin-left:0}.topbar-controls .live-token-input{width:92px}.topbar-clock{color:var(--txt);white-space:nowrap;flex:none;margin-left:auto}.kpi-strip{background:0 0;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:16px 24px 0;padding:0}.kpi-card{background:#0d1118;border-color:#28313c;border-radius:5px;min-height:76px;padding:10px 14px}.kpi-label{color:#7f8b99;text-transform:none;letter-spacing:.4px;font-size:10px}.kpi-card strong{font-size:20px}.kpi-card-clickable{cursor:pointer;transition:border-color .15s,background .15s}.kpi-card-clickable:hover,.kpi-card-clickable:focus-visible{border-color:var(--cyan);background:#101722;outline:none}.kpi-sub{color:#65717f;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.terminal-grid{min-height:438px;grid-template-columns:minmax(280px,1fr) minmax(460px,2.2fr) minmax(320px,1.25fr)!important;gap:10px!important;height:auto!important;padding:14px 24px 0!important;overflow:visible!important}.terminal-grid>div{gap:10px!important}.terminal-grid .panel{border-radius:4px;background:#0b0f15!important;border-color:#28313c!important}.terminal-grid .panel>div:first-child{border-bottom:1px solid #28313c;font-size:11px;color:#dde4ea!important;background:#0d1118!important;padding:8px 12px!important}.terminal-grid .panel>div:last-child{padding:10px 12px!important}.portfolio-chart{background:#080b10;border-color:#202934;height:280px}.portfolio-chart-overlay{z-index:2;color:#7f8b99;pointer-events:none;text-shadow:0 1px 2px #000;flex-wrap:wrap;gap:4px 14px;font-size:9px;display:flex;position:absolute;top:8px;left:10px;right:10px}.portfolio-chart-overlay span{white-space:nowrap}.portfolio-chart-overlay b{color:#e6edf3;margin-left:3px;font-weight:600}.asset-dock{background:0 0;border:0;gap:10px;margin:14px 24px 0;padding:0}.asset-card{background:#0d1118;border-color:#28313c;border-left-width:2px;border-radius:4px;min-height:94px;padding:14px 16px}.openclaw-agent-dock{background:0 0;border:0;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin:8px 24px 0;padding:8px 0 0;overflow:visible}.agent-card{cursor:pointer;background:#0b0f15;border-color:#28313c;border-left-width:2px;border-radius:4px;min-width:0;min-height:96px;padding:7px 8px;transition:border-color .15s,transform .15s,background .15s}.agent-card:hover,.agent-card:focus-visible{border-color:var(--agent-accent);background:#101722;outline:none;transform:translateY(-1px)}.agent-avatar{flex:0 0 42px;width:42px;height:52px}.agent-avatar img{object-fit:contain;filter:drop-shadow(0 3px 2px #000000b3);transform-origin:50% 80%;width:100%;height:100%;display:block}.agent-running .agent-avatar img{animation:1.8s ease-in-out infinite lobster-bob,1.8s ease-in-out infinite lobster-glow;animation-delay:var(--agent-activity-delay,0s), var(--agent-activity-delay,0s)}.agent-idle .agent-avatar img{animation:3s ease-in-out infinite lobster-breathe}.agent-blocked .agent-avatar img,.agent-error .agent-avatar img{animation:.7s steps(2,end) infinite lobster-alert}@keyframes lobster-bob{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-2px)rotate(1deg)}}@keyframes lobster-glow{0%,to{filter:drop-shadow(0 2px 2px #000000bf)drop-shadow(0 0 #0000)}50%{filter:drop-shadow(0 2px 2px #000000b3) drop-shadow(0 0 5px var(--agent-accent))}}@keyframes lobster-breathe{0%,to{opacity:.8;transform:scale(.98)}50%{opacity:1;transform:scale(1)}}@keyframes lobster-alert{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.bottom-bar{border:1px solid #28313c;min-height:28px;margin:8px 24px 12px;background:#0d1118!important}.pencil-board-main{margin:10px 24px 0}.pencil-analysis-grid{grid-template-columns:minmax(0,1.75fr) minmax(300px,1fr);align-items:stretch;gap:10px;height:300px;min-height:0;display:grid}.pencil-chart-panel{flex-direction:column;min-height:0;display:flex}.pencil-panel{background:#0b0f15;border:1px solid #28313c;border-radius:4px;min-width:0;overflow:hidden}.pencil-panel-title{color:#dde4ea;letter-spacing:.35px;background:#0d1118;border-bottom:1px solid #28313c;justify-content:space-between;align-items:center;min-height:34px;padding:8px 12px;font-size:11px;display:flex}.pencil-period{color:#65717f;font-size:9px}.pencil-chart-panel .portfolio-chart{background:#080b10;border:0;flex:auto;height:auto;min-height:0;margin:0}.pencil-side-stack{grid-template-rows:minmax(0,1fr) auto;align-self:stretch;gap:10px;height:100%;min-height:0;display:grid}.pencil-orders-panel,.pencil-prob-panel{min-height:0}.pencil-orders-panel{flex-direction:column;display:flex}.pencil-decisions-clickable{cursor:pointer;transition:border-color .15s,background .15s}.pencil-decisions-clickable:hover,.pencil-decisions-clickable:focus-visible{border-color:var(--cyan);background:#0d141b;outline:none}.pencil-order-list{scrollbar-width:thin;max-height:100%;padding:8px 12px;overflow-y:auto}.pencil-order-row{color:#d4dce4;border-bottom:1px solid #ffffff0d;grid-template-columns:minmax(100px,1.35fr) .7fr .7fr .8fr;align-items:center;gap:6px;min-height:27px;font-size:10px;display:grid}.pencil-order-row span:nth-child(2),.pencil-order-row span:nth-child(3),.pencil-order-row b{text-align:right}.pencil-order-row b{font-size:9px;font-weight:500}.pencil-order-row b.green{color:#42e8a4}.pencil-order-row b.amber{color:#f5c451}.pencil-order-row b.red{color:#ff667a}.pencil-prob-panel .probability-panel{gap:8px;padding:10px 12px}.pencil-risk-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:8px;display:grid}.pencil-metric{background:#0d1118;border:1px solid #28313c;border-radius:4px;flex-direction:column;justify-content:space-between;min-height:82px;padding:13px 14px;display:flex}.pencil-metric span{color:#7f8b99;font-size:10px}.pencil-metric b{font-size:16px;font-weight:600}.pencil-tone-green b{color:#42e8a4}.pencil-tone-amber b{color:#f5c451}.pencil-tone-blue b{color:#7fa8ff}.pencil-tone-purple b{color:#c48cff}.pencil-assets-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:8px;display:grid}.pencil-asset-card{border:1px solid var(--pencil-accent);min-height:86px;color:var(--pencil-accent);background:#0d1118;border-radius:4px;grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:6px;padding:12px 14px;font-size:10px;display:grid}.pencil-asset-card b{color:#e6edf3;text-align:right;font-size:12px}.pencil-asset-card small{color:#65717f;grid-column:1/-1}.legacy-details{background:#080b10;border:1px solid #202934;margin:12px 24px 0}.legacy-details .legacy-removed-column{display:none}.legacy-details .terminal-grid{grid-template-columns:minmax(0,1fr)!important}.legacy-details summary{cursor:pointer;color:#7f8b99;-webkit-user-select:none;user-select:none;padding:8px 12px;font-size:10px}.legacy-details[open]{padding-bottom:8px}.legacy-details .terminal-grid{padding-top:8px!important}.agent-detail-head{border-bottom:1px solid #28313c;align-items:center;gap:14px;padding:6px 2px 12px;display:flex}.agent-detail-head img{object-fit:contain;filter:drop-shadow(0 4px 4px #0009);width:64px;height:74px}.agent-detail-head div{flex-direction:column;gap:4px;min-width:0;display:flex}.agent-detail-head strong{color:var(--agent-accent);font-size:16px}.agent-detail-head span{color:#e6edf3;font-size:11px}.agent-detail-head small{color:#7f8b99;font-size:10px}.agent-detail-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px 0;display:grid}.agent-detail-metrics div{background:#0b0f15;border:1px solid #28313c;min-height:54px;padding:8px}.agent-detail-metrics span{color:#7f8b99;font-size:9px;display:block}.agent-detail-metrics b{color:#e6edf3;overflow-wrap:anywhere;margin-top:6px;font-size:11px;display:block}.agent-detail-section{padding-top:8px}.agent-detail-section h4{color:#dde4ea;margin:0 0 8px;font-size:11px}.agent-capability-list{flex-wrap:wrap;gap:6px;display:flex}.agent-capability-list span{border:1px solid var(--agent-accent);color:var(--agent-accent);background:#ffffff06;padding:4px 7px;font-size:9px}.agent-detail-orders{border:1px solid #202934}.agent-detail-orders div{color:#c8d0d8;border-bottom:1px solid #ffffff0a;grid-template-columns:1.5fr 1fr 1fr;gap:8px;padding:6px 8px;font-size:10px;display:grid}.agent-detail-orders div:last-child{border-bottom:0}.agent-detail-orders span:nth-child(2),.agent-detail-orders span:nth-child(3){text-align:right;color:#8b98a8}.openclaw-execution-summary{background:#0b0f15;border:1px solid #28313c;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px;padding:8px;display:grid}.openclaw-execution-summary span{color:#7f8b99;font-size:10px}.openclaw-execution-summary b{color:#e6edf3;margin-left:5px}.settled-position-note{color:#f5c451;background:#f5c4510f;border:1px solid #f5c451;margin:12px 0 6px;padding:7px 8px;font-size:10px}@media (prefers-reduced-motion:reduce){.agent-avatar img{animation:none!important}}@media (width<=700px){.terminal-shell{width:100%}.terminal-topbar{border-radius:4px;margin:8px 8px 0;height:auto!important;min-height:42px!important}.kpi-strip{gap:6px;margin:8px}.kpi-card{min-height:74px;padding:10px}.kpi-card strong{font-size:16px}.terminal-grid{grid-template-columns:1fr!important;padding:8px!important}.pencil-board-main{margin:8px}.pencil-analysis-grid{grid-template-columns:1fr;height:auto;min-height:0}.pencil-chart-panel .portfolio-chart{flex:0 0 212px;height:212px;min-height:212px}.pencil-side-stack{grid-template-rows:auto auto}.pencil-risk-row{grid-template-columns:repeat(2,minmax(0,1fr))}.pencil-assets-row{display:flex;overflow-x:auto}.pencil-asset-card{flex:0 0 150px}.legacy-details,.asset-dock,.openclaw-agent-dock{margin:8px}.openclaw-agent-dock{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow:visible}.agent-card{height:46px;min-height:46px;padding:4px 6px}.agent-avatar{flex-basis:34px;width:34px;height:38px}.agent-card-foot{display:none}.agent-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-bar{margin:8px}}@media (width<=1280px){.terminal-topbar{align-content:center;row-gap:5px;height:auto!important;min-height:72px!important;padding:6px 12px!important}.topbar-brand{order:1}.topbar-brand .topbar-market-label{display:none}.llm-usage-panel{flex:300px;order:2;min-width:250px;margin:0 6px}.topbar-mode{order:3}.topbar-status{order:4;margin-left:auto}.topbar-controls{flex:1 0 100%;order:5;justify-content:flex-end}}@media (width<=760px){.terminal-topbar{align-items:flex-start;min-height:112px!important}.topbar-brand{flex:auto}.topbar-status{margin-left:0}.topbar-controls{flex-wrap:wrap;justify-content:flex-start}.topbar-controls .service-switches{flex:1 0 100%;order:10;max-width:none;margin-left:0}.topbar-clock{margin-left:auto}}.volume-bars{opacity:.75}.volume-bars i{border-radius:1px 1px 0 0;background:0 0!important}.volume-bars i.pnl-positive{box-shadow:0 0 5px #00ff9140;background:var(--green)!important}.volume-bars i.pnl-negative{box-shadow:0 0 5px #ff465a40;background:var(--red)!important}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.agent-card{align-items:stretch}.agent-card-body{flex:auto;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) 54px;align-items:center;gap:2px 5px;padding-left:5px;display:grid}.agent-card-name{grid-column:1/-1}.agent-card-metrics{border-left:1px solid color-mix(in srgb, var(--agent-accent) 45%, transparent);flex-direction:column;grid-area:2/2;justify-content:center;gap:1px;min-width:0;padding-left:5px;display:flex}.agent-card-metrics>div{justify-content:space-between;align-items:center;gap:3px;min-width:0;font-size:8px;line-height:1.15;display:flex}.agent-card-metrics span{color:var(--txt-dim)}.agent-card-metrics b{color:var(--txt-hi);white-space:nowrap;text-overflow:ellipsis;font-size:8px;font-weight:600;overflow:hidden}.agent-card-metrics b .agent-status-dot{vertical-align:-1px;margin-right:2px}@media (width>=701px) and (width<=1180px){.kpi-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}.topbar-controls{white-space:normal;flex-wrap:wrap;flex:100%;justify-content:flex-start;align-items:center;gap:5px;min-width:0;display:flex}.topbar-action-row{flex-wrap:wrap;flex:auto;align-items:center;gap:5px;min-width:0;display:flex}.topbar-action-row>*{flex:none}.topbar-action-row .live-token-input{flex:0 116px;width:116px;min-width:74px}.topbar-action-row .live-control-message{flex:160px;min-width:120px}.topbar-clock{margin-left:auto}.strategy-menu{flex:none;position:relative}.strategy-menu summary{cursor:pointer;border:1px solid var(--cyan);color:var(--cyan);white-space:nowrap;background:#00ffd00f;padding:2px 7px;list-style:none}.strategy-menu summary::-webkit-details-marker{display:none}.strategy-menu summary:before{content:"▸ ";color:var(--cyan)}.strategy-menu[open] summary:before{content:"▾ "}.strategy-menu-popover{z-index:20;border:1px solid var(--cyan);background:#080d12;width:264px;padding:7px;position:absolute;top:calc(100% + 5px);right:0;box-shadow:0 8px 22px #000000a6}.strategy-menu-row{border-bottom:1px solid #ffffff0f;grid-template-columns:58px 48px 1fr;align-items:center;gap:6px;padding:4px 3px;font-size:10px;display:grid}.strategy-menu-row:last-child{border-bottom:0}.strategy-menu-row b{color:var(--txt-hi)}.strategy-menu-row span{color:var(--txt-dim)}.strategy-menu-row span.strategy-live{color:var(--red)}.strategy-menu-row small{color:var(--txt-dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pencil-asset-card em{color:var(--txt-dim);white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;font-size:9px;font-style:normal;overflow:hidden}.pencil-asset-card .asset-profit-positive{color:var(--green)}.pencil-asset-card .asset-profit-negative{color:var(--red)}.pencil-asset-tabs{z-index:2;flex:0 0 34px;align-items:center;gap:4px;min-height:34px;padding:4px 6px;display:flex;position:relative;overflow:auto visible}.pencil-asset-tabs button{border:1px solid var(--border-hi);color:var(--txt-dim);height:25px;font:inherit;cursor:pointer;white-space:nowrap;background:#080d12;padding:3px 8px;font-size:9px;line-height:16px}.pencil-asset-tabs button.active{color:var(--cyan);border-color:var(--cyan);background:#00ffd014;box-shadow:0 0 8px #00ffd02e}.pencil-asset-tabs button small{opacity:.75;margin-left:3px}.category-overview{min-height:250px;color:var(--txt-dim);align-content:center;justify-items:center;gap:8px;display:grid}.category-overview-value{color:var(--cyan);text-shadow:0 0 12px #00ffd038;font-size:38px;font-weight:700}.category-overview-label{font-size:11px}.category-overview-stats{flex-wrap:wrap;justify-content:center;gap:16px;font-size:10px;display:flex}.category-overview-stats b{color:var(--txt-hi);margin-left:3px}.decision-log-preview{flex:auto;grid-auto-rows:minmax(0,26px);gap:2px;min-height:0;max-height:none;padding:4px 6px;display:grid;overflow:hidden}.decision-log-row{border-bottom:1px solid #ffffff0f;grid-template-columns:minmax(90px,1fr) minmax(100px,1.6fr) auto;align-items:center;gap:6px;min-height:26px;font-size:9px;display:grid}.decision-log-row span{color:var(--txt-hi);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.decision-log-row small{color:var(--txt-dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.decision-log-row b{color:var(--green);font-size:8px}.decision-log-agent b{color:var(--cyan)}.decision-log-updated .decision-log-row{animation:.42s ease-out both decision-row-enter}.decision-log-updated .decision-log-row:nth-child(2){animation-delay:40ms}.decision-log-updated .decision-log-row:nth-child(3){animation-delay:80ms}@keyframes decision-row-enter{0%{opacity:.2;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.decision-log-updated .decision-log-row{animation:none}}.token-waveform{color:var(--txt-dim);align-items:center;gap:4px;margin-top:2px;font-size:7px;line-height:9px;display:flex}.token-wave-bars{flex:1;align-items:flex-end;gap:1px;min-width:34px;height:10px;display:flex}.token-wave-bars i{background:color-mix(in srgb, var(--agent-accent) 72%, transparent);opacity:.65;width:3px;min-height:2px;display:block}.token-wave-active .token-wave-bars i{transform-origin:bottom;animation:1.6s ease-in-out infinite token-wave}.token-wave-active .token-wave-bars i:nth-child(2n){animation-delay:-.25s}.token-wave-active .token-wave-bars i:nth-child(3n){animation-delay:-.5s}@keyframes token-wave{0%,to{opacity:.45;transform:scaleY(.55)}50%{opacity:1;transform:scaleY(1.25)}}@media (width>=761px){.terminal-topbar{align-content:center;height:auto!important;min-height:78px!important}}.agent-card:before{content:"";pointer-events:none;opacity:0;background:radial-gradient(ellipse at 18% 50%, color-mix(in srgb, var(--agent-accent) 32%, transparent), transparent 62%);position:absolute;inset:-35% -10%;transform:translate(-35%)}.agent-running:before{opacity:.9;background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--agent-accent) 8%, transparent) 22%, color-mix(in srgb, var(--agent-accent) 48%, transparent) 50%, color-mix(in srgb, var(--agent-accent) 10%, transparent) 78%, transparent 100%);animation:workflow-rise var(--agent-activity-duration,2.2s) ease-in-out infinite;animation-delay:var(--agent-activity-delay,0s)}.agent-running{box-shadow:inset 0 1px 0 #ffffff12, 0 0 10px color-mix(in srgb, var(--agent-accent) 20%, transparent);animation:agent-card-rise var(--agent-activity-duration,2.2s) ease-in-out infinite;animation-delay:var(--agent-activity-delay,0s)}@keyframes workflow-sweep{0%,to{opacity:.2;transform:translate(-32%)scaleY(.72)}50%{opacity:.72;transform:translate(32%)scaleY(1.12)}}@keyframes workflow-rise{0%,to{opacity:.12;transform:translateY(34%)scaleY(.55)}45%{opacity:.76;transform:translateY(-8%)scaleY(1.15)}72%{opacity:.48;transform:translateY(8%)scaleY(.82)}}@keyframes agent-card-rise{0%,to{filter:saturate(.92)brightness(.96);border-color:#ffffff1a;transform:translateY(0);box-shadow:inset 0 1px #ffffff12,0 2px 8px #000}50%{filter:saturate(1.35)brightness(1.16);border-color:var(--agent-accent);box-shadow:inset 0 1px 0 #ffffff24, 0 0 18px color-mix(in srgb, var(--agent-accent) 48%, transparent);transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.agent-card:before,.agent-card,.token-wave-active .token-wave-bars i{opacity:.65;animation:none!important}}@media (width<=760px){.topbar-controls{flex-basis:100%;align-items:stretch}.topbar-action-row{width:100%}.topbar-action-row .service-switches{flex:1 0 100%;max-width:none;margin-left:0}.strategy-menu-popover{left:0;right:auto}}.openclaw-agent-dock .agent-card{isolation:isolate;grid-template-rows:58px minmax(17px,auto);grid-template-columns:48px minmax(0,1fr);align-items:center;gap:2px 6px;height:auto;min-height:102px;padding:6px 7px;display:grid;position:relative}.openclaw-agent-dock .agent-avatar{z-index:2;flex:none;grid-area:1/1;align-self:end;width:48px;min-width:0;height:50px}.openclaw-agent-dock .agent-card-name{text-align:center;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;z-index:2;grid-area:2/1;align-self:start;width:100%;min-width:0;padding:5px 1px 0;font-size:clamp(7px,.68vw,10px);line-height:1.15;overflow:hidden}.openclaw-agent-dock .agent-card-body{z-index:2;grid-area:1/2/3;grid-template-rows:minmax(0,1fr);align-items:stretch;width:100%;min-width:0;height:100%;padding-left:0;display:grid}.openclaw-agent-dock .agent-card-metrics{border-left:0;flex-direction:column;justify-content:center;gap:clamp(1px,.18vw,3px);min-width:0;height:auto;padding:0;display:flex}.openclaw-agent-dock .agent-card-metrics>div{justify-content:space-between;align-items:center;gap:4px;min-width:0;font-size:clamp(7px,.58vw,9px);line-height:1.2;display:flex}.openclaw-agent-dock .agent-card-metrics span{color:#fff;flex:none}.openclaw-agent-dock .agent-card-metrics b{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-align:right;min-width:0;max-width:100%;font-size:clamp(7px,.58vw,9px);font-weight:600;overflow:hidden}.openclaw-agent-dock .agent-card-metrics b .agent-status-dot{vertical-align:-1px;width:clamp(4px,.42vw,6px);height:clamp(4px,.42vw,6px);margin-right:2px}.openclaw-agent-dock .agent-token-wave{z-index:0;opacity:.22;pointer-events:none;border:0;justify-content:stretch;align-items:end;gap:2px;min-width:0;height:auto;padding:4px;display:flex;position:absolute;inset:0;overflow:hidden}.openclaw-agent-dock .agent-card:before{z-index:1}.openclaw-agent-dock .agent-card:after{z-index:3}.openclaw-agent-dock .agent-token-wave i{min-width:1px;height:100%;min-height:8%;transform:scaleY(var(--wave-scale));transform-origin:bottom;background:var(--agent-accent);box-shadow:0 0 4px color-mix(in srgb, var(--agent-accent) 55%, transparent);animation:1.25s ease-in-out infinite token-wave-pulse;animation-delay:calc((var(--wave-bar) * -.14s) - (var(--wave-seed) * 60ms));flex:1 1 0;display:block}@keyframes token-wave-pulse{0%,to{opacity:.45;transform:scaleY(.55)}50%{opacity:1;transform:scaleY(1.2)}}@media (width<=700px){.openclaw-agent-dock .agent-card{grid-template-rows:48px minmax(17px,auto);grid-template-columns:38px minmax(0,1fr);column-gap:5px;height:auto;min-height:78px;padding:5px 6px}.openclaw-agent-dock .agent-avatar{width:38px;height:42px}.openclaw-agent-dock .agent-card-name{padding-top:4px;font-size:clamp(7px,2.1vw,9px)}.openclaw-agent-dock .agent-card-metrics{gap:1px;padding-left:5px}.openclaw-agent-dock .agent-card-metrics>div,.openclaw-agent-dock .agent-card-metrics b{font-size:clamp(7px,1.75vw,9px)}.openclaw-agent-dock .agent-card-body{grid-template-rows:minmax(0,1fr)}.openclaw-agent-dock .agent-token-wave{gap:1px;padding:3px}}