:root{
  --brand-primary:#4f46e5;--brand-secondary:#0ea5e9;--brand-accent:#22c55e;
  --text-strong:#111827;--text-muted:#6b7280;--bg-card:#ffffff;--bg-soft:#f8fafc;
  --border:#e5e7eb;--shadow:0 1px 2px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1);
}
.ui-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow)}
.ui-kpi{padding:16px}
.ui-kpi .label{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.ui-kpi .value{font-size:28px;font-weight:700;color:var(--text-strong)}
.filter-chip{display:inline-flex;align-items:center;background:var(--bg-soft);border:1px solid var(--border);border-radius:999px;padding:4px 10px;margin:4px;font-size:12px}
.filter-chip .remove{margin-left:8px;cursor:pointer;color:var(--text-muted)}
.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.page-header h3{margin:0;font-weight:700}
.drawer{position:fixed;top:0;right:-420px;width:420px;height:100%;background:#fff;border-left:1px solid var(--border);box-shadow:var(--shadow);transition:right .25s ease;padding:16px;z-index:1050}
.drawer.open{right:0}