:root{--bg-body: #F7F7F8;--bg-card: #FFFFFF;--bg-sidebar: #1A1A1A;--bg-sidebar-hover: #2A2A2A;--bg-sidebar-active: #333333;--bg-hover: #F5F5F5;--bg-input: #F3F3F5;--bg-badge: #F0F0F2;--bg-dark-card: #1A1A1A;--border-light: #EBEBEB;--border-card: #E8E8E8;--text-primary: #111111;--text-secondary: #666666;--text-muted: #999999;--text-inverse: #FFFFFF;--accent-primary: #111111;--accent-primary-bg: #F0F0F0;--color-success: #22C55E;--color-success-bg: #F0FDF4;--color-danger: #EF4444;--color-danger-bg: #FEF2F2;--color-warning: #F59E0B;--shadow-sm: 0 1px 2px rgba(0,0,0,.03);--shadow-card: 0 1px 3px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.02);--shadow-lg: 0 4px 16px rgba(0,0,0,.06);--sidebar-width: 260px;--border-radius: 14px;--border-radius-sm: 10px;--border-radius-lg: 18px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-body);font-family:var(--font-family);color:var(--text-primary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.dashboard-layout{display:flex;flex-direction:row;min-height:100vh}.main-content{flex:1;padding:1.5rem 2rem;margin-left:var(--sidebar-width);min-width:0}.card{background:var(--bg-card);border-radius:var(--border-radius);box-shadow:var(--shadow-card);border:1px solid var(--border-card);padding:1.25rem 1.5rem}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-title{font-size:.9375rem;font-weight:600;color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4{font-weight:600;line-height:1.3}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.0625rem}h4{font-size:.9375rem}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-mono{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.8125rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-xs{gap:.25rem}.gap-sm{gap:.5rem}.gap-md{gap:.75rem}.gap-lg{gap:1rem}.gap-xl{gap:1.5rem}.grid{display:grid}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.data-table{width:100%;border-collapse:collapse;font-size:.8125rem}.data-table th{text-align:left;padding:.625rem .75rem;font-weight:500;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border-light)}.data-table td{padding:.625rem .75rem;border-bottom:1px solid var(--border-light);color:var(--text-primary)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-hover)}.data-table .cell-right{text-align:right}.data-table .cell-mono{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.8125rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;font-family:var(--font-family);border-radius:var(--border-radius-sm);border:1px solid var(--border-card);background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:all .15s ease;white-space:nowrap;line-height:1}.btn:hover{background:var(--bg-hover);border-color:var(--border-light)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent-primary);color:var(--text-inverse);border-color:var(--accent-primary)}.btn-primary:hover{opacity:.9;background:var(--accent-primary)}.btn-danger{color:var(--color-danger);border-color:var(--color-danger);background:var(--color-danger-bg)}.btn-danger:hover{background:var(--color-danger);color:var(--text-inverse)}.btn-sm{padding:.3125rem .625rem;font-size:.75rem;border-radius:8px}.btn-icon{padding:.375rem;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:8px}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.1875rem .5rem;font-size:.6875rem;font-weight:500;border-radius:6px;background:var(--bg-badge);color:var(--text-secondary);white-space:nowrap}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-warning{background:#fffbeb;color:var(--color-warning)}.input,.select{width:100%;padding:.5rem .75rem;font-size:.8125rem;font-family:var(--font-family);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--border-radius-sm);outline:none;transition:border-color .15s ease}.input:focus,.select:focus{border-color:var(--accent-primary)}.input::placeholder{color:var(--text-muted)}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}.spinner{width:20px;height:20px;border:2px solid var(--border-light);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--text-muted);gap:.75rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--text-muted);font-size:.875rem;text-align:center}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--bg-sidebar);color:var(--text-inverse);display:flex;flex-direction:column;z-index:100;overflow-y:auto}.sidebar-logo{display:flex;align-items:center;gap:.625rem;padding:1.25rem 1.25rem 1rem;font-size:1.125rem;font-weight:700;letter-spacing:-.01em;color:var(--text-inverse)}.sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:.5rem .75rem}.sidebar-link{display:flex;align-items:center;gap:.625rem;padding:.5625rem .75rem;border-radius:var(--border-radius-sm);color:#ffffffb3;text-decoration:none;font-size:.875rem;font-weight:500;transition:background .15s ease,color .15s ease}.sidebar-link:hover{background:var(--bg-sidebar-hover);color:var(--text-inverse)}.sidebar-link--active{background:var(--bg-sidebar-active);color:var(--text-inverse)}.sidebar-section{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding:.75rem}.sidebar-section-toggle{display:flex;align-items:center;gap:.375rem;width:100%;background:none;border:none;color:#ffffff80;font-size:.75rem;font-weight:500;font-family:var(--font-family);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;padding:.375rem;border-radius:6px;transition:color .15s ease}.sidebar-section-toggle:hover{color:#fffc}.sidebar-bot-list{list-style:none;margin:.375rem 0 0;padding:0;display:flex;flex-direction:column;gap:1px}.sidebar-bot-link{display:flex;align-items:center;justify-content:space-between;padding:.375rem .625rem;border-radius:8px;color:#ffffffa6;text-decoration:none;font-size:.75rem;transition:background .15s ease,color .15s ease}.sidebar-bot-link:hover{background:var(--bg-sidebar-hover);color:var(--text-inverse)}.sidebar-bot-link--active{background:var(--bg-sidebar-active);color:var(--text-inverse)}.sidebar-bot-name{font-family:SF Mono,Fira Code,Consolas,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.sidebar-bot-pnl{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.6875rem;flex-shrink:0}@media(max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.sidebar{display:none}.main-content{margin-left:0;padding:1rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.decision-log{display:flex;flex-direction:column;gap:.75rem}.decision-log-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.decision-log-header h2{margin:0;font-size:1.1rem}.decision-log-filters{display:flex;align-items:center;gap:.5rem;margin-left:auto}.decision-log-filters input[type=date]{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:.25rem .5rem;color:var(--text);font-size:.8rem}.filter-chips{display:flex;gap:.25rem}.filter-chip{padding:.2rem .6rem;border-radius:12px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:.75rem;cursor:pointer;transition:all .15s}.filter-chip:hover{border-color:var(--accent);color:var(--text)}.filter-chip--active{background:var(--accent);border-color:var(--accent);color:#fff}.filter-bar{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;padding:.5rem 0}.filter-bar select{padding:.35rem .5rem;border:1px solid var(--border);border-radius:6px;font-size:.8rem;background:var(--bg-card);color:var(--text);cursor:pointer}.filter-bar__search{padding:.35rem .5rem;border:1px solid var(--border);border-radius:6px;font-size:.8rem;width:200px;background:var(--bg-card);color:var(--text)}.filter-bar__search::placeholder{color:var(--text-muted)}.filter-bar__clear{padding:.3rem .6rem;border:none;border-radius:6px;font-size:.75rem;background:#ef44441a;color:var(--red);cursor:pointer}.filter-bar__clear:hover{background:#ef444433}.text-warning{color:#f59e0b}.decision-log-stats{font-size:.8rem;color:var(--text-muted)}.session-list{display:flex;flex-direction:column;gap:1px;background:var(--border);border-radius:8px;overflow:hidden}.session-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:var(--bg-card);cursor:pointer;transition:background .1s;font-size:.82rem;-webkit-user-select:none;user-select:none}.session-row:hover{background:var(--bg-hover)}.session-row .chevron{color:var(--text-muted);flex-shrink:0;width:14px}.session-row .session-time{font-family:var(--font-mono);color:var(--text-muted);min-width:120px}.session-row .session-badge{font-size:.7rem;padding:.1rem .4rem;border-radius:4px;font-weight:600;min-width:70px;text-align:center}.session-badge--traded{background:#10b98126;color:var(--green)}.session-badge--skipped{background:#9ca3af26;color:var(--text-muted)}.session-row .session-ticks{color:var(--text-muted);font-size:.75rem}.session-row .session-reason{color:var(--text-muted);font-size:.75rem;font-style:italic}.session-row .session-pnl{margin-left:auto;font-family:var(--font-mono);font-weight:600}.session-detail{background:var(--bg-card);border-top:1px solid var(--border)}.session-timeline{padding:.25rem .75rem .75rem 2.5rem;display:flex;flex-direction:column;gap:0}.timeline-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.78rem;border-left:2px solid var(--border);padding:.3rem 0 .3rem .75rem;margin-left:0;cursor:pointer;transition:background .1s}.timeline-item:hover{background:var(--bg-hover)}.timeline-item:last-child{border-left-color:transparent}.timeline-item:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--border);flex-shrink:0;margin-top:.35rem;margin-left:-.95rem}.timeline-item--tick:before{background:var(--text-muted)}.timeline-item--traded:before{background:var(--green)}.timeline-item--order:before{background:var(--accent)}.timeline-item--fill:before{background:var(--accent)}.timeline-item--result-win:before{background:var(--green)}.timeline-item--result-lose:before{background:var(--red)}.timeline-time{font-family:var(--font-mono);color:var(--text-muted);min-width:55px;flex-shrink:0}.timeline-label{color:var(--text-muted);min-width:60px;flex-shrink:0}.timeline-detail{color:var(--text)}.timeline-elapsed{color:var(--text-muted);font-size:.7rem;margin-left:.25rem}.raw-json{background:var(--bg-main);border:1px solid var(--border);border-radius:6px;padding:.5rem .75rem;font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);overflow-x:auto;margin:.25rem 0 .25rem 2.5rem;white-space:pre-wrap;word-break:break-all}.session-row__pm-link{color:var(--text-muted);display:inline-flex;align-items:center;margin-left:4px;opacity:.5;transition:opacity .15s,color .15s}.session-row__pm-link:hover{opacity:1;color:var(--accent)}.trade-card{border-radius:8px;padding:12px 16px;margin:8px 12px 4px 2.5rem}.trade-card--won{background:var(--color-success-bg);border-left:3px solid var(--color-success)}.trade-card--lost{background:var(--color-danger-bg);border-left:3px solid var(--color-danger)}.trade-card__grid{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:start}.trade-card__section{display:flex;flex-direction:column;gap:2px}.trade-card__label{font-size:.65rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px}.trade-card__value{font-size:.8rem;color:var(--text-primary)}.trade-card__sub{font-size:.7rem;color:var(--text-muted)}.trade-card__pnl{font-size:1.2rem;font-weight:700;font-family:SF Mono,Fira Code,monospace}.session-expanded__bottom{display:flex;gap:12px;padding:4px 12px 12px 2.5rem}.session-expanded__chart{flex:2;min-width:0}.session-expanded__ob{flex:0 0 220px}.mini-ob{font-size:.72rem}.mini-ob__title{font-size:.65rem;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}.mini-ob__row{display:flex;align-items:center;gap:4px;height:22px}.mini-ob__price{width:36px;text-align:right;font-family:SF Mono,Fira Code,monospace;color:var(--text-muted)}.mini-ob__bar-wrap{flex:1;height:16px;background:var(--bg-input);border-radius:2px;overflow:hidden}.mini-ob__bar{height:100%;border-radius:2px;background:var(--border-light)}.mini-ob__bar--filled{background:var(--accent-primary)}.mini-ob__size{width:40px;text-align:right;font-family:SF Mono,Fira Code,monospace;font-size:.68rem;color:var(--text-muted)}.mini-ob__marker{color:var(--accent-primary);font-size:.7rem;width:14px}.session-price-chart{padding:0}.session-price-chart__loading{display:flex;align-items:center;justify-content:center;height:120px;color:var(--text-muted);font-size:.75rem}.orderbook-viewer{display:flex;flex-direction:column;gap:.75rem}.orderbook-slider{display:flex;align-items:center;gap:.75rem}.orderbook-slider input[type=range]{flex:1;accent-color:var(--accent)}.orderbook-slider-label{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);min-width:140px}.orderbook-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.orderbook-side h4{margin:0 0 .5rem;font-size:.8rem;font-weight:600}.orderbook-level{display:flex;align-items:center;gap:.5rem;padding:.15rem 0;font-size:.75rem;font-family:var(--font-mono)}.orderbook-level-price{min-width:50px;text-align:right}.orderbook-level-bar{flex:1;height:16px;border-radius:2px;position:relative}.orderbook-level-bar-fill{height:100%;border-radius:2px;transition:width .2s}.orderbook-level-bar-fill--up{background:#10b9814d}.orderbook-level-bar-fill--dn{background:#ef44444d}.orderbook-level-size{min-width:50px;text-align:right;color:var(--text-muted)}.orderbook-depth-summary{display:flex;gap:1.5rem;font-size:.75rem;color:var(--text-muted);padding-top:.25rem}.sessions-filters{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.sessions-filters-group{display:flex;align-items:center;gap:.25rem}.sessions-filters-group label{font-size:.75rem;color:var(--text-muted);margin-right:.25rem}