*{box-sizing:border-box}body{margin:0;background:#f5f7f8;color:#1a2928;font-family:Segoe UI,Arial,sans-serif}main{max-width:1440px;margin:auto;padding:0 42px}header{height:88px;border-bottom:1px solid #dce3e1;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;font-size:13px;font-weight:750;letter-spacing:1.4px}.brand-icon{display:grid;place-items:center;width:38px;height:38px;background:#143f34;color:#fff;border-radius:10px;font-family:Georgia;font-size:28px}.brand small{display:block;font-size:9px;color:#77857f;letter-spacing:2px;margin-top:4px}.connection{display:flex;align-items:center;gap:8px;font-size:12px;color:#66736e}#connection-dot{width:7px;height:7px;border-radius:50%;background:#84918b}#clock{border-left:1px solid #dce3e1;margin-left:12px;padding-left:18px;font-variant-numeric:tabular-nums}.intro{display:flex;align-items:center;justify-content:space-between;margin:38px 0 28px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#52786a;margin:0 0 10px}h1{font-size:38px;letter-spacing:-1.3px;font-weight:600;margin:0 0 10px}.subtitle{font-size:14px;color:#738079;margin:0}.market-label{text-align:right;font-size:10px;font-weight:700;letter-spacing:1.5px}.market-label span{display:block;font-weight:400;font-size:12px;letter-spacing:0;color:#738079;margin-top:8px}.panel{background:white;border:1px solid #dfe6e2;border-radius:12px;padding:22px}.control-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.control-head h2{font-size:14px;font-weight:650;margin:0}.control-head span{font-size:11px;color:#849089}.control-row{display:flex;align-items:end;gap:12px}#tickers{display:flex;gap:8px;flex:1;min-width:0}input,select{font:600 13px Segoe UI,Arial,sans-serif;color:#253e35;background:#f7f9f8;border:1px solid #d9e2dc;border-radius:7px;height:43px;padding:0 12px;outline:none}input{width:20%;min-width:0;text-transform:uppercase}input::placeholder{font-weight:400;text-transform:none;color:#9aa49e}input:focus,select:focus{border-color:#287d60;box-shadow:0 0 0 3px #e8f2ec}.cutoff{font-size:10px;color:#697870;display:grid;gap:5px;min-width:115px}button{height:43px;border-radius:7px;padding:0 19px;border:0;background:#164d3d;color:white;font:600 12px Segoe UI,Arial,sans-serif;cursor:pointer;white-space:nowrap}button span{margin-left:14px}#stop{background:#edf2ef;color:#3b5146}button:disabled{opacity:.4;cursor:default}input:disabled,select:disabled{opacity:.65}#notice{font-size:11px;color:#708078;margin:14px 0 0;min-height:15px}.summary{display:flex;gap:26px;align-items:center;padding:26px 0 18px;font-size:12px;color:#697b72}.summary div{display:flex;align-items:center;gap:8px}.summary strong{font-size:16px;color:#263d31}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex-shrink:0}.green{background:#26a56b}.orange{background:#ef9e33}.gray{background:#a5b0aa}.refresh{margin-left:auto;font-size:11px;color:#8c978f}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.card{background:#fff;border:1px solid #dfe6e2;border-radius:12px;padding:20px 18px;min-height:257px;border-top:3px solid #b8c1bc}.card.green-card{border-top-color:#26a56b}.card.orange-card{border-top-color:#ef9e33}.card-top{display:flex;align-items:center;justify-content:space-between}.symbol{font-size:22px;font-weight:650;letter-spacing:-.6px}.light-ring{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#f1f4f2}.light-ring .dot{height:11px;width:11px}.green-card .light-ring{background:#e6f6ed}.orange-card .light-ring{background:#fff2df}.price{font-size:24px;letter-spacing:-.5px;margin:18px 0 13px;font-variant-numeric:tabular-nums}.badge{display:inline-block;font-size:9px;text-transform:uppercase;font-weight:700;letter-spacing:.7px;border-radius:4px;background:#f0f3f1;color:#7c8981;padding:5px 7px}.green-card .badge{background:#e9f7ef;color:#248150}.orange-card .badge{background:#fff1dc;color:#ab6b16}.reason{font-size:11px;line-height:1.55;color:#77857c;min-height:37px;margin:10px 0 16px}.meta{border-top:1px solid #edf1ee;padding-top:12px;font-size:10px;line-height:1.8;color:#8b978f}.meta div{display:flex;justify-content:space-between;gap:4px}.meta b{font-weight:500;color:#546b5c}.activity{margin-top:24px;min-height:135px}.empty{font-size:12px;color:#98a299;padding:12px 0}.event{display:flex;gap:13px;align-items:center;font-size:12px;border-top:1px solid #eff3f0;padding:12px 0}.event time{font-size:10px;color:#8d9891;min-width:68px}.event strong{min-width:54px}.event .message{color:#74847a}footer{display:flex;justify-content:space-between;gap:20px;color:#8c978e;font-size:10px;padding:22px 0 30px}@media(max-width:1100px){main{padding:0 22px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.control-row{flex-wrap:wrap}#tickers{flex-basis:100%;margin-bottom:6px}.refresh{display:none}}@media(max-width:640px){main{padding:0 14px}.cards{grid-template-columns:1fr}.intro{margin-top:25px}h1{font-size:30px}.market-label{display:none}.summary{gap:14px;font-size:10px}.connection #connection{display:none}#clock{margin:0;padding:0;border:0}.control-row{gap:8px}.panel{padding:16px}.card{min-height:0}.reason{min-height:0}footer{flex-direction:column}.event{align-items:start;gap:8px}.card .meta{display:flex;gap:20px}.card .meta div{gap:10px}}
#connection-dot.green{background:#26a56b}#connection-dot.gray{background:#a5b0aa}
.watch-table{background:#fff;border:1px solid #dfe6e2;border-radius:12px;overflow-x:auto}.watch-table table{width:100%;border-collapse:collapse;min-width:900px;text-align:left}.watch-table th{padding:14px 16px;background:#edf3ef;font-size:11px;font-weight:600;color:#5c7064;white-space:nowrap}.watch-table td{padding:18px 16px;border-top:1px solid #e8eeea;font-size:13px;vertical-align:middle}.ticker-row{height:94px}.ticker-cell{white-space:nowrap}.ticker-cell .dot{margin-right:12px}.ticker-cell .symbol{font-size:18px}.number{font-variant-numeric:tabular-nums;white-space:nowrap}.watch-table small{display:block;font-size:11px;line-height:1.5;color:#77857c;margin-top:5px}.target-cell strong{font-size:14px;font-weight:600}.status-cell{max-width:280px}.timing-cell{white-space:nowrap;font-size:12px!important}.reversal-active{color:#20644f;font-weight:650}.green-row .badge{background:#e9f7ef;color:#248150}.orange-row .badge{background:#fff1dc;color:#ab6b16}.table-help{font-size:11px;line-height:1.6;color:#718078;margin:12px 2px 0}
@media(max-width:1000px){.watch-table table{min-width:560px;table-layout:fixed}.watch-table th,.watch-table td{padding:14px 8px}.watch-table th:nth-child(1){width:13%}.watch-table th:nth-child(2){width:13%}.watch-table th:nth-child(3){width:13%}.watch-table th:nth-child(4){width:17%}.watch-table th:nth-child(5){width:17%}.watch-table th:nth-child(6){width:27%}.watch-table th:last-child,.timing-cell{display:none}.watch-table td{font-size:11px}.target-cell strong{font-size:11px}.ticker-cell .symbol{font-size:14px}.ticker-cell .dot{margin-right:6px}.watch-table small{font-size:10px}.badge{font-size:8px;letter-spacing:.3px}}

.controls{margin-top:20px}

.remote-login{font-size:12px;color:#52786a}.remote-login a{color:inherit}
.remote-login{margin-top:16px}.remote-login input{width:100%;text-transform:none}.remote-login label{display:inline-block;margin:10px 10px 10px 0}.remote-login button{margin-right:8px}
