*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#111;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#d0d0d0}.app{display:flex;flex-direction:column;min-height:100vh}.header{background:#1a1a1a;border-bottom:1px solid #2a2a2a;padding:8px 14px 6px;display:flex;flex-direction:column;gap:3px;flex-shrink:0}.header-row-1{display:flex;align-items:center;gap:8px}.header-row-2{display:flex;justify-content:flex-end;align-items:center;gap:10px}.header-title{font-size:13px;font-weight:500;color:#38bdf8;text-shadow:0 0 8px rgba(56,189,248,.5),0 0 20px rgba(56,189,248,.2)}.header-indicator{font-size:10px;color:#777;display:flex;align-items:center;gap:4px}.header-separator{font-size:10px;color:#444}.mode-badge{font-size:9px;font-weight:600;padding:2px 8px;border-radius:3px;letter-spacing:.04em;border:1px solid #2a4a68;background:#1e3048;color:#7eb8d4}.mode-badge--live{background:#16a34a;color:#fff;border-color:#16a34a}.mode-badge--live-restricted,.mode-badge--paper-live{background:#1e3048;color:#7eb8d4;border-color:#2a4a68}.mode-badge--paper-sim{background:#1e3254;color:#818cf8;border-color:#2a3a6a}.mode-badge-group{display:flex;align-items:center;gap:4px}.mode-badge--autopilot{background:#92400e;color:#fbbf24;border-color:#b45309;animation:autopilot-pulse 2s ease-in-out infinite}@keyframes autopilot-pulse{0%,to{box-shadow:none}50%{box-shadow:0 0 6px #fbbf2466}}.autopilot-badge{font-size:9px;padding:1px 6px;border-radius:3px;font-weight:600}.autopilot-badge--on{background:#92400e;color:#fbbf24}.autopilot-badge--off{background:#222;color:#777}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%}.status-dot--connected{background:#16a34a}.status-dot--disconnected{background:#dc2626}.status-dot--stale{background:#d97706}.header-clock{font-family:Courier New,monospace;letter-spacing:.5px}.data-feed{gap:8px}.feed-item{display:flex;align-items:center;gap:3px;font-size:9px;color:#999}.feed-dot{display:inline-block;width:5px;height:5px;border-radius:50%}.feed-dot--fresh{background:#16a34a}.feed-dot--stale{background:#d97706}.feed-dot--dead{background:#dc2626}.scanner-badge{font-size:9px;padding:1px 6px;border-radius:3px;font-weight:600}.scanner-badge--on{background:#16a34a;color:#fff}.scanner-badge--off{background:#222;color:#777}.banner-paper-live{background:#0f2424;border-bottom:1px solid #1a3030;padding:6px 14px;display:flex;align-items:center;flex-shrink:0}.banner-paper-live__text{font-size:11px;color:#4db6ac;display:flex;align-items:center;gap:6px}.banner-paper-live__dot{width:6px;height:6px;border-radius:50%;background:#4db6ac;flex-shrink:0}.banner-paper-live__btn{font-size:10px;padding:3px 10px;margin-left:12px;border:1px solid #2d6b65;border-radius:3px;color:#4db6ac;background:transparent;cursor:pointer}.banner-live-restricted{background:#1a1200;border-bottom:1px solid #2a2000;padding:6px 14px;display:flex;align-items:center;flex-shrink:0}.banner-live-restricted__text{font-size:11px;color:#d97706;display:flex;align-items:center;gap:6px}.banner-live-restricted__dot{width:6px;height:6px;border-radius:50%;background:#d97706;flex-shrink:0}.banner-live-restricted__btn{font-size:10px;padding:3px 10px;margin-left:12px;border:1px solid #92400e;border-radius:3px;color:#d97706;background:transparent;cursor:pointer}.banner-paper-sim{background:#0f1020;border-bottom:1px solid #1a1a30;padding:6px 14px;font-size:11px;color:#818cf8;display:flex;align-items:center;gap:6px;flex-shrink:0}.dashboard-grid{display:grid;grid-template-columns:240px 1fr 300px;grid-template-rows:minmax(700px,1fr);gap:10px;padding:10px}.col-1{display:flex;flex-direction:column}.col-2,.col-3{display:flex;flex-direction:column;gap:10px}.col-1 .panel{flex:1}.col-2 .panel-chart{flex:3;min-height:300px}.col-2 .panel-positions,.col-2 .panel-history{flex:1;min-height:100px}.col-3 .panel-signal,.col-3 .panel-order{flex:0 0 auto}.col-3 .panel-account{flex:1;min-height:100px;overflow-y:auto}.panel{background:#1a1a1a;border:1px solid #222222;border-radius:5px;display:flex;flex-direction:column}.panel__header{font-size:8px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#666;padding:6px 12px;border-bottom:1px solid #222222;flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.panel__body{padding:10px 12px;flex:1;overflow:auto;display:flex;flex-direction:column}.stat-row{display:flex;justify-content:space-between;align-items:baseline;padding:3px 0}.stat-label{font-size:10px;color:#777;text-transform:uppercase;letter-spacing:.06em}.stat-value{font-size:11px;font-weight:500;color:#d0d0d0}.stat-value--positive{color:#16a34a}.stat-value--negative{color:#dc2626}.stat-divider{border:none;border-top:1px solid #1e1e1e;margin:6px 0}.progress-block{margin:2px 0 8px}.progress-block__labels{display:flex;justify-content:space-between;margin-bottom:3px}.progress-block__name{font-size:9px;color:#666;text-transform:uppercase;letter-spacing:.06em}.progress-block__value{font-size:9px;color:#666}.progress-block__track{height:2px;background:#222;border-radius:1px}.progress-block__fill{height:2px;border-radius:1px;background:#16a34a}.progress-block__fill--warn{background:#d97706}.badge-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0}.status-badge{font-size:9px;font-weight:600;padding:1px 7px;border-radius:3px}.status-badge--green{background:#16a34a1f;color:#16a34a}.status-badge--red{background:#dc26261f;color:#dc2626}.status-badge--amber{background:#d977061f;color:#d97706}.chart-toggles{display:flex;gap:4px;padding:5px 12px;border-bottom:1px solid #222222;flex-shrink:0}.chart-toggle{font-size:9px;padding:2px 7px;border-radius:3px;color:#777;border:1px solid transparent;cursor:pointer;background:transparent}.chart-toggle--active{color:#e0e0e0;border-color:#333;background:#222}.chart-toggle-spacer{flex:1}.chart-body{flex:1;background:#111;min-height:0}.signal-card{display:flex;flex-direction:column;gap:6px;flex:1}.signal-card--idle .signal-field__value{color:#444}.signal-active__direction{display:flex;align-items:center;gap:8px}.signal-dir-badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:3px}.signal-dir-badge--buy,.signal-dir-badge--sell{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.25)}.signal-dir-badge--idle{background:#1a1a1a;color:#444;border:1px solid #222}.signal-instrument{font-size:11px;font-weight:500;color:#e0e0e0}.signal-field{display:flex;justify-content:space-between;padding:2px 0}.signal-field__label{font-size:10px;color:#666;text-transform:uppercase;letter-spacing:.06em}.signal-field__value{font-size:10px;color:#d0d0d0}.signal-active__buttons{display:flex;gap:6px;margin-top:auto}.btn-confirm{flex:1;font-size:10px;font-weight:600;padding:6px;border-radius:3px;background:#1a1a1a;color:#444;border:1px solid #222;cursor:default}.btn-confirm:disabled{opacity:1}.btn-confirm--live{background:#fff;color:#15803d;border:1px solid #fff;cursor:pointer;font-weight:700;box-shadow:0 0 8px #ffffff4d}.btn-dismiss{flex:1;font-size:10px;padding:6px;border-radius:3px;background:transparent;color:#777;border:1px solid #222222;cursor:pointer}.btn-dismiss:disabled{color:#333;cursor:default}.panel-signal--active{background:#15803d;border-color:#16a34a;box-shadow:0 0 15px #16a34a66,0 0 40px #16a34a26;animation:signal-glow 2s ease-in-out infinite}@keyframes signal-glow{0%,to{box-shadow:0 0 15px #16a34a66,0 0 40px #16a34a26}50%{box-shadow:0 0 20px #16a34a99,0 0 50px #16a34a40}}.panel-signal--active .panel__header{color:#ffffffb3;border-bottom-color:#ffffff26}.panel-signal--active .signal-field__label{color:#ffffff8c}.panel-signal--active .signal-field__value,.panel-signal--active .signal-instrument{color:#fff}.panel-signal--active .btn-dismiss{color:#fff9;border-color:#fff3}.autopilot-countdown{margin-top:4px}.autopilot-countdown__label{font-size:9px;font-weight:600;color:#fbbf24;text-align:center;margin-bottom:3px;letter-spacing:.05em}.autopilot-countdown__track{height:3px;background:#ffffff26;border-radius:2px}.autopilot-countdown__fill{height:3px;border-radius:2px;background:#fbbf24;transition:width .25s linear}.panel-signal--active .autopilot-countdown__label{color:#fbbf24}.live-rr{font-size:10px;font-weight:600}.live-rr--good{color:#16a34a}.live-rr--bad{color:#dc2626}.panel__header--collapsible{cursor:pointer;-webkit-user-select:none;user-select:none}.panel__header--collapsible:hover{color:#bbb}.collapse-arrow{margin-left:auto;font-size:10px;color:#555}.order-body{display:flex;flex-direction:column;justify-content:space-between;flex:1;gap:0}.order-field{display:flex;flex-direction:column;gap:2px}.order-field__label{font-size:8px;color:#666;text-transform:uppercase;letter-spacing:.06em}.order-field__input{width:100%;background:#111;border:1px solid #222222;border-radius:3px;padding:3px 7px;font-size:10px;color:#d0d0d0;height:24px}.order-field__input:focus{outline:none;border-color:#333}.order-field-row{display:flex;gap:6px}.order-field-row .order-field{flex:1}.direction-toggle{display:flex;border-radius:3px;overflow:hidden;border:1px solid #222222;height:24px}.direction-option{flex:1;font-size:10px;line-height:24px;text-align:center;color:#666;cursor:pointer}.direction-option--buy-active{background:#16a34a26;color:#16a34a}.direction-option--sell-active{background:#dc262626;color:#dc2626}.btn-place-order{width:100%;font-size:10px;font-weight:600;height:26px;border-radius:3px;background:#16a34a;color:#fff;border:none;cursor:pointer}.news-add-btn{font-size:9px;color:#16a34a;border:1px solid rgba(22,163,74,.3);padding:1px 6px;border-radius:3px;cursor:pointer;background:transparent}.news-empty{display:flex;align-items:center;justify-content:center;flex:1}.news-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid #1e1e1e}.news-item__label{font-size:10px;color:#666}.news-item__delete{font-size:9px;color:#666;cursor:pointer}.sim-body{display:flex;flex-direction:column;gap:8px}.sim-label{font-size:9px;color:#666;text-transform:uppercase;letter-spacing:.06em}.sim-value{font-size:11px;color:#d0d0d0}.sim-buttons{display:flex;gap:6px}.sim-btn{flex:1;font-size:9px;padding:4px;border-radius:3px;background:#222;color:#888;border:1px solid #2a2a2a;cursor:pointer}.sim-btn--active{color:#d0d0d0;border-color:#333}.empty-state{font-size:10px;color:#555;text-align:center;padding:12px 0}.data-table{width:100%;border-collapse:collapse}.data-table th{font-size:8px;color:#666;text-transform:uppercase;letter-spacing:.06em;padding:3px 6px;border-bottom:1px solid #1e1e1e;text-align:left;font-weight:600}.data-table td{font-size:10px;color:silver;padding:4px 6px;border-bottom:1px solid #1a1a1a}.data-table td.positive{color:#16a34a}.data-table td.negative{color:#dc2626}