*{box-sizing:border-box}html,body,#root{height:100%}:root{--orange:#f28a3b;--orange-dark:#d86f1f;--orange-soft:#fff3e8;--green:#1f6f55;--green-dark:#174f3e;--green-soft:#e9f4ef;--blue-soft:#eef6ff;--blue-line:#cfe1f5;--blue-ink:#173b62;--ink:#17201b;--muted:#66726c;--line:#e4ddd2;--surface:#fff;--page:#fbf8f2}body{color:var(--ink);background:var(--page);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;overflow:hidden}button,input,select{font:inherit}button{border:1px solid var(--line);min-height:32px;color:var(--ink);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:13px;display:inline-flex}button:disabled{opacity:.45;cursor:not-allowed}input{border:1px solid var(--line);background:#fff;border-radius:6px;width:100%;min-height:32px;padding:0 10px}select{border:1px solid var(--line);width:100%;min-height:32px;color:var(--ink);background:#fff;border-radius:6px;padding:0 10px}.login{background:var(--page);grid-template-rows:auto minmax(0,1fr) auto;min-height:100vh;display:grid;overflow:auto}.login-panel{background:#fff;border:1px solid #d1d9d4;border-radius:6px;gap:12px;padding:18px;display:grid;box-shadow:0 18px 50px #17202629}.login-panel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.login-panel h2{letter-spacing:0;margin:0;font-size:18px}.login-panel p{color:#66726c;margin:0;line-height:1.45}.login-panel label{color:#66726c;gap:5px;font-size:12px;display:grid}.public-topbar{background:#fdfcf7;border-bottom:1px solid #ece4d7;padding:0}.public-topbar-inner{justify-content:space-between;align-items:center;gap:32px;width:min(1792px,100vw - 256px);min-height:86px;margin:0 auto;display:flex}.brand-logo{color:#17201b;letter-spacing:0;align-items:center;gap:16px;font-weight:900;display:inline-flex}.brand-mark{color:#fff;background:#f28a3b;border-radius:16px;place-items:center;width:58px;height:58px;display:inline-grid;box-shadow:inset 0 -2px #743a0e29}.brand-mark svg{width:24px;height:24px}.brand-word{font-size:34px;line-height:1}.brand-word span{color:#f28a3b}.public-nav{align-items:center;gap:24px;display:flex}.public-nav button:first-child{background:0 0;border-color:#0000;padding:0;font-size:18px;font-weight:500}.login-button,.primary-cta{border-color:var(--orange);background:var(--orange);color:#fff}.login-button:hover,.primary-cta:hover{border-color:var(--orange-dark);background:var(--orange-dark)}.auth-status,.auth-error{font-size:.88rem;font-weight:700}.auth-status{color:var(--green)}.auth-error{color:#a33b1f;max-width:520px}.public-nav .login-button{border-radius:8px;min-height:48px;padding:0 18px;font-size:18px;font-weight:700}.home-hero{align-content:center;width:min(1040px,100vw - 32px);min-height:0;margin:0 auto;padding:52px 0 34px;display:grid}.home-copy{gap:20px;max-width:940px;display:grid}.home-copy h1{letter-spacing:0;max-width:900px;margin:0;font-size:clamp(42px,5.7vw,72px);line-height:.98}.home-copy p{color:#49564f;max-width:920px;margin:0;font-size:17px;line-height:1.45}.home-flow{grid-template-columns:170px minmax(0,1fr);align-items:stretch;gap:14px;max-width:900px;display:grid}.primary-cta{min-height:74px;padding:0 18px;font-size:15px;font-weight:800;box-shadow:0 8px 18px #f28a3b3d}.home-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.home-steps div{color:#2f3b35;background:#fff;border:1px solid #ece4d7;border-radius:6px;grid-template-columns:18px 1fr;align-items:start;gap:8px;min-height:74px;padding:12px;font-weight:650;line-height:1.35;display:grid}.home-steps svg{color:#173f35;margin-top:1px}.home-proof{background:#fff;border-top:1px solid #ece4d7}.home-proof>div{color:#49564f;grid-template-columns:180px 1fr;gap:24px;width:min(1120px,100vw - 32px);margin:0 auto;padding:18px 0;line-height:1.45;display:grid}.home-proof strong{color:#17201b}.login-modal{z-index:20;background:#1720263d;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.login-modal .login-panel{width:min(360px,100vw - 32px)}.app-shell{background:var(--page);grid-template-rows:minmax(0,1fr);height:100dvh;min-height:0;display:grid;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:#fffaf4;justify-content:space-between;align-items:center;min-width:0;padding:0 14px;display:flex}.topbar .brand-logo{gap:9px;min-width:0}.topbar .brand-mark{border-radius:8px;width:30px;height:30px}.topbar .brand-mark svg{width:15px;height:15px}.topbar .brand-word{font-size:18px}.topbar-nav{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.brand,.tabs{align-items:center;gap:6px;display:flex}.tabs{scrollbar-width:none;background:#fff6ed;border:1px solid #edd6c0;border-radius:8px;min-width:0;padding:4px;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{color:#6d5c4c;background:0 0;border-color:#0000;flex:none;min-height:30px;font-weight:650}.tabs button.active{background:var(--orange);color:#fff;border-color:var(--orange);box-shadow:0 1px 4px #84411126}.sign-out{color:#6d5c4c;background:#fff;border-color:#edd6c0;flex:none}.bot-row.active{color:#153f31;background:#dcefe7;border-color:#b8ddcf}.builder-grid,.paper-grid,.section-grid{grid-template-columns:220px minmax(520px,1fr) minmax(250px,310px);height:100%;min-height:0;display:grid;overflow:hidden}.paper-grid,.section-grid{grid-template-columns:220px minmax(0,1fr)}.sidebar{border-right:1px solid var(--line);background:#fff8f0;flex-direction:column;gap:12px;min-height:0;padding:12px 10px;display:flex;overflow:hidden}.side-menu{gap:16px;display:grid}.side-menu .brand-logo{min-width:0;padding:2px 2px 4px}.side-menu .brand-mark{border-radius:10px;width:34px;height:34px}.side-menu .brand-word{font-size:22px}.side-menu-section{gap:8px;min-height:0;display:grid}.side-label{color:#7a7168;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:850}.side-nav{gap:4px;display:grid}.side-nav button,.side-sign-out{color:#4a4038;background:0 0;border-color:#0000;justify-content:flex-start;width:100%;min-height:36px;padding:0 10px;font-weight:650}.side-nav button.active{color:#172026;background:#fff0e3;border-color:#f0c8a7}.side-sign-out{color:#7a5d48;margin-top:auto}.side-sign-out:hover,.side-nav button:hover{background:#fff;border-color:#eddfcf}.side-section-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.bots-section{border-top:1px solid #eddfcf;flex:auto;align-content:start;padding-top:12px;overflow:hidden}.bot-list{min-height:0;padding-right:2px;overflow:auto}.sidebar-actions,.actions{gap:8px;display:flex}.sidebar-actions{margin-bottom:10px}.sidebar-actions.compact{gap:6px;margin-bottom:0}.sidebar-actions.compact button{min-height:30px;padding:0 8px}.small-refresh{min-width:30px;min-height:30px;padding:0}.paper-selector{color:#66726c;gap:6px;margin-bottom:12px;font-size:12px;display:grid}.sidebar-note{color:#66726c;background:#fff;border:1px dashed #d6d2c8;border-radius:6px;padding:10px;font-size:12px;line-height:1.35}.bot-row{text-align:left;justify-content:space-between;width:100%;min-height:36px;margin-bottom:6px;padding:7px 9px}.bot-row span,.bot-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-panel,.dashboard{grid-template-rows:auto minmax(0,1fr) auto auto;gap:10px;min-height:0;padding:12px 14px;display:grid;overflow:hidden}.dashboard{grid-template-rows:auto auto auto auto minmax(0,1fr)}.panel-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.panel-title{letter-spacing:0;font-size:15px;font-weight:650}.muted{color:#66726c;font-size:12px}.title-block{min-width:0}.title-row{align-items:center;gap:6px;min-width:0;display:flex}.title-row .panel-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.name-edit{grid-template-columns:minmax(180px,360px) 32px 32px;align-items:center;gap:6px;display:grid}.icon-button{width:32px;min-width:32px;min-height:32px;padding:0}.icon-button.subtle{color:#66726c;background:0 0;border-color:#0000}.icon-button.subtle:hover{color:#172026;background:#fff;border-color:#d6d2c8}.inline-error{color:#b42318;margin-top:3px;font-size:12px}.messages{overscroll-behavior:contain;flex-direction:column;gap:10px;min-height:0;padding:4px 4px 2px 0;display:flex;overflow:auto}.empty-state{color:#49564f;text-align:center;background:#fff;border:1px dashed #d6d2c8;border-radius:6px;align-content:center;align-self:stretch;place-items:center;gap:10px;min-height:260px;padding:24px;display:grid}.empty-state strong{color:#172026;font-size:15px}.empty-state p{max-width:360px;margin:0}.starter-state{text-align:center;flex:auto;align-content:center;place-items:center;gap:18px;min-height:100%;padding:36px 18px 60px;display:grid}.starter-copy{gap:8px;max-width:620px;display:grid}.starter-copy h2{color:#172026;letter-spacing:0;margin:0;font-size:24px;font-weight:650;line-height:1.2}.starter-copy p{color:#66726c;margin:0;font-size:14px;line-height:1.45}.starter-composer{grid-template-columns:minmax(0,1fr) 42px;width:min(760px,100%)}.starter-composer input{border-color:#dedbd3;border-radius:12px;min-height:46px;padding:0 14px;box-shadow:0 10px 28px #1720260f}.starter-composer button{border-radius:12px;min-height:46px}.starter-examples{flex-wrap:wrap;justify-content:center;gap:8px;max-width:760px;display:flex}.starter-examples button{color:#49564f;background:#fff;border-color:#dedbd3;border-radius:999px;min-height:34px;padding:0 12px;font-size:12px}.starter-examples button:hover{color:#172026;background:#fff8f0;border-color:#f0b174}.message{border-radius:7px;max-width:86%;padding:9px 11px;line-height:1.4}.message.user{border:1px solid var(--blue-line);background:var(--blue-soft);color:var(--blue-ink);align-self:flex-end}.message.assistant,.message.system,.message.tool{border:1px solid var(--line);background:#fff;align-self:flex-start}.composer{grid-template-columns:1fr 42px;gap:8px;display:grid}.approval-card,.deploy-card,.variable-review-card{background:#fff;border:1px solid #dedbd3;border-radius:6px;gap:8px;padding:10px;display:grid}.approval-card,.variable-review-card{max-height:min(320px,36dvh);overflow:auto}.approval-card .actions{z-index:1;border-top:1px solid var(--line);background:#fff;margin:0 -10px -10px;padding:8px 10px 10px;position:sticky;bottom:-10px}.variable-review-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.variable-review-head p{color:#66726c;margin:3px 0 0;font-size:13px}.variable-list{gap:6px;display:grid}.variable-row{border:1px solid var(--line);background:#fcfdfc;border-radius:6px;grid-template-columns:minmax(104px,140px) minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.variable-row.confirmed{background:#f4faf6;border-color:#bdd8cc}.variable-row.rejected{opacity:.72;background:#fff8f6}.variable-copy{min-width:0;display:contents}.variable-summary{color:#18231f;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:650;line-height:1.35;overflow:hidden}.variable-component{color:#52635b;letter-spacing:0;font-size:12px;font-weight:800}.variable-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.variable-actions button,.variable-review-head button{min-height:32px;padding:6px 9px;font-size:12px}.variable-status{color:#66726c;font-size:12px;font-weight:700}.proposal-summary{background:#fbfcfb;border:1px solid #dedbd3;border-radius:6px;gap:8px;padding:10px;display:grid}.proposal-summary>h3{margin:0;font-size:14px}.status-line{color:#49564f;align-items:center;gap:8px;min-height:34px;font-size:13px;display:flex}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.deploy-card{grid-template-columns:1fr 1fr auto;align-items:end}.deploy-card label{color:#66726c;gap:4px;font-size:12px;display:grid}.inspector{border-left:1px solid var(--line);background:#fffaf4;min-height:0;padding:14px;overflow:auto}.inspector-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.bot-status{color:#66726c;background:#fff;border:1px solid #dedbd3;border-radius:999px;flex:none;padding:3px 8px;font-size:11px;font-weight:650}.bot-status.active{color:var(--green);background:#eff7f2;border-color:#2f6f5a42}.bot-status.ready{color:var(--orange);background:#fff5eb;border-color:#ee8b4157}.bot-status.pending{color:var(--blue-ink);background:#f2f7fb;border-color:#4362823d}.inspector section{margin-top:14px}.inspector h3,.strategy-summary h3{color:#49564f;margin:0 0 6px;font-size:12px;font-weight:650}.strategy-summary{gap:12px;display:grid}.strategy-summary.compact{gap:14px}.strategy-summary section{margin:0}.summary-line{font-size:14px;font-weight:650}.strategy-summary ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.strategy-summary li{background:#fff;border:1px solid #dedbd3;border-radius:6px;padding:7px 9px 7px 26px;line-height:1.35;position:relative}.strategy-summary li:before{content:"";background:#9ca39e;border-radius:50%;width:6px;height:6px;position:absolute;top:13px;left:10px}.strategy-summary li.rule-pass:before{background:var(--green)}.strategy-summary li.rule-fail:before{background:#b42318}.strategy-summary li.rule-unknown:before{background:#9ca39e}.summary-chips{flex-wrap:wrap;gap:6px;display:flex}.summary-chips span{color:#2f3b35;background:#fff;border:1px solid #dedbd3;border-radius:6px;padding:5px 7px;font-size:12px}pre{background:#f5f7f3;border-radius:7px;max-height:220px;margin:0;padding:10px;font-size:12px;overflow:auto}.metric-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.metric-row div{background:#fff;border:1px solid #dedbd3;border-radius:6px;gap:2px;padding:10px;display:grid}.metric-row strong{font-size:18px;font-weight:650}.metric-row span{color:#66726c;font-size:12px}.decision-list{gap:8px;min-height:0;display:grid;overflow:auto}.decision{background:#fff;border:1px solid #dedbd3;border-radius:6px;padding:10px}.decision strong{margin-right:8px}.decision span{color:#66726c}.decision p{margin:6px 0 0}.paper-strategy-card{background:#fbfbf8;border:1px solid #dedbd3;border-radius:6px;gap:10px;padding:12px;display:grid}.paper-strategy-card .strategy-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.paper-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:190px;display:grid}.paper-tabs button{min-height:32px}.paper-tabs button.active{color:#153f31;background:#dcefe7;border-color:#b8ddcf}.compact-deploy{grid-template-columns:minmax(120px,180px) minmax(120px,180px) minmax(0,1fr)}.paper-warning{color:#7a4b16;background:#fff8ed;border:1px solid #f4c790;border-radius:6px;padding:9px 10px;line-height:1.35}.paper-topbar{align-items:flex-start}.paper-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.paper-controls .paper-selector{align-items:center;gap:8px;margin:0;display:flex}.paper-controls .paper-selector span{color:#66726c;font-size:12px}.paper-day,.paper-analytics,.pnl-page{align-content:start;gap:12px;min-height:0;display:grid;overflow:auto}.pnl-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.pnl-controls select{border-radius:6px;min-width:160px;min-height:34px}.pnl-tabs{grid-template-columns:repeat(4,minmax(0,1fr));min-width:min(420px,100%)}.pnl-chart{background:#fff;border:1px solid #dedbd3;border-radius:6px;gap:8px;padding:12px;display:grid}.pnl-chart.empty{color:#66726c;text-align:center;align-content:center;place-items:center;min-height:190px}.pnl-chart.empty strong{color:#172026}.pnl-chart-head{justify-content:space-between;gap:10px;display:flex}.pnl-chart-head div{gap:2px;display:grid}.pnl-chart-head strong{font-size:18px}.pnl-chart-head span{color:#66726c;font-size:12px}.pnl-chart svg{width:100%;height:220px}.pnl-chart line{stroke:#ede8df;stroke-width:2px}.pnl-chart path{fill:none;stroke:var(--green);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.pnl-chart circle{fill:var(--green)}.pnl-recent,.paper-section{gap:8px;display:grid}.paper-section-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.paper-section-head h2{margin:0;font-size:14px}.paper-section-head span{color:#66726c;font-size:12px}.paper-empty{color:#66726c;background:#fff;border:1px dashed #d6d2c8;border-radius:6px;padding:12px}.game-list,.bot-stats-list{gap:8px;display:grid}.game-card{background:#fff;border:1px solid #dedbd3;border-radius:6px;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:10px;display:grid}.game-main,.game-meta,.game-actions,.trade-list div,.game-badges,.bot-stat-row{align-items:center;gap:10px;display:flex}.game-main{grid-column:2/-1;justify-content:space-between}.row-toggle{color:#66726c;background:0 0;border-color:#0000;grid-row:1/span 2;place-self:start;min-width:28px;min-height:28px;padding:0}.row-toggle:hover{background:#fbfbf8;border-color:#dedbd3}.game-main>div:first-child{gap:2px;min-width:0;display:grid}.game-main strong,.game-main span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.game-main span,.game-meta,.trade-list span,.bot-stat-row span{color:#66726c;font-size:12px}.game-meta{flex-wrap:wrap;grid-column:2/-1}.game-badges{flex:none;justify-content:flex-end}.state-chip{color:#5a4f43;text-transform:capitalize;background:#f4f1ea;border-radius:6px;flex:none;padding:4px 7px;font-size:12px;font-weight:750}.state-chip.live{color:#17633b;background:#e9f8ee}.state-chip.upcoming{color:#34496b;background:#eef2f8}.state-chip.completed{color:#5a4f43;background:#f4f1ea}.pnl-chip{background:var(--green-soft);color:var(--green-dark);border-radius:6px;flex:none;padding:4px 7px;font-size:12px;font-weight:750}.pnl-chip.negative{color:#b42318;background:#fff1ef}.trade-list{gap:5px;padding-top:2px;display:grid}.trade-list div{justify-content:space-between;min-width:0}.trade-list strong{flex:none;font-size:12px}.muted-list strong{color:#66726c}.game-actions{flex-wrap:wrap}.expanded-detail{grid-column:2/-1;gap:10px;padding-top:2px;display:grid}.detail-grid{grid-template-columns:repeat(4,minmax(90px,1fr));gap:8px;display:grid}.detail-grid div{background:#fbfbf8;border:1px solid #ede8df;border-radius:6px;gap:2px;padding:8px;display:grid}.detail-grid span{color:#66726c;font-size:12px}.bot-stat-row{background:#fff;border:1px solid #dedbd3;border-radius:6px;grid-template-columns:auto minmax(180px,1.4fr) repeat(5,minmax(72px,.5fr)) minmax(160px,auto);padding:10px;display:grid}.bot-stat-row>div{gap:2px;min-width:0;display:grid}.bot-stat-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bot-stat-actions{flex-wrap:wrap;justify-content:end;align-items:center;display:flex!important}.bot-expanded{border-top:1px solid #ede8df;grid-column:2/-1;gap:12px;padding-top:8px;display:grid}.bot-detail-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.bot-detail-columns section{gap:8px;min-width:0;display:grid}.bot-detail-columns h3{margin:0;font-size:12px}.mini-list{gap:6px;display:grid}.mini-list div{background:#fbfbf8;border:1px solid #ede8df;border-radius:6px;justify-content:space-between;gap:10px;min-width:0;padding:7px 8px;display:flex}.mini-list span,.mini-list strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mini-list span{color:#66726c;font-size:12px}.mini-list strong{flex:none;font-size:12px}.card-kicker{color:#66726c;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.error{color:#b42318}.ok{color:var(--green)}.simple-page{grid-template-rows:auto minmax(0,1fr);gap:12px;height:100%;min-height:0;padding:14px;display:grid;overflow:hidden}.simple-empty{border:1px dashed var(--line);min-height:0;color:var(--muted);text-align:center;background:#fff;border-radius:8px;align-content:center;place-items:center;gap:8px;padding:24px;display:grid}.simple-empty strong{color:var(--ink);font-size:16px}.simple-empty p{max-width:520px;margin:0}@media (width<=1000px){.builder-grid{grid-template-columns:200px 1fr}.paper-grid,.section-grid{grid-template-columns:200px minmax(0,1fr)}.inspector{display:none}}@media (width<=720px){.login{grid-template-rows:auto auto auto}.home-hero{grid-template-columns:1fr;gap:18px;padding:28px 0 24px}.home-copy h1{font-size:38px}.home-copy p{font-size:15px}.home-flow{grid-template-columns:1fr}.primary-cta{min-height:52px}.home-steps{grid-template-columns:1fr}.home-steps div{min-height:0}.home-proof>div{grid-template-columns:1fr;gap:6px}.public-topbar{gap:10px;padding:0}.public-topbar-inner{gap:12px;width:calc(100vw - 24px);min-height:76px}.brand-logo{gap:8px}.brand-mark{border-radius:10px;width:34px;height:34px}.brand-mark svg{width:15px;height:15px}.brand-word{font-size:20px}.public-nav{gap:8px}.public-nav button:first-child{font-size:13px}.public-nav .login-button{min-height:34px;padding:0 12px;font-size:13px}.builder-grid,.paper-grid,.section-grid{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #d1d9d4;border-right:0;max-height:260px}.deploy-card{grid-template-columns:1fr}.variable-row{grid-template-columns:1fr;align-items:stretch}.variable-summary{white-space:normal}.variable-actions{justify-content:flex-start}.app-shell{grid-template-rows:minmax(0,1fr)}.topbar-nav{justify-content:space-between}.tabs{flex:auto}}