:root{--bg:#080b10;--panel:#10141b;--panel2:#141923;--line:#252c38;--muted:#7f8998;--text:#edf0f5;--lime:#b9f542;--purple:#aa82ff;--green:#42dfa1;--amber:#ffbd59;--blue:#54a7ff;--danger:#ff6f79}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% -20%,#252043 0,transparent 35%),var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;font-size:14px}.shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.sidebar{height:100vh;position:sticky;top:0;padding:30px 22px;border-right:1px solid var(--line);background:rgba(8,11,16,.9);display:flex;flex-direction:column}.brand{font:700 21px "Space Grotesk";color:white;text-decoration:none;display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--lime);color:var(--lime);transform:rotate(45deg);font-size:14px}.brand-mark::first-letter{transform:rotate(-45deg)}.accent,h1 span{color:var(--lime)}nav{display:grid;gap:7px;margin-top:55px}.nav-item{padding:12px 13px;color:#9099a8;text-decoration:none;border-radius:8px;display:flex;gap:13px;align-items:center;font-weight:600}.nav-item:hover,.nav-item.active{color:white;background:#171c25}.nav-item.active{box-shadow:inset 2px 0 var(--lime)}.broker-card{margin-top:auto;padding:15px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#747e8e;font-weight:700;margin:0 0 8px}.broker-line{display:flex;align-items:center;gap:10px}.broker-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#351c58;color:#c797ff;font-weight:700}.broker-line div{display:grid}.broker-line small{color:var(--muted);font-size:11px;margin-top:2px}.sidebar-foot{margin-top:20px;color:#57606e;font-size:11px;line-height:1.7}.sidebar-foot span{color:#798392}main{padding:34px 42px 60px;max-width:1700px;width:100%;margin:auto}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}h1,h2{font-family:"Space Grotesk",sans-serif;margin:0}h1{font-size:32px;letter-spacing:-1.3px}h2{font-size:18px}.header-actions{display:flex;gap:10px;align-items:center}.market-clock{display:flex;gap:10px;align-items:center;margin-right:8px;padding-right:18px;border-right:1px solid var(--line)}.market-clock div{display:grid}.market-clock small{font-size:9px;color:var(--muted);letter-spacing:1px}.market-clock strong{font:600 14px "Space Grotesk"}.pulse{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(66,223,161,.12)}.button{border:0;border-radius:7px;padding:10px 16px;font:700 12px "DM Sans";cursor:pointer;transition:.2s}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.button.primary{background:var(--lime);color:#111}.button.ghost{background:#171c24;color:#d9dee6;border:1px solid #2b323f}.alert{padding:12px 16px;border:1px solid rgba(255,111,121,.4);background:rgba(255,111,121,.1);color:#ffb7bd;border-radius:8px;margin-bottom:18px}.hidden{display:none!important}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.metrics article{display:flex;gap:14px;align-items:center;background:linear-gradient(145deg,#11161e,#0d1117);border:1px solid var(--line);border-radius:10px;padding:18px}.metrics article div{display:grid;gap:2px}.metrics small{font-size:9px;color:var(--muted);letter-spacing:1px;font-weight:700}.metrics strong{font:600 21px "Space Grotesk"}.metrics em{font-style:normal;font-size:11px;color:#707a89}.metric-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;font:600 17px "Space Grotesk"}.metric-icon.purple{background:rgba(170,130,255,.12);color:var(--purple)}.metric-icon.green{background:rgba(66,223,161,.11);color:var(--green)}.metric-icon.amber{background:rgba(255,189,89,.12);color:var(--amber)}.metric-icon.blue{background:rgba(84,167,255,.12);color:var(--blue)}.panel{background:rgba(15,19,26,.94);border:1px solid var(--line);border-radius:11px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}.panel-head .eyebrow{margin-bottom:5px}.legend{display:flex;gap:16px;color:#747f8e;font-size:11px}.legend span{display:flex;align-items:center;gap:6px}.dot{width:6px;height:6px;border-radius:50%;background:var(--muted)}.dot.ready{background:var(--amber)}.dot.live{background:var(--green)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:950px}th{text-align:left;padding:12px 16px;color:#687382;font-size:9px;letter-spacing:1px;border-bottom:1px solid var(--line)}td{padding:15px 16px;border-bottom:1px solid #1e242e;font-size:12px;color:#b8c0cd}tbody tr:last-child td{border-bottom:0}td:first-child{color:white;font-weight:700}.status{display:inline-flex;padding:5px 8px;border-radius:5px;background:#1a2029;color:#a7b0be;font-size:10px;text-transform:capitalize}.status.entered{background:rgba(66,223,161,.1);color:var(--green)}.status.waiting_for_breakout{background:rgba(255,189,89,.1);color:var(--amber)}.status.invalid,.status.closed{background:rgba(255,111,121,.1);color:var(--danger)}.empty td,.empty-card{text-align:center!important;color:#687382!important;padding:32px!important}.lower-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px;margin-top:16px}.count-pill,.mode-pill{font-size:10px;border:1px solid var(--line);padding:5px 9px;border-radius:20px;color:#8993a2}.mode-pill{color:var(--lime);border-color:rgba(185,245,66,.25)}.event-list{padding:8px 20px;max-height:430px;overflow:auto}.event{display:grid;grid-template-columns:34px 1fr auto;gap:11px;align-items:center;padding:14px 0;border-bottom:1px solid #1e242e}.event:last-child{border:0}.event-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:rgba(66,223,161,.1);color:var(--green)}.event.sell .event-icon{background:rgba(255,111,121,.1);color:var(--danger)}.event div{display:grid}.event small{color:var(--muted);font-size:10px}.event-price{text-align:right;color:white}.settings-panel form{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;padding:20px 22px}label{display:grid;gap:7px;color:#aeb6c2;font-size:11px;font-weight:600}label span{font-size:9px;color:#687382;font-weight:400;margin-left:5px}.wide{grid-column:1/-1}input,select,textarea{width:100%;border:1px solid #2a323e;border-radius:7px;background:#0b0f15;color:white;padding:10px 11px;font:500 12px "DM Sans";outline:none}input:focus,select:focus,textarea:focus{border-color:#76833d;box-shadow:0 0 0 3px rgba(185,245,66,.06)}textarea{resize:vertical}.switch-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.switch-row div{display:grid}.switch-row span{margin:3px 0 0}.switch-row input{display:none}.switch-row i{width:38px;height:20px;background:#333b47;border-radius:20px;position:relative;cursor:pointer}.switch-row i:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#9aa3af;top:3px;left:3px;transition:.2s}.switch-row input:checked+i{background:rgba(185,245,66,.25)}.switch-row input:checked+i:after{left:21px;background:var(--lime)}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}@media(max-width:1100px){.shell{grid-template-columns:75px 1fr}.sidebar{padding:26px 14px}.brand>span:last-child,.nav-item:not(.active){font-size:0}.nav-item{justify-content:center}.nav-item span{font-size:16px}.broker-card,.sidebar-foot{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.lower-grid{grid-template-columns:1fr}}@media(max-width:720px){.shell{display:block}.sidebar{display:none}main{padding:24px 16px}header{align-items:flex-start;gap:20px}.header-actions{flex-wrap:wrap;justify-content:flex-end}.market-clock{display:none}h1{font-size:25px}.metrics{grid-template-columns:1fr}.settings-panel form{grid-template-columns:1fr}.wide{grid-column:auto}.lower-grid{grid-template-columns:1fr}.legend{display:none}}

.connection-panel{margin-bottom:18px}.connection-body{padding:16px 22px}.login-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.login-form label{flex:1;min-width:140px}.help,.strategy-notes p{color:var(--muted);font-size:12px;line-height:1.7}.strategy-notes{padding:20px 22px;margin-top:16px}.strategy-notes h2{font-size:16px}input:disabled,select:disabled,textarea:disabled{opacity:.55}.connection-body>p:first-child{margin-top:0}.event small{overflow-wrap:anywhere}@media(max-width:720px){header{flex-wrap:wrap}.login-form button{flex:1}.login-form label{flex-basis:100%}}