:root{color-scheme:dark;--bg:#0d1117;--panel:#151b23;--line:#28323e;--muted:#8e9aa9;--text:#e9eff5;--accent:#e8c66a;--green:#6ed5ad;--red:#f18f95}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif}main{max-width:1500px;margin:auto;padding:40px 36px}header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--accent);font-weight:700}.eyebrow span{color:var(--muted)}h1{font-size:36px;letter-spacing:1px;margin:8px 0}.dot{color:var(--accent)}p{color:var(--muted);margin:3px 0}button,input,select{font:inherit}button{cursor:pointer;background:#202935;border:1px solid var(--line);border-radius:7px;color:var(--text);padding:9px 15px;transition:.2s}button:hover{border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}.primary{background:var(--accent);color:#211d12;border-color:var(--accent);font-weight:700}.sync-area{display:flex;align-items:center;gap:16px}.badge{border:1px solid var(--line);padding:4px 10px;border-radius:30px;font-size:12px;color:var(--accent)}.status-line{font-size:12px;color:var(--muted);margin-bottom:18px;min-height:20px;overflow-wrap:anywhere}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-bottom:22px}.filters{padding:22px}.filter-grid{display:grid;grid-template-columns:1.15fr .7fr 1.3fr 1.3fr auto;align-items:end;gap:16px}label{min-width:0;display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--muted)}select,input{width:100%;min-width:0;height:42px;border-radius:6px;border:1px solid var(--line);background:var(--bg);color:var(--text);padding:8px 10px}.filter-grid button{height:42px}.quick{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:17px;font-size:12px}.quick span{color:var(--muted);margin-right:8px}.quick button{padding:4px 12px;font-size:12px;background:transparent}.quick button.active{border-color:var(--accent);color:var(--accent)}#timezone{margin-left:auto}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.metric{padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.metric.featured{grid-column:span 2;background:linear-gradient(120deg,#202c2b,#151e24);border-color:#3a534a}.metric .label{font-size:12px;color:var(--muted)}.metric .value{font-size:29px;font-variant-numeric:tabular-nums;font-weight:650;margin:8px 0 3px;line-height:1.3}.metric small{font-size:11px;color:var(--muted)}.positive{color:var(--green)}.negative{color:var(--red)}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 24px}h2{font-size:16px;margin:0 0 3px}.section-title p{font-size:12px}.section-title strong{font-size:24px;font-variant-numeric:tabular-nums}.chart{height:210px;padding:0 24px 22px}.chart svg{display:block;width:100%;height:100%}.chart .empty{height:100%;display:grid;place-items:center}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:12px;font-variant-numeric:tabular-nums}th{font-weight:500;color:var(--muted);background:#11171f}th,td{padding:15px 18px;text-align:right;border-bottom:1px solid var(--line)}th:first-child,td:first-child{text-align:left}td b{font-size:13px}td small{display:block;color:var(--muted)}.direction{font-size:10px;padding:2px 5px;border-radius:3px;background:#253336;margin-left:6px}.empty{text-align:center!important;padding:50px;color:var(--muted)}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:16px 24px;color:var(--muted);font-size:12px}.pagination button{padding:5px 10px}.error,.notice{padding:13px 18px;margin:15px 0;border-radius:8px;font-size:13px;overflow-wrap:anywhere}.error{background:#3b232b;color:#ffb4bb;border:1px solid #743b45}.notice{background:#2d291d;color:#ddca8c;border:1px solid #554b2a}.definitions{padding:18px 24px;font-size:12px;color:var(--muted)}summary{cursor:pointer;color:var(--text)}.definitions p{margin-top:12px}footer{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;color:#657587;padding:4px 0 20px}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}@media(max-width:1050px){.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-grid button{grid-column:span 2}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){main{padding:24px 14px}header{align-items:flex-start;gap:14px}h1{font-size:28px}.eyebrow{font-size:9px;letter-spacing:1px}header p{font-size:12px;max-width:180px}.sync-area{flex-direction:column;gap:10px;align-items:flex-end}.sync-area button{font-size:12px;padding:8px 11px}.filters{padding:16px}.filter-grid{gap:12px}input{font-size:12px;padding:8px 5px}.quick{gap:6px}.quick span:first-child{width:100%}#timezone{margin-left:0;width:100%;margin-top:5px}.stats{gap:10px}.metric{padding:15px 12px}.metric .value{font-size:23px}.section-title{padding:18px 16px}.section-title p{font-size:10px}.section-title strong{font-size:19px}.chart{padding:0 16px 16px;height:175px}.definitions{padding:16px}.pagination{justify-content:center}.section-title button{white-space:nowrap;font-size:12px;padding:6px 9px}}
.cell-label{display:none}
@media(max-width:760px){
  body{overflow-x:clip}
  .history .table-wrap{overflow:visible;padding:0 14px}
  .history table,.history tbody{display:block;width:100%;min-width:0;white-space:normal}
  .history thead{display:none}
  .history tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;margin:0 0 14px;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
  .history td{display:block;min-width:0;padding:0;border:0;text-align:left;overflow-wrap:anywhere}
  .history td.position-heading{grid-column:1 / -1;padding-bottom:12px;border-bottom:1px solid var(--line)}
  .history td.position-heading b{font-size:15px}
  .history td.position-heading small{display:inline-block;margin-left:12px;font-size:11px}
  .history .cell-label{display:block;margin-bottom:4px;font-size:11px;font-weight:400;color:var(--muted)}
  .history .cell-value{display:block;line-height:1.6;font-size:13px;font-variant-numeric:tabular-nums}
  .history td.empty{grid-column:1 / -1;padding:24px 8px}
}