.transfer-filters{grid-template-columns:minmax(100px,130px) minmax(140px,180px) minmax(175px,1fr) minmax(175px,1fr) minmax(145px,180px) minmax(145px,180px) auto;margin-bottom:20px;align-items:end}
.transfer-date,.transfer-sort{display:grid;gap:5px;color:var(--muted);font-size:11px}
.transfer-date span,.transfer-sort span{text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.transfer-date input{width:100%;min-height:40px;background:#0e151d;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 10px;outline:none;color-scheme:dark}
.transfer-date input:focus{border-color:var(--green)}
.transfer-error{border-color:#7a5730;color:#f0bd57;background:#241d12}
.request-metrics{margin-top:0}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
.metric{background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:var(--shadow)}
.metric span,.metric small{display:block;color:var(--muted);font-size:11px}
.metric span{text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.metric strong{display:block;font-size:25px;margin:8px 0 5px;letter-spacing:-.03em}
.metric-primary{border-color:#277ab477;background:linear-gradient(145deg,#173047,var(--panel))}
.metric-primary strong{color:#78caff}
.transfer-note{margin:0 0 18px;padding:12px 15px;border:1px solid #29465d;border-radius:10px;background:#102131;color:#a9c3d8;font-size:12px;line-height:1.55}
.transfer-card{margin-top:16px}
.timeline-chart{height:260px;display:flex;align-items:flex-end;gap:3px;padding:24px 20px 38px;overflow-x:auto;background:linear-gradient(to top,#49aef50b 1px,transparent 1px);background-size:100% 25%}
.timeline-column{height:100%;min-width:8px;flex:1;position:relative;display:flex;align-items:flex-end}
.timeline-bar{appearance:none;-webkit-appearance:none;writing-mode:vertical-rl;direction:rtl;width:100%;height:100%;border:0;background:transparent}
.timeline-bar::-webkit-progress-bar{background:transparent}
.timeline-bar::-webkit-progress-value{background:linear-gradient(180deg,#6bc2ff,var(--green));border-radius:3px 3px 0 0;box-shadow:0 0 14px #49aef522}
.timeline-bar::-moz-progress-bar{background:linear-gradient(180deg,#6bc2ff,var(--green));border-radius:3px 3px 0 0;box-shadow:0 0 14px #49aef522}
.timeline-column time{position:absolute;top:calc(100% + 8px);left:0;color:#71889b;font-size:9px;white-space:nowrap;transform:rotate(-28deg);transform-origin:top left}
.usage-list{display:flex;flex-direction:column}
.usage-row{display:grid;grid-template-columns:150px minmax(160px,1fr) 100px 250px;gap:14px;align-items:center;padding:13px 18px;border-bottom:1px solid var(--line);color:var(--text)}
.usage-row:hover{background:#ffffff04}
.usage-name{font-weight:750}
.usage-track{appearance:none;-webkit-appearance:none;width:100%;height:8px;background:#0b1117;border-radius:999px;overflow:hidden;border:1px solid #253441}
.usage-track::-webkit-progress-bar{background:#0b1117}.usage-track::-webkit-progress-value{background:linear-gradient(90deg,#277ab4,var(--green));border-radius:999px}.usage-track::-moz-progress-bar{background:linear-gradient(90deg,#277ab4,var(--green));border-radius:999px}
.usage-row strong{text-align:right}
.usage-row small{color:var(--muted)}
.confidence{display:inline-flex;padding:3px 7px;border-radius:999px;border:1px solid var(--line);font-size:10px;text-transform:uppercase;letter-spacing:.04em}
.confidence-high{color:#78d6ad;border-color:#2d765a}.confidence-medium{color:#7dc9ff;border-color:#326c94}.confidence-low{color:#f3c66d;border-color:#80642d}
.transfer-real{display:block;color:#78d6ad;font-weight:750}.transfer-raw{display:block;color:var(--muted);font-size:10px;margin-top:3px;white-space:nowrap}
@media(max-width:950px){.metric-grid,.transfer-filters{grid-template-columns:repeat(2,1fr)}.usage-row{grid-template-columns:110px 1fr 90px}.usage-row small{grid-column:2/4}}
@media(max-width:620px){.metric-grid,.transfer-filters{grid-template-columns:1fr}.usage-row{grid-template-columns:1fr}.usage-row strong{text-align:left}.usage-row small{grid-column:auto}.timeline-chart{height:220px}}