:root{--bg: #000000;--card: #070707;--card2: #121212;--row: #161616;--border: #2A2A2A;--line: #1A1A1A;--accent: #FFA028;--amber: #FFA028;--gold: #FFD24D;--cyan: #4FC3F7;--green: #2ECC71;--red: #FF4D4D;--violet: #B388FF;--text: #E6E6E6;--dim: #8A8A8A;--white: #FFFFFF;--key: #FFD24D;--mono: "SF Mono", "JetBrains Mono", Menlo, Consolas, "PingFang SC", "Microsoft YaHei", monospace}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--text);font:12px/1.45 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.1px}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font-family:var(--mono)}::selection{background:var(--amber);color:#000}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#333}::-webkit-scrollbar-track{background:#000}.app{min-height:100vh}.top{position:sticky;top:0;z-index:30;background:#000;border-bottom:1px solid var(--border)}.bar1{display:flex;align-items:center;gap:14px;padding:6px 14px;border-bottom:1px solid var(--line)}.brand{font-weight:700;color:#000;background:var(--amber);padding:2px 8px;letter-spacing:1px}.brand-sub{color:var(--amber);font-weight:600}.ticker{display:flex;gap:18px;color:var(--dim);white-space:nowrap;overflow:hidden}.ticker b{color:var(--text);font-weight:600;margin:0 4px}.clock{color:var(--amber);white-space:nowrap}.grow{flex:1}.fkeys{display:flex;gap:2px;padding:5px 14px;align-items:center;flex-wrap:wrap}.fkey{display:inline-flex;align-items:stretch;cursor:pointer;user-select:none;border:1px solid var(--border);background:#0b0b0b;position:relative}.fkey .k{background:var(--key);color:#000;font-weight:700;padding:2px 6px}.fkey .t{padding:2px 10px;color:var(--text)}.fkey:hover .t{color:var(--amber)}.fkey.on{border-color:var(--amber)}.fkey.on .t{background:var(--amber);color:#000;font-weight:700}.fkey .cnt{position:absolute;top:-6px;right:-6px;background:var(--red);color:#fff;font-size:10px;padding:0 4px;line-height:14px}.fkey .dot{position:absolute;top:-3px;right:-3px;width:7px;height:7px;background:var(--red)}.status{display:flex;gap:18px;padding:3px 14px;color:var(--dim);border-top:1px solid var(--line);background:#050505;white-space:nowrap;overflow:hidden}.status .hl{color:var(--amber)}.page-title{color:var(--amber);font-weight:700;letter-spacing:1px}.content{padding:12px 14px 40px}.main{min-width:0}.search{position:relative;display:flex;align-items:center}.search .go{background:var(--amber);color:#000;font-weight:700;padding:3px 8px;border:none;cursor:pointer}.search input{width:300px;background:#000;border:1px solid var(--amber);border-right:none;color:var(--amber);padding:3px 8px;font-size:12px;outline:none;text-transform:none}.search input::placeholder{color:#7a5a1f}.search .drop{position:absolute;top:26px;left:0;width:340px;background:#0a0a0a;border:1px solid var(--amber);z-index:40}.search .item{padding:4px 10px;cursor:pointer;display:flex;justify-content:space-between}.search .item:hover,.search .item.on{background:var(--amber);color:#000}.search .item.on .dim,.search .item:hover .dim{color:#000}.card{background:var(--card);border:1px solid var(--border)}.card-h{display:flex;align-items:center;justify-content:space-between;padding:4px 10px;background:#111;border-bottom:1px solid var(--border);min-height:28px}.card-h .t{color:var(--amber);font-weight:700;letter-spacing:.5px}.card-h .t:before{content:"";display:inline-block;width:3px;height:11px;background:var(--amber);margin-right:7px;vertical-align:-1px}.card-h .s{color:var(--dim)}.card-b{padding:10px 12px}.grid{display:grid;gap:8px}.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.g-main{grid-template-columns:minmax(0,1fr) 380px}.stat .l{font-size:11px;color:var(--amber);text-transform:uppercase}.stat .v{font-size:20px;font-weight:700;color:var(--white);line-height:1.35}.stat .x{font-size:11px;color:var(--dim)}.stat .v.up{color:var(--red)}.stat .v.down{color:var(--green)}.kpi{padding:8px 12px;border-left:2px solid var(--amber)}.kpi.click{cursor:pointer}.kpi.click:hover{background:#101010}.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:right;font-weight:600;font-size:11px;color:var(--amber);padding:4px 8px;border-bottom:1px solid var(--border);white-space:nowrap;position:sticky;top:0;background:#0d0d0d;user-select:none}.tbl th.sort{cursor:pointer}.tbl th.sort:hover{color:var(--gold)}.tbl td{text-align:right;padding:3px 8px;border-bottom:1px solid var(--line);white-space:nowrap}.tbl th.l,.tbl td.l{text-align:left}.tbl tbody tr:nth-child(2n) td{background:#050505}.tbl tbody tr:hover td{background:#1c1406}.tbl tr:last-child td{border-bottom:none}.name{color:var(--white);font-weight:600;cursor:pointer}.name:hover{color:var(--amber);text-decoration:underline}.code{color:var(--dim);font-size:11px;margin-left:6px}.up{color:var(--red)}.down{color:var(--green)}.dim{color:var(--dim)}.amber,.acc{color:var(--amber)}.gold{color:var(--gold)}.tag{display:inline-block;font-size:10px;padding:0 5px;line-height:15px;border:1px solid var(--cyan);color:var(--cyan);margin-left:6px;vertical-align:1px}.tag.gold{border-color:var(--gold);color:var(--gold)}.tag.red{border-color:var(--red);color:var(--red)}.tag.green{border-color:var(--green);color:var(--green)}.tag.amber{border-color:var(--amber);color:var(--amber)}.tag.dim{border-color:#555;color:var(--dim)}.btn{border:1px solid #444;background:#0b0b0b;color:var(--text);padding:2px 9px;font-size:12px;cursor:pointer}.btn:hover{border-color:var(--amber);color:var(--amber)}.btn.sm{padding:0 6px;font-size:11px}.btn.pri{background:var(--amber);color:#000;border-color:var(--amber);font-weight:700}.btn.pri:hover{background:var(--gold);color:#000}.btn.red{border-color:var(--red);color:var(--red)}.btn.green{border-color:var(--green);color:var(--green)}.btn.gold{border-color:var(--gold);color:var(--gold)}.btn.on{background:var(--amber);border-color:var(--amber);color:#000}.btns{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.empty{padding:28px;text-align:center;color:var(--dim)}.note{font-size:11px;color:var(--dim);line-height:1.65}.mode{display:inline-flex;align-items:center;gap:6px;font-weight:700}.bar{height:5px;background:#1e1e1e;overflow:hidden}.bar>div{height:100%;background:var(--amber)}.modal-bg{position:fixed;inset:0;background:#000000bf;z-index:100;display:flex;align-items:center;justify-content:center}.modal{background:#0a0a0a;border:1px solid var(--amber);width:360px;padding:14px 16px}.modal h3{margin:0 0 12px;font-size:13px;color:var(--amber);letter-spacing:.5px}.field{margin-bottom:9px}.field label{display:block;font-size:11px;color:var(--amber);margin-bottom:3px}.field input{width:100%;background:#000;border:1px solid #444;color:var(--white);padding:5px 8px;font-size:12px;outline:none}.field input:focus{border-color:var(--amber)}.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:12px}.kv .k{color:var(--dim)}.kv .v{text-align:right;color:var(--text)}.seg{display:inline-flex;border:1px solid #444}.seg button{background:#0b0b0b;border:none;color:var(--dim);padding:2px 10px;cursor:pointer;font-size:12px;border-right:1px solid #444}.seg button:last-child{border-right:none}.seg button.on{background:var(--amber);color:#000;font-weight:700}.chk{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--dim);cursor:pointer;user-select:none}.chk input{accent-color:var(--amber)}select{background:#000;color:var(--amber);border:1px solid var(--amber);padding:2px 6px}.scroll{max-height:420px;overflow:auto}.list-row{padding:5px 12px;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:none}.ev{display:inline-block;width:15px;height:15px;text-align:center;font-size:9px;font-weight:700;line-height:15px;color:#000;margin-right:4px}