.vix-shell { padding-bottom: 18px; }
.vix-status { padding: 10px 18px; color: #9cabbf; border-bottom: 1px solid #282e38; font-size: 12px; }
.vix-session-controls { display: flex; align-items: center; gap: 14px; padding: 12px 18px; flex-wrap: wrap; color: #aeb9c9; font-size: 12px; }
.vix-session-controls button { cursor: pointer; background: #1b2e4d; color: #d7e8ff; border: 1px solid #4676bb; border-radius: 5px; padding: 10px 15px; }
.vix-session-controls .DateInput_input { background: #151a22; color: #e6e9ef; font-size: 14px; padding: 8px; }
.vix-session-controls .SingleDatePickerInput { background: #151a22; border: 1px solid #303b4b; }
.vix-session-controls .DateInput { background: #151a22; }
.vix-controls { display: flex; gap: 28px; flex-wrap: wrap; align-items: center; padding: 18px; }
.vix-controls label { display: block; font-size: 10px; color: #8b98ab; letter-spacing: .08em; margin-bottom: 8px; }
.vix-controls input { accent-color: #64d7e7; margin-right: 5px; }
.vix-controls .Select-control, .vix-controls .Select-menu-outer { background: #151a22; color: #e6e9ef; border-color: #303b4b; }
.vix-controls .Select-value-label, .vix-controls .Select-placeholder { color: #e6e9ef !important; }
.vix-controls .Select-option { background: #151a22; color: #e6e9ef; }
.vix-controls .Select-option.is-focused { background: #24334c; }
.vix-muted { color: #7f8794; font-size: 11px; }
.vix-metrics { display: grid; grid-template-columns: repeat(6, 1fr); margin: 0 14px 14px; border: 1px solid #282e38; border-radius: 6px; background: #10141a; }
.vix-metric { padding: 17px; border-right: 1px solid #282e38; }
.vix-metric:last-child { border: 0; }
.vix-metric small { display: block; color: #8896a9; font-size: 9px; letter-spacing: .06em; margin-bottom: 10px; }
.vix-metric strong { display: block; font-size: 23px; font-weight: 600; font-variant-numeric: tabular-nums; }
.vix-panel { margin: 0 14px 14px; background: #10141a; border: 1px solid #282e38; border-radius: 6px; overflow: hidden; }
.vix-bottom { display: grid; grid-template-columns: 1fr 1fr; }
.vix-bottom .vix-panel:first-child { margin-right: 7px; }
.vix-bottom .vix-panel:last-child { margin-left: 7px; }
.vix-table { padding: 15px; }
.vix-table h3 { font-size: 13px; font-weight: 500; margin: 0 0 14px; color: #aeb9c9; }
.vix-notes { margin: 0 18px; font-size: 11px; line-height: 1.6; color: #7f8794; }
@media(max-width: 1000px) { .vix-metrics { grid-template-columns: repeat(3, 1fr); } .vix-bottom { grid-template-columns: 1fr; } .vix-bottom .vix-panel { margin-left: 14px !important; margin-right: 14px !important; } }