@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#18201d;--muted:#78807d;--line:#e4e7e5;--paper:#f5f6f4;--card:#fff;--green:#163f34;--mint:#c9f35b;--red:#d55d58;--blue:#4f75e8;--shadow:0 12px 35px rgba(27,40,34,.07)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}.shell{display:grid;grid-template-columns:238px 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#12372e;color:#fff;padding:30px 18px;display:flex;flex-direction:column;z-index:4}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;padding:0 12px 34px}.brand-mark{width:38px;height:38px;border:1px solid #7c9a90;border-radius:50%;display:grid;place-items:center;font:800 20px Manrope;transform:rotate(-8deg)}.brand b{display:block;letter-spacing:3px;font:800 18px Manrope}.brand small{font-size:8px;letter-spacing:4px;color:#a8bbb5}nav{display:grid;gap:7px}.nav-item{border:0;background:transparent;color:#9fb2ac;padding:13px 14px;border-radius:9px;text-align:left;font:600 14px 'DM Sans';cursor:pointer}.nav-item span{display:inline-grid;width:28px;font-size:18px}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.1);color:#fff}.nav-item.active{box-shadow:inset 3px 0 var(--mint)}.sidebar-foot{margin-top:auto;border-top:1px solid #31564d;padding:22px 12px 0;display:flex;gap:11px;align-items:center}.sidebar-foot b,.sidebar-foot small{display:block;font-size:11px}.sidebar-foot small{color:#89a198;margin-top:3px}.pulse{width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px rgba(201,243,91,.1)}main{grid-column:2;padding:0 38px 50px;max-width:1600px;width:100%}header{height:112px;display:flex;align-items:center;justify-content:space-between}.eyebrow,.panel-title small,.page-heading small{letter-spacing:2px;color:#929995;font-size:9px;font-weight:700}h1{font:700 24px Manrope;margin:5px 0 0}h2{font:700 19px Manrope;margin:4px 0}.header-actions{display:flex;align-items:center;gap:13px}.market{font-size:10px;font-weight:700;color:#557069;background:#e7eee9;padding:9px 11px;border-radius:20px}.market i{display:inline-block;width:7px;height:7px;background:#53b778;border-radius:50%;margin-right:6px}.btn{border:0;border-radius:8px;padding:11px 16px;font:700 12px 'DM Sans';cursor:pointer}.secondary{background:#fff;border:1px solid var(--line)}.primary{background:var(--green);color:#fff}.ghost{background:#eef2ef;color:var(--green)}.avatar{width:39px;height:39px;border:0;border-radius:50%;background:#d9e4df;color:var(--green);font-weight:800}.status-strip{background:#fff;border:1px solid var(--line);border-radius:11px;padding:13px 17px;display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.status-strip>div,.mode-control{display:flex;align-items:center;gap:10px}.status-strip small,.status-strip b{display:block;font-size:10px}.status-strip small{color:var(--muted);letter-spacing:1px}.broker-dot{width:9px;height:9px;border-radius:50%;background:#b8bfbc}.broker-dot.connected{background:#4bbb73;box-shadow:0 0 0 4px #e6f5eb}.switch input{display:none}.switch i{display:block;width:35px;height:20px;border-radius:20px;background:#cdd2d0;padding:3px;cursor:pointer}.switch i:after{content:'';display:block;width:14px;height:14px;border-radius:50%;background:#fff;transition:.2s}.switch input:checked+i{background:var(--green)}.switch input:checked+i:after{transform:translateX(15px)}.metric-grid{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:15px}.metric,.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.metric{min-height:161px;padding:21px;position:relative;overflow:hidden}.metric.hero{background:var(--green);color:#fff}.metric-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#737d79}.hero .metric-head{color:#bfd0ca}.metric strong{display:block;font:700 28px Manrope;margin:20px 0 7px}.metric small{color:#929a96;font-size:11px}.hero small{color:#9fb6ae}.tag{font-style:normal;font-size:8px;background:#eff7e2;color:#719333;padding:5px 7px;border-radius:4px}.tag.blue{color:var(--blue);background:#eef2ff}.round-icon{background:#f0f3f1;border-radius:50%;padding:8px}.spark{position:absolute;right:0;bottom:0;width:48%;height:65%;display:flex;align-items:end;gap:6px;opacity:.38}.spark i{flex:1;background:var(--mint);border-radius:2px 2px 0 0}.spark i:nth-child(1){height:25%}.spark i:nth-child(2){height:40%}.spark i:nth-child(3){height:36%}.spark i:nth-child(4){height:64%}.spark i:nth-child(5){height:52%}.spark i:nth-child(6){height:78%}.spark i:nth-child(7){height:60%}.spark i:nth-child(8){height:88%}.spark i:nth-child(9){height:75%}.two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:15px;margin-top:15px}.panel{padding:23px}.panel-title,.page-heading{display:flex;align-items:flex-start;justify-content:space-between}.badge{padding:6px 9px;border-radius:15px;font-size:9px;font-weight:800}.badge.off{color:#79817d;background:#edf0ee}.badge.on{color:#185b3a;background:#e3f5e8}.strategy-card>p{color:#7b8480;font-size:12px;line-height:1.6;max-width:670px}.strategy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:15px 0 18px}.strategy-grid label{font-size:9px;color:#808884;font-weight:700}.strategy-grid select,.strategy-grid input,#logFilter{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid var(--line);border-radius:7px;background:#fafbfa;color:var(--ink)}.rule{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #eef0ef}.rule>span{font:700 10px Manrope;color:#8ea09a;border:1px solid #dce2df;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.rule b,.rule small{display:block;font-size:11px}.rule small{color:#8c9491;margin-top:3px}.mode-row{display:flex;justify-content:space-between;align-items:center;background:#f2f5f3;border-radius:8px;padding:12px;margin-top:14px}.mode-row small,.mode-row b{display:block;font-size:9px}.mode-row b{font-size:12px;margin-top:3px}.link{background:none;border:0;color:#527365;font-weight:700;font-size:10px;cursor:pointer}.empty{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#98a09d}.empty span{font-size:35px;color:#b7c5bf}.empty b{font-size:12px;color:#6e7773;margin:10px}.empty small{font-size:10px}.activity-item{border-left:2px solid var(--green);padding:5px 0 5px 14px;margin:16px 0}.activity-item b,.activity-item small{display:block;font-size:11px}.activity-item small{color:var(--muted);margin-top:4px}.view{display:none}.view.active{display:block}.page-heading{align-items:center;margin:10px 0 18px}.page-heading h2{font-size:25px}.table-panel{padding:0;overflow:hidden;min-height:310px}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{text-align:left;color:#89918e;font-size:9px;letter-spacing:1px;background:#fafbfa;padding:13px 16px}.data-table td{padding:14px 16px;border-top:1px solid #eef0ef}.table-empty{text-align:center;padding:100px 20px;color:#9aa29e}.tabs{background:#e8ebe9;border-radius:8px;padding:3px}.tabs button{border:0;background:transparent;padding:8px 12px;border-radius:6px;color:#7d8582}.tabs button.active{background:#fff;color:var(--ink);box-shadow:0 2px 8px #ccd1ce}.report-grid{display:grid;grid-template-columns:300px 1fr;gap:15px}.chart-panel{height:360px}.bar-chart{height:100%;display:flex;align-items:flex-end;gap:14px;padding:25px}.bar{flex:1;min-width:22px;background:#bedf57;border-radius:5px 5px 0 0;position:relative}.bar span{position:absolute;top:-24px;font-size:9px}.bar small{position:absolute;bottom:-24px;left:0;font-size:8px;color:#8b928f}.bar.loss{background:#e89892}.modal{position:fixed;inset:0;background:rgba(13,30,25,.58);backdrop-filter:blur(5px);display:none;align-items:center;justify-content:center;z-index:20;padding:20px}.modal.open{display:flex}.modal-card{width:min(540px,100%);max-height:94vh;overflow:auto;background:#fff;border-radius:15px;padding:25px;box-shadow:0 30px 80px #06120e66}.modal-head{display:flex;justify-content:space-between}.modal-head p{font-size:11px;color:var(--muted);margin:7px 0}.icon{border:0;background:rgba(255,255,255,.1);cursor:pointer;border-radius:50%;width:32px;height:32px}.modal form{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px}.modal form label{font-size:10px;font-weight:700;color:#636c68}.modal input{width:100%;margin-top:6px;padding:11px;border:1px solid var(--line);border-radius:7px}.form-sep{grid-column:1/-1;border-bottom:1px solid var(--line);height:24px}.form-sep span{font-size:9px;letter-spacing:1px;color:#929a96;background:#fff;padding-right:8px}.full,.form-error{grid-column:1/-1}.form-error{font-size:11px;color:var(--red)}.toast{position:fixed;right:24px;bottom:24px;background:#15392f;color:#fff;padding:13px 18px;border-radius:8px;transform:translateY(80px);opacity:0;transition:.3s;z-index:30;font-size:12px}.toast.show{transform:none;opacity:1}.mobile{display:none}
@media(max-width:900px){.shell{display:block}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.sidebar.open:after{content:'';position:fixed;inset:0 0 0 238px;background:#0005}main{padding:0 18px 40px}.mobile{display:inline-grid;place-items:center;margin-right:8px}header{height:92px}.market{display:none}.metric-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.report-grid{grid-template-columns:1fr}.strategy-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){h1{font-size:18px}.header-actions .secondary{font-size:0}.header-actions .secondary:after{content:'＋ Broker';font-size:11px}.metric-grid{grid-template-columns:1fr}.metric{min-height:130px}.modal form{grid-template-columns:1fr}.modal form>*{grid-column:1}.data-table{min-width:650px}.table-panel{overflow:auto}}
.ticker-strip{height:58px;background:#fff;border:1px solid var(--line);border-radius:11px;margin:-2px 0 17px;display:flex;align-items:center;overflow:hidden}.feed-state{height:100%;display:flex;align-items:center;padding:0 17px;font-size:9px;font-weight:800;color:#4f675f;border-right:1px solid var(--line)}.feed-state i{width:7px;height:7px;background:#50bd76;border-radius:50%;margin-right:7px;box-shadow:0 0 0 4px #e6f5eb}.ticker{height:100%;min-width:180px;display:grid;grid-template-columns:1fr auto;align-content:center;padding:0 18px;border-right:1px solid var(--line)}.ticker small{grid-column:1/-1;color:#8a928e;font-size:8px;letter-spacing:1px}.ticker b{font:700 14px Manrope;margin-top:4px}.ticker em{font-style:normal;font-size:10px;color:#4bad71;margin-top:5px}.ticker em.negative{color:var(--red)}.ticker-time{margin-left:auto;padding:0 18px;color:#9aa19e;font-size:9px}.state-pill{padding:7px 10px;border-radius:20px;background:#edf0ee;color:#7b8581}.state-pill.running{background:#e2f4e8;color:#246c43}.strategy-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:15px 0 18px}.strategy-summary>div{background:#f5f7f5;border-radius:8px;padding:11px}.strategy-summary small,.strategy-summary b{display:block;font-size:9px}.strategy-summary b{font-size:12px;margin-top:5px}.control-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.btn.danger{background:#fff0ef;color:#b74f48;border:1px solid #f2d2cf}.stop-reason{display:block;margin-top:10px;color:#929a96}.overview-data{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.overview-data .panel{min-width:0}.overview-data .data-table th,.overview-data .data-table td{padding:10px;font-size:10px}.page-heading p{font-size:11px;color:var(--muted);margin:5px 0}.settings-layout{display:grid;gap:15px;max-width:1050px}.settings-card{box-shadow:none}.section-title{display:flex;gap:13px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:17px}.section-title>span{width:31px;height:31px;border-radius:50%;background:#e7f0eb;color:var(--green);display:grid;place-items:center;font-size:10px;font-weight:800}.section-title h2,.section-title p{margin:0}.section-title p{font-size:10px;color:var(--muted);margin-top:3px}.settings-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.settings-grid.two{grid-template-columns:1fr 1fr}.settings-grid label{font-size:10px;font-weight:700;color:#67716d}.settings-grid input,.settings-grid select{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fafbfa}.info-note{background:#eff4f1;color:#607069;padding:13px;border-radius:8px;font-size:10px;margin-top:17px;line-height:1.5}.save-bar{position:sticky;bottom:15px;background:#153c32;color:#fff;padding:15px 17px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 12px 30px #123b3044}.save-bar b,.save-bar small{display:block;font-size:11px}.save-bar small{color:#a8bbb5;margin-top:3px}.save-bar .primary{background:var(--mint);color:#173a31}
.login-page{background:#eef2ef}.login-page main{padding:0;max-width:none}.login-shell{min-height:100vh;display:grid!important;grid-template-columns:1.05fr .95fr!important}.login-art{background:linear-gradient(145deg,#0f352c,#1b4a3d);color:#fff;padding:55px 7vw;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-art:after{content:'';position:absolute;width:520px;height:520px;border:1px solid #ffffff18;border-radius:50%;right:-180px;bottom:-180px;box-shadow:0 0 0 80px #ffffff08,0 0 0 160px #ffffff05}.login-brand{display:flex;align-items:center;gap:12px}.login-brand b,.login-brand small{display:block;letter-spacing:4px}.login-brand small{font-size:8px;color:#a8bbb5}.login-art h1{font:800 clamp(35px,4vw,62px) Manrope;line-height:1.08;margin:14px 0}.login-art p{color:#b8cac4;max-width:450px}.login-foot{font-size:11px;display:flex;align-items:center;gap:12px}.login-panel{display:grid;place-items:center;padding:30px}.login-form{width:min(410px,100%);background:#fff;border:1px solid var(--line);border-radius:16px;padding:36px;box-shadow:var(--shadow)}.login-form h2{font-size:25px;margin:7px 0}.login-form>p{font-size:11px;color:var(--muted);margin-bottom:24px}.login-form label{display:block;font-size:10px;font-weight:700;margin:15px 0}.login-form input{width:100%;padding:13px;margin-top:7px;border:1px solid var(--line);border-radius:8px}.login-form .btn{margin-top:8px}.login-help{display:block;text-align:center;color:#9aa29e;margin-top:18px;font-size:9px}
@media(max-width:900px){.ticker-strip{overflow-x:auto}.ticker-time{display:none}.overview-data{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr 1fr}.login-shell{grid-template-columns:1fr!important}.login-art{display:none}}@media(max-width:560px){.settings-grid,.settings-grid.two,.strategy-summary{grid-template-columns:1fr 1fr}.save-bar{align-items:flex-start;gap:12px;flex-direction:column}.login-panel{padding:16px}.login-form{padding:25px}}
.holding-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:15px}.holding-metrics .metric{min-height:130px}.holding-metrics .metric strong{font-size:23px;margin:15px 0 5px}.holdings-panel{min-height:390px}@media(max-width:900px){.holding-metrics{grid-template-columns:1fr 1fr}}@media(max-width:560px){.holding-metrics{grid-template-columns:1fr}}