:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#192d3c;background:#f4f7f9;font-size:14px}*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:200px minmax(0,1fr);min-height:100vh}aside{background:#17303e;color:#c8d8e0;padding:28px 20px;display:flex;flex-direction:column;gap:30px}aside h1{font-size:27px;letter-spacing:4px;color:#fff;margin:0}small{display:block;font-size:10px;letter-spacing:2px;margin-top:6px;color:#8fadb9}aside nav{display:grid;gap:6px}aside nav button{background:none;border:none;color:#b9cdd8;text-align:left;padding:12px}.active{background:#2d4959!important;color:white!important}aside p{font-size:11px;margin-top:auto;color:#8eacba;line-height:1.8}main{min-width:0;padding:0 32px 30px}header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #dce5eb;gap:12px;flex-wrap:wrap}header span#provider{display:block;font-size:11px;color:#697f8d;margin-top:3px}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}button,input,textarea{font:inherit}button{padding:8px 13px;background:white;border:1px solid #cedbe3;border-radius:6px;cursor:pointer;color:#274653}button:hover{background:#edf3f6}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:#26566c;color:white;border-color:#26566c}.primary:hover{background:#1e4659}.badge{padding:5px 10px;background:#edf2f4;border-radius:20px;color:#5a7080;font-size:11px}.title{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:30px 0 20px;flex-wrap:wrap}h2{font-size:25px;margin:0 0 7px}h3{font-size:16px;margin:0 0 14px}p{color:#667d8b;font-size:13px;line-height:1.7;margin:7px 0 17px}article,#login{padding:22px;background:#fff;border:1px solid #e1e8ed;border-radius:9px;margin-bottom:20px}#login{max-width:600px;margin:60px auto}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}.metric{padding:20px;background:white;border:1px solid #e1e8ed;border-radius:9px}.metric label{color:#6d8390;font-size:12px}.metric strong{display:block;font-size:25px;font-weight:600;overflow-wrap:anywhere;margin-top:8px}.metric small{letter-spacing:0;font-size:11px}#health{padding:14px 18px;border-radius:7px;background:#edf5f1;color:#276854;border:1px solid #cce3d8}#health.warn{background:#fff6e5;color:#80591e;border-color:#e9d5b0}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}th,td{text-align:right;padding:12px 10px;border-bottom:1px solid #e8edf1;white-space:nowrap}th:first-child,td:first-child{text-align:left}th{color:#718592;background:#f7f9fa;font-weight:500}td:last-child{border-right:0}.hint{font-size:11px;color:#81929d;margin-top:14px}form{display:grid;gap:12px}form label{display:grid;gap:6px;color:#4d6473;font-size:12px}input,textarea{padding:10px;border:1px solid #cedbe3;border-radius:5px;width:100%;background:#fbfcfd}textarea{min-height:140px;resize:vertical;font-family:monospace}form button{justify-self:start}pre{padding:14px;white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f7f9;border-radius:5px;min-height:60px;font-size:12px}footer{font-size:11px;color:#8598a4;margin-top:20px}#message{padding:12px 0;color:#30687c;overflow-wrap:anywhere}#events>div{padding:8px 0;border-bottom:1px solid #e7edf1;font-size:12px}#events time{color:#8697a3;margin-right:12px}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #75a7b8;outline-offset:2px}[hidden]{display:none!important}
@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.two{grid-template-columns:1fr}main{padding:0 22px 25px}}
@media(max-width:650px){body{display:block}aside{padding:18px;gap:14px}aside h1{font-size:21px}aside small,aside p{display:none}aside nav{display:flex;flex-wrap:wrap}aside nav button{padding:7px 10px}main{padding:0 15px 24px}.metrics{gap:8px}.metric{padding:13px}.metric strong{font-size:21px}article{padding:16px}.title{margin-top:22px}button{min-height:38px}h2{font-size:22px}}

.mode-bar,.audit-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:15px 0}.mode-bar select,.audit-toolbar select{max-width:100%;font:inherit;padding:8px;border:1px solid #cedbe3;border-radius:6px;background:white;color:#274653}.mode-bar .hint{margin:0}.audit-toolbar h3{margin:0}.audit-toolbar select{flex:1;min-width:200px}#contribution-details p{padding:10px 12px;background:#f5f8fa;border-radius:5px;font-size:12px}details{margin-top:15px}summary{cursor:pointer;color:#476878}#audit-json{max-height:420px;overflow:auto}#signal-rows td:first-child{white-space:normal;min-width:160px}

.trader-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin:12px 0 20px}.trader-option{display:flex!important;flex-direction:row;align-items:center;gap:12px!important;border:1px solid #dbe5eb;border-radius:8px;padding:15px;cursor:pointer;background:#fbfcfd}.trader-option:has(input:checked){border-color:#38778d;background:#eef7f8}.trader-option input{width:18px;height:18px;flex:0 0 auto;accent-color:#26566c}.trader-option strong{color:#244958;font-size:14px}.trader-option small{letter-spacing:0;font-size:10px;overflow-wrap:anywhere}#selection-status{font-weight:600;color:#26566c}

#cookie-check-metrics .metric strong{font-size:17px;line-height:1.5}.cookie-valid{color:#276854;font-weight:600}.cookie-attention{color:#80591e;font-weight:600}

.execution-checks{display:flex;flex-wrap:wrap;gap:12px}.execution-checks p{padding:10px 12px;background:#f5f8fa;border-radius:6px;margin:0}#execution-metrics .metric strong{font-size:18px;overflow-wrap:anywhere}#execution-symbols td:nth-child(6){white-space:normal;min-width:180px}
