:root{--bg: #0b0e11;--panel: #11161c;--panel2: #161d25;--border: #1f2933;--border2: #2c3a48;--text: #d7dee7;--muted: #7b8794;--green: #22c55e;--red: #ef4444;--amber: #f59e0b;--blue: #3b82f6;--green-dim: rgba(34,197,94,.14);--red-dim: rgba(239,68,68,.14);--amber-dim: rgba(245,158,11,.14);--blue-dim: rgba(59,130,246,.14);--mono: ui-monospace, "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--sans: -apple-system, "Segoe UI", Inter, Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:13px;line-height:1.45}a{color:var(--blue);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}.num,.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.green{color:var(--green)}.red{color:var(--red)}.amber{color:var(--amber)}.blue{color:var(--blue)}.app{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;gap:20px;height:46px;padding:0 16px;background:var(--panel);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.topbar .brand{font-family:var(--mono);font-weight:700;letter-spacing:.18em;color:var(--green);text-transform:uppercase;font-size:14px}.topbar nav{display:flex;gap:2px}.topbar nav a{padding:6px 12px;border-radius:4px;color:var(--muted);font-weight:500}.topbar nav a.active,.topbar nav a:hover{color:var(--text);background:var(--panel2)}.topbar .spacer{flex:1}.wsdot{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;color:var(--muted)}.wsdot i{width:8px;height:8px;border-radius:50%;background:var(--red);display:inline-block}.wsdot.on i{background:var(--green);box-shadow:0 0 6px var(--green)}.page{padding:16px;display:flex;flex-direction:column;gap:14px;max-width:1500px;width:100%;margin:0 auto}.grid{display:grid;gap:14px}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.subnav{display:flex;gap:2px;border-bottom:1px solid var(--border)}.subnav a{padding:8px 14px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}.subnav a.active{color:var(--text);border-color:var(--green)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:6px;display:flex;flex-direction:column;min-width:0}.panel>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.panel>.body{padding:14px}.panel>.body.flush{padding:0}.pill{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:999px;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border:1px solid transparent}.pill.green{background:var(--green-dim);color:var(--green);border-color:#22c55e59}.pill.red{background:var(--red-dim);color:var(--red);border-color:#ef444459}.pill.amber{background:var(--amber-dim);color:var(--amber);border-color:#f59e0b59}.pill.blue{background:var(--blue-dim);color:var(--blue);border-color:#3b82f659}.pill.grey{background:var(--panel2);color:var(--muted);border-color:var(--border2)}.pill.lg{font-size:14px;padding:6px 14px}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:4px;border:1px solid var(--border2);background:var(--panel2);cursor:pointer;font-weight:500;white-space:nowrap}.btn:hover:not(:disabled){border-color:var(--muted)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.success{background:var(--green);border-color:var(--green);color:#04110a}.btn.danger{background:var(--red);border-color:var(--red);color:#fff}.btn.ghost{background:transparent}.btn.sm{padding:3px 8px;font-size:12px}.btn.kill{font-family:var(--mono);font-weight:800;letter-spacing:.2em;font-size:16px;padding:12px 28px;background:var(--red);border-color:#b91c1c;color:#fff;box-shadow:0 0 0 3px #ef444440}.btn.kill:hover:not(:disabled){box-shadow:0 0 0 5px #ef444459}.seg{display:inline-flex;border:1px solid var(--border2);border-radius:4px;overflow:hidden}.seg button{padding:6px 14px;background:transparent;border:0;border-right:1px solid var(--border2);cursor:pointer;color:var(--muted);font-weight:600;font-family:var(--mono);font-size:12px;text-transform:uppercase}.seg button:last-child{border-right:0}.seg button.on.off{background:var(--panel2);color:var(--text)}.seg button.on.shadow{background:var(--blue-dim);color:var(--blue)}.seg button.on.paper{background:var(--amber-dim);color:var(--amber)}.seg button.on.live{background:var(--green-dim);color:var(--green)}.seg button:disabled{cursor:not-allowed;opacity:.5}.toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle .track{width:34px;height:18px;border-radius:999px;background:var(--border2);position:relative;transition:background .15s}.toggle .track:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .15s}.toggle.on .track{background:var(--green)}.toggle.on .track:after{transform:translate(16px)}.toggle.disabled{opacity:.5;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:11px;color:var(--muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase}.field input,.field select,.field textarea{background:var(--bg);border:1px solid var(--border2);border-radius:4px;padding:7px 9px;font-family:var(--mono);width:100%}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--blue)}.field.invalid input,.field.invalid select{border-color:var(--red)}.field .err{color:var(--red);font-size:11px}.field .hint{color:var(--muted);font-size:11px}.checks{display:flex;flex-wrap:wrap;gap:8px 16px}.checks label{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-family:var(--mono);font-size:12px}.tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:var(--bg);border:1px solid var(--border2);border-radius:4px;padding:5px 7px;min-height:36px}.tags .tag{background:var(--panel2);border:1px solid var(--border2);border-radius:3px;padding:1px 6px;font-family:var(--mono);font-size:12px;display:inline-flex;gap:6px;align-items:center}.tags .tag button{background:none;border:0;color:var(--muted);cursor:pointer}.tags input{background:transparent;border:0;outline:none;font-family:var(--mono);min-width:90px;flex:1}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:12.5px}table.data th{text-align:left;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--border);white-space:nowrap;position:sticky;top:0;background:var(--panel)}table.data td{padding:7px 10px;border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap}table.data td.num,table.data th.num{text-align:right}table.data tr.clickable{cursor:pointer}table.data tr.clickable:hover td{background:var(--panel2)}table.data tr.fresh td{animation:flash 2.5s ease-out}table.data tr.expanded td{background:var(--panel2)}table.data tr.detail td{background:var(--bg);white-space:normal;padding:12px 14px}@keyframes flash{0%{background:var(--blue-dim)}to{background:transparent}}.empty{padding:34px 14px;text-align:center;color:var(--muted);font-family:var(--mono);font-size:12px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.detail-grid h5{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.detail-grid p,.detail-grid li{font-size:12.5px}.detail-grid .rationale{grid-column:1 / -1;line-height:1.55}.gauge{display:flex;flex-direction:column;gap:6px}.gauge .lbl{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.gauge .bar{height:10px;background:var(--bg);border:1px solid var(--border2);border-radius:999px;overflow:hidden}.gauge .bar>i{display:block;height:100%;transition:width .4s}.gauge.green .bar>i{background:var(--green)}.gauge.amber .bar>i{background:var(--amber)}.gauge.red .bar>i{background:var(--red)}.gauge .val{font-family:var(--mono);font-size:13px}.stat{display:flex;flex-direction:column;gap:3px}.stat .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.stat .v{font-family:var(--mono);font-size:18px;font-weight:600}.stat .s{font-size:11px;color:var(--muted)}.banner{display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:6px;border:1px solid;font-weight:600}.banner.red{background:var(--red-dim);border-color:var(--red);color:var(--red)}.banner.amber{background:var(--amber-dim);border-color:var(--amber);color:var(--amber)}.banner.blue{background:var(--blue-dim);border-color:var(--blue);color:var(--blue)}.banner .spacer{flex:1}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.modal{background:var(--panel);border:1px solid var(--border2);border-radius:8px;width:100%;max-width:480px;box-shadow:0 20px 60px #0009}.modal header{padding:14px 16px;border-bottom:1px solid var(--border);font-weight:700;font-size:14px}.modal header.danger{color:var(--red)}.modal .body{padding:16px;display:flex;flex-direction:column;gap:10px}.modal footer{padding:12px 16px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}.modal ul.kv{list-style:none;font-family:var(--mono);font-size:12px;display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.modal ul.kv li span{color:var(--muted)}.toasts{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:60}.toast{padding:10px 14px;border-radius:6px;border:1px solid;background:var(--panel);font-weight:500;min-width:240px;box-shadow:0 8px 24px #00000080}.toast.ok{border-color:var(--green);color:var(--green)}.toast.err{border-color:var(--red);color:var(--red)}.toast.info{border-color:var(--blue);color:var(--blue)}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login .panel{width:100%;max-width:380px}.chart-box{width:100%;height:420px}.quotes{display:flex;gap:8px;flex-wrap:wrap}.quote{background:var(--panel2);border:1px solid var(--border);border-radius:6px;padding:8px 12px;min-width:120px;cursor:pointer}.quote.on{border-color:var(--green)}.quote .sym{font-family:var(--mono);font-weight:700}.quote .px{font-family:var(--mono);font-size:15px}.wl-list{list-style:none;display:flex;flex-direction:column}.wl-list li{display:flex;align-items:center;justify-content:space-between;padding:7px 14px;border-bottom:1px solid var(--border);cursor:pointer}.wl-list li.on,.wl-list li:hover{background:var(--panel2)}.feed{list-style:none;max-height:420px;overflow:auto}.feed li{display:grid;grid-template-columns:70px 70px 90px 1fr auto;gap:8px;align-items:center;padding:7px 14px;border-bottom:1px solid var(--border);font-family:var(--mono);font-size:12px}.feed li.fresh{animation:flash 2.5s ease-out}textarea.prompt{min-height:300px;line-height:1.5;resize:vertical}.history li{padding:10px 14px;border-bottom:1px solid var(--border);display:flex;gap:14px;align-items:center}.history li .v{font-family:var(--mono);font-weight:700;min-width:40px}.history li .n{flex:1}.history li.current .v{color:var(--green)}@media (max-width: 700px){.topbar{gap:8px;padding:0 10px;overflow-x:auto}.page{padding:10px}.feed li{grid-template-columns:1fr 1fr}}