:root{ --bg:#0f172a; --card:#101826; --muted:#94a3b8; --text:#e5e7eb; --accent:#22c55e; --line:rgba(255,255,255,.1); }
.ob-wrap, .ob-dashboard { color: var(--text); }
.muted{color:var(--muted)}
.card{background:rgba(16,24,38,.78);backdrop-filter:blur(6px);border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:16px}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
input[type="search"],select,button,.button{background:#0b1020;border:1px solid var(--line);color:#e5e7eb;padding:10px 12px;border-radius:10px}
.button-primary{background:var(--accent)!important;color:#08121c!important;border:0!important;font-weight:700}
.status{font-size:12px;color:#e5e7eb;background:#0b1020;border:1px dashed var(--line);padding:8px;border-radius:8px;white-space:pre-wrap}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.kpi{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:12px;padding:12px}
.kpi h3{margin:0 0 4px;font-size:13px;color:var(--muted)}
.kpi .num{font-size:24px;font-weight:700}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:8px;border-bottom:1px solid var(--line);text-align:left}
.table th{color:var(--muted);font-size:12px;letter-spacing:.05em;text-transform:uppercase}
.mini{font-size:12px;color:var(--muted)}
.sticky{position:sticky;top:10px;background:rgba(16,24,38,.92);backdrop-filter:blur(8px);z-index:1}
.mini-btn{font-size:12px;padding:4px 8px;background:#0b1020;border:1px solid var(--line);border-radius:6px;color:var(--text)}
.card.full{grid-column:1/-1}