*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:#060b17}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e2e8f0;font-size:12px;-webkit-font-smoothing:antialiased}.cof-app{display:flex;flex-direction:column;height:100vh}.cof-top{display:flex;align-items:center;height:40px;min-height:40px;padding:0 10px;background:#080e1a;border-bottom:1px solid #111827;gap:14px}.cof-top-left{display:flex;align-items:center;gap:12px;flex-shrink:0}.cof-brand{font-size:13px;font-weight:800;color:#22c55e;letter-spacing:-.3px}.cof-px{display:flex;align-items:center;gap:6px}.px-val{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700}.px-chg{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600}.c-green{color:#22c55e}.c-red{color:#ef4444}.c-slate{color:#64748b}.c-purple{color:#8b5cf6}.c-amber{color:#f59e0b}.c-dim-green{color:#4ade8066}.c-dim-red{color:#f8717166}.cof-top-center{display:flex;align-items:center;gap:8px;margin:0 auto}.cof-sym{display:flex;gap:2px}.cof-sym input{background:#111827;border:1px solid #1e293b;border-radius:3px;padding:3px 7px;font-size:11px;font-family:JetBrains Mono,monospace;color:#e2e8f0;outline:none;width:90px}.cof-sym input:focus{border-color:#22c55e}.cof-sym button{background:#1e293b;border:1px solid #334155;border-radius:3px;padding:3px 7px;font-size:10px;font-weight:600;cursor:pointer;font-family:inherit;color:#94a3b8}.cof-sym button:hover{border-color:#22c55e;color:#22c55e}.cof-tfs{display:flex;gap:1px}.tf-btn{background:transparent;border:1px solid transparent;border-radius:3px;padding:3px 6px;font-size:10px;font-weight:600;cursor:pointer;font-family:inherit;color:#475569;transition:all.1s}.tf-btn:hover{color:#94a3b8;border-color:#1e293b}.tf-btn.active{color:#22c55e;background:#22c55e0f;border-color:#22c55e26}.cof-top-right{flex-shrink:0}.top-hint{font-size:8px;color:#1e293b;letter-spacing:.2px}.cof-body{flex:1;display:flex;min-height:0;overflow:hidden}.cof-watch{width:56px;min-width:56px;background:#080e1a;border-right:1px solid #111827;display:flex;flex-direction:column;gap:1px;padding:4px}.wl-item{display:flex;align-items:center;justify-content:center;padding:6px 4px;border-radius:3px;border:1px solid transparent;font-size:10px;font-weight:700;cursor:pointer;font-family:inherit;background:transparent;color:#475569;transition:all.1s;letter-spacing:.2px}.wl-item:hover{border-color:#1e293b;color:#94a3b8}.wl-item.active{color:#22c55e;background:#22c55e0d;border-color:#22c55e1f}.cof-chart-wrap{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;min-height:0}#cof-chart{flex:1;min-height:0}.cof-dash{width:155px;min-width:155px;background:#080e1a;border-left:1px solid #111827;display:flex;flex-direction:column;padding:10px;font-size:11px}.dash-title{font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#1e293b;margin-bottom:4px}.dash-row{display:flex;justify-content:space-between;align-items:center;padding:2px 0}.dash-label{font-size:10px;font-weight:500;color:#475569}.dash-val{font-size:11px;font-weight:700;font-family:JetBrains Mono,monospace;white-space:nowrap}.dash-div{height:1px;background:#0f1729;margin:6px 0}.dash-spacer{flex:1}.dash-legend{font-size:8px;color:#1e293b;line-height:1.8;margin-bottom:2px}.lg-sq{display:inline-block;width:7px;height:7px;border-radius:1px;margin-right:3px;vertical-align:middle}.lg-ln{display:inline-block;width:10px;height:2px;border-radius:1px;margin-right:3px;vertical-align:middle}.cof-bottom{display:flex;align-items:center;height:34px;min-height:34px;padding:0 10px;background:#080e1a;border-top:1px solid #111827;gap:12px}.cof-strat{display:flex;align-items:center;gap:6px;flex-shrink:0}.strat-label{font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:#1e293b}.strat-name{font-size:10px;font-weight:700;color:#94a3b8;cursor:pointer}.strat-name:hover{color:#22c55e}.strat-desc{font-size:8px;color:#334155}.cof-signal{display:flex;align-items:center;gap:6px;flex-shrink:0}.sig-badge{padding:2px 6px;border-radius:3px;font-size:9px;font-weight:700;font-family:JetBrains Mono,monospace;min-width:36px;text-align:center}.sig-buy{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.sig-sell{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.sig-price{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;color:#e2e8f0}.sig-strat{font-size:9px;color:#64748b}.sig-conf{font-size:8px;font-weight:700;font-family:JetBrains Mono,monospace;padding:1px 4px;border-radius:2px}.sig-conf.c3{color:#22c55e;background:#22c55e14}.sig-conf.c2{color:#f59e0b;background:#f59e0b14}.sig-conf.c1{color:#64748b;background:#64748b14}.sig-reason{font-size:9px;color:#64748b}.cof-signal-log-wrap{display:flex;align-items:center;gap:6px;margin-left:auto;min-width:0}.sl-count{font-size:9px;font-weight:600;color:#334155;font-family:JetBrains Mono,monospace;flex-shrink:0}.cof-signal-log{display:flex;gap:4px;overflow-x:auto;max-width:400px;scrollbar-width:none;-ms-overflow-style:none}.cof-signal-log::-webkit-scrollbar{display:none}.sl-row{display:flex;align-items:center;gap:4px;padding:2px 5px;border-radius:3px;font-size:8px;font-family:JetBrains Mono,monospace;white-space:nowrap;flex-shrink:0;border:1px solid #111827}.sl-buy{color:#22c55e;background:#22c55e0a}.sl-sell{color:#ef4444;background:#ef44440a}.sl-time{color:#334155;font-weight:500}.sl-type{font-weight:700;margin:0 2px}.sl-price{color:#e2e8f0;font-weight:600}.sl-strat{color:#475569}.sl-reason{color:#64748b;max-width:120px;overflow:hidden;text-overflow:ellipsis}@keyframes sigFlash{0%{opacity:1}50%{opacity:.5;background:#22c55e1a}to{opacity:1}}.sig-flash{animation:sigFlash .5s ease}