:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;--color-bg: #ffffff;--color-surface: #f0f0f0;--color-text: #1a1a1a;--color-text-muted: #6b7280;--color-border: #d1d5db;--color-primary: #00a9e0;--color-primary-contrast: #07202b;--color-success: #16a34a;--color-danger: #dc2626;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--color-primary);text-decoration:inherit}a:hover{filter:brightness(.9)}body{margin:0;background-color:var(--color-bg);color:var(--color-text);min-width:320px;min-height:100vh}h1{font-size:2em;line-height:1.1}button{border-radius:8px;border:1px solid var(--color-border);padding-right:1em;padding-left:1em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-surface);color:var(--color-text);cursor:pointer;transition:border-color .25s,filter .25s}button:hover{border-color:var(--color-primary)}button:focus,button:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}#root{width:100%}#root{max-width:1280px;margin:0 auto;text-align:center}.App{padding:1rem;max-width:100%;min-height:100vh}.filter-container{height:42px;position:relative;min-width:250px}.filters{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:2rem;margin-bottom:2rem}.clear-filters-button{height:36px}.element-container{height:280px;position:relative}.elements{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.group-elements-container{background-color:var(--color-surface);padding:1rem}.group-elements>div:first-child h3{margin-top:0}.kpi-container{display:inline-flex;flex-direction:row;align-items:center;gap:.25rem}.kpi-value{font-size:1.25rem;font-weight:700;color:var(--color-text);line-height:1.2}.kpi-percentage-container{display:flex;flex-direction:column}.kpi-percentage{font-size:.875rem;font-weight:600;line-height:1}.kpi-percentage-positive{color:var(--color-success)}.kpi-percentage-negative{color:var(--color-danger)}.kpi-percentage-icon{font-size:.75rem;line-height:1}.kpi-percentage-positive+.kpi-percentage-icon{color:var(--color-success)}.kpi-percentage-negative+.kpi-percentage-icon{color:var(--color-danger)}.kpi-description{font-size:.75rem;color:var(--color-text-muted);font-weight:500;text-align:center;margin-top:1rem}.qlik-object:first-child .kpi-description{margin-top:0}.kpi-comparison{font-size:.75rem;color:var(--color-text-muted);font-weight:400;text-align:center}.kpi-icon{height:3rem;width:3rem;margin-right:1rem}.kpi-icon-container{display:flex;margin:2rem 0}.kpi-icon-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left}.tab-buttons-container{position:sticky;z-index:1000;width:100%;top:0}.tab-button{width:25%;height:40px;font-size:.75rem;border-radius:0;border:0;border-right:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text)}.tab-button:hover{border-right-color:var(--color-border)}.tab-button:focus,.tab-button:focus-visible{outline:none;box-shadow:none}.tab-button:last-child{border-right:none}.tab-button-active{background-color:var(--color-primary);color:var(--color-primary-contrast)}.kpi-error{color:var(--color-danger);font-weight:600}@media screen and (max-width:768px){.elements{grid-template-columns:1fr}.element-container{width:100%}}