body { background: #f5f6f8; }
.of-mono { font-family: ui-monospace, Consolas, monospace; }
.of-right input { text-align: right; }
.v-data-table .v-table__wrapper { overflow-x: auto; }
.of-muted { color: rgba(0, 0, 0, .6); }
.of-pre { white-space: pre-wrap; }
.of-bar { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.of-spacer { flex: 1 1 auto; }
.of-kpi .v-card-text { padding: 16px; }
.of-kpi .val { font-size: 1.6rem; font-weight: 600; }
.of-bars { display: flex; align-items: flex-end; gap: 6px; height: 120px; }
.of-bars div { flex: 1; background: #1565c0; border-radius: 3px 3px 0 0; min-height: 2px; position: relative; }
.of-bars span { position: absolute; bottom: -18px; left: 0; right: 0; text-align: center; font-size: 10px; color: #666; }