.ar{--ar-bg:#0f172a;--ar-border:#334155;--ar-muted:#94a3b8;--ar-text:#e2e8f0;color:var(--ar-text);display:grid;grid-template-columns:minmax(0,1fr);gap:20px;min-width:0}
.ar-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.ar h1{font-size:28px;font-weight:700;margin:3px 0 6px}.ar-heading p,.ar-note,.ar small{color:var(--ar-muted);font-size:13px;line-height:1.6}.ar .ar-eyebrow{color:#eab308;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.ar-panel{min-width:0;border:1px solid var(--ar-border);border-radius:14px;padding:20px;background:var(--ar-bg)}.ar button,.ar input,.ar select{font:inherit;border:1px solid var(--ar-border);border-radius:7px;background:var(--ar-bg);color:inherit;min-height:36px;padding:7px 11px}.ar button{cursor:pointer;font-size:13px}.ar button:hover{border-color:#eab308}.ar button:disabled{cursor:default;opacity:.5}.ar :focus-visible{outline:2px solid #eab308;outline-offset:2px}.ar input[type=date]{color-scheme:dark;width:100%}.ar input[type=checkbox]{width:16px;height:16px;min-height:0;accent-color:#eab308}
.ar label{display:grid;gap:6px;font-size:12px;color:var(--ar-muted);min-width:0}.ar legend{font-weight:600;font-size:13px;margin-bottom:10px}.ar fieldset{min-width:0;border:0;margin:0;padding:0}.ar-fields,.ar-date-groups,.ar-controls{display:flex;gap:14px;align-items:end;flex-wrap:wrap}.ar-fields label{flex:1;min-width:130px}.ar-date-groups>fieldset{flex:1;min-width:260px}.ar-utms{margin-top:16px}.ar-tabs{display:flex;gap:8px;flex-wrap:wrap}.ar-tabs [aria-selected=true]{background:#fbbf24;color:#0f172a;border-color:#fbbf24;font-weight:600}.ar-controls{justify-content:space-between;margin-bottom:18px}.ar-controls>label{min-width:240px}.ar-grouping label{display:inline-flex;align-items:center;margin:0 14px 8px 0;gap:6px}
.ar-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:12px 0}.ar-kpis>div{border:1px solid var(--ar-border);border-radius:10px;padding:14px}.ar-kpis span{font-size:11px;color:var(--ar-muted);display:block;margin-bottom:6px}.ar-kpis strong{font-size:22px;font-weight:650;font-variant-numeric:tabular-nums}.ar-note{margin:12px 0}.ar-scroll{overflow:auto;max-height:70vh;isolation:isolate;border:1px solid var(--ar-border);border-radius:9px;margin-top:14px}.ar table{border-collapse:separate;border-spacing:0;width:100%;font-size:12px}.ar th,.ar td{padding:11px 14px;border-bottom:1px solid var(--ar-border);border-right:1px solid var(--ar-border);vertical-align:middle}.ar thead th{position:sticky;top:0;z-index:2;background:var(--ar-bg);white-space:nowrap;text-align:left}.ar thead button{border:0;padding:0;min-height:25px;background:transparent}.ar tfoot th,.ar tfoot td{position:sticky;bottom:0;background:var(--ar-bg);z-index:2;font-weight:700;border-top:2px solid var(--ar-border)}.ar .ar-number{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.ar .ar-name{min-width:180px;max-width:380px;overflow-wrap:anywhere}.ar-matrix th:first-child{position:sticky;left:0;background:var(--ar-bg);z-index:1;min-width:280px;max-width:380px;text-align:left}.ar-matrix thead th:first-child,.ar-matrix tfoot th:first-child{z-index:3}.ar-tree-label{overflow-wrap:anywhere;min-width:240px;max-width:350px}.ar-tree-label button{text-align:left;border:0;background:transparent;padding:0;line-height:1.5;width:100%}.ar-cluster th{font-weight:650}.ar-cluster td{font-weight:600}.ar-pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:12px;font-size:12px;color:var(--ar-muted)}.ar-pagination span{margin-right:auto}.ar-details{font-size:12px;color:var(--ar-muted);margin-top:20px;line-height:1.7}.ar-details summary{cursor:pointer}.ar-details p{margin-top:8px}.ar-error,.ar-warning{padding:12px;border:1px solid #b45309;border-radius:8px;font-size:13px;margin:12px 0}.ar-error{border-color:#e11d48;display:flex;justify-content:space-between;align-items:center;gap:12px}.ar-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.light-ui .ar,.light .ar,[data-theme=light] .ar{--ar-bg:#fff;--ar-border:#e2e8f0;--ar-muted:#64748b;--ar-text:#0f172a}.light-ui .ar input[type=date],.light .ar input[type=date],[data-theme=light] .ar input[type=date]{color-scheme:light}
@media(max-width:760px){.ar{gap:14px}.ar-panel{padding:14px}.ar-heading{align-items:flex-start}.ar h1{font-size:24px}.ar-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ar-kpis>div:last-child{grid-column:1/-1}.ar-kpis strong{font-size:20px}.ar-date-groups>fieldset{min-width:100%}.ar-controls>label{min-width:100%}.ar-utms label{min-width:100%}.ar-matrix th:first-child{min-width:180px;max-width:210px}.ar-tree-label{min-width:155px;max-width:185px}.ar th,.ar td{padding:9px 10px}.ar-error{align-items:flex-start;flex-direction:column}}

.light-ui .ar .ar-eyebrow{color:#854d0e}.ar>*{max-width:100%;min-width:0}
.ar .ar-heading{background:transparent!important;border:0;box-shadow:none;padding:0;flex-wrap:wrap}
.ar-row-note{display:block;margin-top:4px}
.ar-connection{display:grid;justify-items:start;gap:6px;max-width:100%}.ar-badge{display:inline-flex;align-items:center;border:1px solid var(--ar-border);border-radius:999px;padding:7px 12px;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.ar-badge-ok{color:#16a34a;border-color:#16a34a55}.ar-badge-warning{color:#d97706;border-color:#d9770655}
.ar-sources{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.ar-source{display:grid;align-content:start;gap:6px;border-left:3px solid #16a34a;padding:8px 12px;font-size:12px;overflow-wrap:anywhere}.ar-source span{color:var(--ar-muted)}.ar-source-stale{border-left-color:#d97706}
@media(max-width:1000px){.ar-sources{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.ar-sources,.ar-date-groups,.ar-utms{display:grid;grid-template-columns:minmax(0,1fr)}.ar-date-groups .ar-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ar label{grid-template-columns:minmax(0,1fr)}.ar input,.ar select{min-width:0;max-width:100%;box-sizing:border-box}.ar-fields label,.ar-date-groups>fieldset,.ar-controls>label{min-width:0;width:100%}.ar-kpis strong{font-size:18px}.ar-kpis>div{padding:10px}.ar-pagination{flex-wrap:wrap}}
@media(max-width:360px){.ar-date-groups .ar-fields{grid-template-columns:minmax(0,1fr)}}