:root{
  --v5fd-series-0:#59d9f7;
  --v5fd-series-1:#ffad5a;
  --v5fd-series-2:#ffd166;
  --v5fd-series-3:#c99cff;
  --v5fd-series-4:#f0f4f8;
  --v5fd-series-5:#6ee7a8;
  --v5fd-series-6:#ef7ca8;
}
.v5fd-shell{margin:24px 0;padding:22px;border:1px solid #294760;border-radius:18px;background:linear-gradient(180deg,#0b1928 0%,#07111d 100%);box-shadow:0 22px 60px rgba(0,0,0,.3);color:#e6f2fb}
.v5fd-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:18px}
.v5fd-kicker{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#65dff6}
.v5fd-header h2{margin:6px 0 5px;font-size:1.55rem;line-height:1.2}.v5fd-header p{margin:0;color:#91aabd}
.v5fd-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.v5fd-status{padding:8px 12px;border:1px solid #35536c;border-radius:999px;background:#0d2234;color:#b5cad9;white-space:nowrap;font-size:.82rem;font-weight:700}
.v5fd-status.loading{color:#ffd166;border-color:#6e5c2d}.v5fd-status.ok{color:#7de7ad;border-color:#27684b}.v5fd-status.error{color:#ff9ca9;border-color:#743442}
.v5fd-button,.v5fd-zoom-controls button{border:1px solid #39617d;border-radius:9px;background:#102a3e;color:#e4f3fc;padding:8px 11px;cursor:pointer;font-weight:700}.v5fd-button:hover,.v5fd-zoom-controls button:hover{background:#173a53}
.v5fd-alert{margin:0 0 14px;padding:12px 14px;border:1px solid #803646;border-radius:10px;background:#32131b;color:#ffb1bc}
.v5fd-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.v5fd-metrics article{padding:15px;border:1px solid #294760;border-radius:13px;background:#0c2031}.v5fd-metrics span{display:block;color:#8ea8bb;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.v5fd-metrics strong{display:block;margin:8px 0 4px;font-size:1.45rem;color:#f1f8fc}.v5fd-metrics small{color:#7894a8}
.v5fd-chart-card{border:1px solid #26445e;border-radius:15px;background:#07111f;overflow:hidden}
.v5fd-chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 13px;border-bottom:1px solid #203a50;background:#0a1a29}
.v5fd-legend{display:flex;gap:7px;flex-wrap:wrap}.v5fd-legend-item{display:flex;align-items:center;gap:7px;padding:6px 8px;border:1px solid #2b465c;border-radius:8px;background:#0c1d2c;color:#7893a7;cursor:pointer;font-size:.76rem}.v5fd-legend-item.active{color:#dcecf6;border-color:#41627a}.v5fd-legend-item i{display:block;width:18px;height:3px;border-radius:4px}.v5fd-series-0{background:var(--v5fd-series-0)}.v5fd-series-1{background:var(--v5fd-series-1)}.v5fd-series-2{background:var(--v5fd-series-2)}.v5fd-series-3{background:var(--v5fd-series-3)}.v5fd-series-4{background:var(--v5fd-series-4)}.v5fd-series-5{background:var(--v5fd-series-5)}.v5fd-series-6{background:var(--v5fd-series-6)}
.v5fd-zoom-controls{display:flex;gap:6px;white-space:nowrap}.v5fd-zoom-controls button{padding:6px 9px;font-size:.76rem}
.v5fd-canvas-wrap{position:relative;min-height:520px;overflow-x:auto}.v5fd-canvas-wrap canvas{display:block;min-width:760px;width:100%;cursor:crosshair}
.v5fd-axis-label{text-align:center;padding:0 0 11px;color:#7893a7;font-size:.76rem}
.v5fd-tooltip{position:absolute;z-index:20;width:220px;padding:11px 12px;border:1px solid #52738b;border-radius:10px;background:rgba(4,13,22,.97);box-shadow:0 14px 35px rgba(0,0,0,.45);pointer-events:none}.v5fd-tooltip strong{display:block;color:#fff;font-size:1rem}.v5fd-tooltip span{display:flex;justify-content:space-between;gap:12px;color:#aac1d1;font-size:.78rem;line-height:1.55}.v5fd-tooltip b{color:#eef8ff}.v5fd-tooltip hr{border:0;border-top:1px solid #29465d;margin:7px 0}
.v5fd-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.v5fd-panel{padding:16px;border:1px solid #294760;border-radius:13px;background:#0b1d2d}.v5fd-panel-wide{grid-column:1/-1}.v5fd-panel h3{margin:0 0 12px;font-size:1rem;color:#dff1fb}
.v5fd-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.v5fd-data-grid>div{padding:10px;border:1px solid #203c52;border-radius:9px;background:#081724}.v5fd-data-grid span{display:block;color:#7895a9;font-size:.72rem}.v5fd-data-grid strong{display:block;margin-top:4px;color:#eff8fd;font-size:.92rem}
.v5fd-limitations{margin:0;padding-left:19px;color:#9bb2c3}.v5fd-limitations li{margin:6px 0}
@media(max-width:1000px){.v5fd-metrics{grid-template-columns:repeat(2,1fr)}.v5fd-header{display:block}.v5fd-header-actions{justify-content:flex-start;margin-top:12px}.v5fd-chart-toolbar{align-items:flex-start;flex-direction:column}}
@media(max-width:720px){.v5fd-shell{padding:14px}.v5fd-metrics,.v5fd-bottom-grid{grid-template-columns:1fr}.v5fd-panel-wide{grid-column:auto}.v5fd-data-grid{grid-template-columns:1fr}.v5fd-header h2{font-size:1.3rem}}