:root{color-scheme:light dark;--kmon-primary: #2563eb;--kmon-on-primary: #ffffff;--kmon-primary-container: #d9e6ff;--kmon-on-primary-container: #0b2559;--kmon-surface: #f8fafc;--kmon-surface-container: #e8eefb;--kmon-surface-container-high: #dde6f5;--kmon-on-surface: #1f2937;--kmon-on-surface-variant: #4b5568;--kmon-outline: #78839c;--kmon-outline-variant: #d3d9e6;--kmon-error: #b91c1c;--kmon-on-error: #ffffff;--kmon-error-container: #fbe2e1;--kmon-on-error-container: #641412;--kmon-state-hover: .08;--kmon-state-focus: .1;--kmon-state-press: .12;--kmon-radius-sm: 8px;--kmon-radius-md: 12px;--kmon-radius-lg: 16px;--kmon-radius-full: 999px;--kmon-page-bg: #f8fafc;--kmon-page-text: #1f2937;--kmon-chart-grid: rgba(15, 23, 42, .12);--kmon-chart-text: #1f2937;--kmon-tooltip-bg: #f8fafc;--kmon-service-eshop: #2563eb;--kmon-service-eshop-2: #dc2626;--kmon-service-eshop-3: #16a34a;--kmon-service-iapi: #9333ea;--kmon-service-mobile: #ca8a04}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--kmon-primary: #7fa8f5;--kmon-on-primary: #0b2559;--kmon-primary-container: #21396b;--kmon-on-primary-container: #cfe0ff;--kmon-surface: #0f172a;--kmon-surface-container: #1b2740;--kmon-surface-container-high: #24314e;--kmon-on-surface: #e2e8f0;--kmon-on-surface-variant: #aab4c8;--kmon-outline: #8b96ad;--kmon-outline-variant: #33415c;--kmon-error: #f87171;--kmon-on-error: #4c0d0d;--kmon-error-container: #6a1414;--kmon-on-error-container: #ffdad4;--kmon-page-bg: #0f172a;--kmon-page-text: #e2e8f0;--kmon-chart-grid: rgba(226, 232, 240, .16);--kmon-chart-text: #e2e8f0;--kmon-tooltip-bg: #0f172a;--kmon-service-eshop: #60a5fa;--kmon-service-eshop-2: #f87171;--kmon-service-eshop-3: #4ade80}}:root[data-theme=dark]{--kmon-primary: #7fa8f5;--kmon-on-primary: #0b2559;--kmon-primary-container: #21396b;--kmon-on-primary-container: #cfe0ff;--kmon-surface: #0f172a;--kmon-surface-container: #1b2740;--kmon-surface-container-high: #24314e;--kmon-on-surface: #e2e8f0;--kmon-on-surface-variant: #aab4c8;--kmon-outline: #8b96ad;--kmon-outline-variant: #33415c;--kmon-error: #f87171;--kmon-on-error: #4c0d0d;--kmon-error-container: #6a1414;--kmon-on-error-container: #ffdad4;--kmon-page-bg: #0f172a;--kmon-page-text: #e2e8f0;--kmon-chart-grid: rgba(226, 232, 240, .16);--kmon-chart-text: #e2e8f0;--kmon-tooltip-bg: #0f172a;--kmon-service-eshop: #60a5fa;--kmon-service-eshop-2: #f87171;--kmon-service-eshop-3: #4ade80}body{margin:0;font-family:system-ui,sans-serif;background:var(--kmon-page-bg);color:var(--kmon-page-text)}.dashboard{display:flex;flex-direction:column;gap:1rem;padding:1rem}.dashboard__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem}.dashboard__header h1{margin:0;font-size:1.25rem}.dashboard__services,.dashboard__charts,.dashboard__donuts,.dashboard__tables,.dashboard__edges,.dashboard__service-focus{display:grid;gap:1rem}.dashboard__block{display:flex;flex-direction:column;gap:1rem}.dashboard__block-title{margin:0;padding-bottom:.4rem;border-bottom:1px solid var(--kmon-outline-variant);font-size:.95rem;font-weight:600;color:var(--kmon-chart-text)}.dashboard__more{margin:0}.dashboard__link{color:var(--kmon-primary);font-size:.9rem;text-decoration:none;border-radius:var(--kmon-radius-sm);padding:.15rem .25rem}.dashboard__link:hover,.dashboard__link:focus-visible{background:color-mix(in srgb,var(--kmon-primary) calc(var(--kmon-state-hover) * 100%),transparent);text-decoration:underline}.dashboard__services{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.dashboard__service-tile{display:flex;flex-direction:column;gap:.25rem;background:var(--kmon-surface-container);border:1px solid var(--kmon-outline-variant);border-radius:var(--kmon-radius-lg);padding:.85rem 1rem}.dashboard__charts{grid-template-columns:repeat(auto-fit,minmax(max(20rem,(100% - 2 * 1rem) / 3),1fr))}.dashboard__donuts{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.dashboard__donuts--cache{grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:1800px){.dashboard__donuts--cache{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:700px){.dashboard__donuts--cache{grid-template-columns:minmax(0,1fr)}}.dashboard__tables,.dashboard__edges{grid-template-columns:repeat(auto-fit,minmax(24rem,1fr))}.dashboard__service-focus{grid-template-columns:repeat(auto-fit,minmax(max(20rem,(100% - 2 * 1rem) / 3),1fr))}.service-focus__header{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin:0}.service-focus__title{margin:0;font-size:.95rem;font-weight:600;color:var(--kmon-chart-text)}.dashboard__warnings{margin:0;display:flex;flex-direction:column;gap:.35rem}.dashboard__warning{font-size:.85rem;font-weight:600;color:var(--kmon-on-error-container);background:var(--kmon-error-container);border-radius:var(--kmon-radius-sm);padding:.3rem .6rem;width:fit-content}.dashboard__connection{margin:0;display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--kmon-on-surface-variant)}.dashboard__connection-paused{margin:0;font-size:.85rem;font-weight:600;color:var(--kmon-on-primary-container);background:var(--kmon-primary-container);border-radius:var(--kmon-radius-sm);padding:.3rem .6rem;width:fit-content}.dashboard__connection-error,.dashboard__source-issue{margin:0;font-size:.85rem;font-weight:600;color:var(--kmon-on-error-container);background:var(--kmon-error-container);border-radius:var(--kmon-radius-sm);padding:.3rem .6rem;width:fit-content}.service-legend{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin:0;padding:.5rem .75rem;list-style:none;grid-column:1 / -1;background:var(--kmon-surface-container-high);border-radius:var(--kmon-radius-md)}.service-legend__item{display:flex;align-items:center;gap:.4rem}.service-legend__dot{width:.7rem;height:.7rem;border-radius:50%}.line-chart,.donut-chart,.cache-card,.top-table,.edge-panel{background:var(--kmon-surface-container);border:1px solid var(--kmon-outline-variant);border-radius:var(--kmon-radius-lg);padding:.85rem 1rem}.line-chart{margin:0;display:flex;flex-direction:column;gap:.25rem}.line-chart__title,.donut-chart__title,.cache-card__title,.top-table__title,.edge-panel__title,.kpi-grid__service{font-size:.95rem;font-weight:600;color:var(--kmon-chart-text)}.line-chart__title{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.line-chart__link{font-weight:400;white-space:nowrap}.dashboard__note{margin:0;font-size:.85rem;color:var(--kmon-on-surface-variant)}.line-chart__canvas-wrap,.donut-chart__canvas-wrap,.edge-panel__canvas-wrap{background:var(--kmon-surface-container-high);border-radius:var(--kmon-radius-md);padding:.4rem;box-sizing:border-box}.line-chart__canvas-wrap{position:relative;height:14rem}.line-chart__canvas-wrap canvas{width:100%;height:100%}.donut-chart,.cache-card{margin:0;display:flex;flex-direction:column;gap:.35rem}.cache-card__title{margin:0}.cache-card__pies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.donut-chart--nested{background:none;border:0;border-radius:0;padding:0}.donut-chart--nested .donut-chart__title{font-size:.8rem;font-weight:500;color:var(--kmon-on-surface-variant)}.donut-chart--stub{border:1px dashed var(--kmon-outline);border-radius:var(--kmon-radius-lg);justify-content:center;min-height:10rem}.donut-chart__stub-note{margin:0;font-size:.8rem;color:var(--kmon-on-surface)}.donut-chart__note{margin:0;font-size:.75rem;color:var(--kmon-on-surface-variant)}.donut-chart__canvas-wrap{position:relative;height:10rem}.donut-chart__canvas-wrap canvas{width:100%;height:100%}.donut-chart__legend{margin:0;display:flex;flex-direction:column;gap:.2rem}.donut-chart__legend-row{display:flex;align-items:center;gap:.4rem}.donut-chart__dot{width:.6rem;height:.6rem;border-radius:50%;flex:none}.donut-chart__label{flex:1;margin:0;font-size:.8rem;color:var(--kmon-chart-text)}.donut-chart__values{display:flex;gap:.4rem;margin:0;font-size:.8rem;font-variant-numeric:tabular-nums;color:var(--kmon-chart-text)}.top-table{margin:0;display:flex;flex-direction:column;gap:.35rem}.edge-panel .top-table{background:var(--kmon-surface-container-high);border-radius:var(--kmon-radius-md);padding:.6rem .7rem}.top-table__wrap{overflow-x:auto}.top-table__table{width:100%;border-collapse:collapse;table-layout:fixed}.top-table__head,.top-table__cell{padding:.25rem .5rem;text-align:left;font-size:.8rem;color:var(--kmon-chart-text);border-bottom:1px solid var(--kmon-outline-variant)}.top-table__head{color:var(--kmon-on-surface-variant);font-weight:600}.top-table__cell--wrap{overflow-wrap:anywhere;word-break:break-word}.edge-panel{margin:0;display:flex;flex-direction:column;gap:.5rem}.edge-panel__requests{margin:0;font-size:.75rem;color:var(--kmon-on-surface-variant)}.edge-panel__canvas-wrap{position:relative;height:12rem}.edge-panel__canvas-wrap canvas{width:100%;height:100%}.edge-panel__stats{margin:0;display:flex;flex-direction:column;gap:.2rem}.edge-panel__stat{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.edge-panel__label{margin:0;font-size:.8rem;color:var(--kmon-chart-text)}.edge-panel__values{display:flex;gap:.4rem;margin:0;font-size:.8rem;font-variant-numeric:tabular-nums;color:var(--kmon-chart-text)}.kpi-card__number.changed{animation:kmon-kpi-flash .25s ease-out;border-radius:var(--kmon-radius-sm)}@keyframes kmon-kpi-flash{0%{background-color:color-mix(in srgb,var(--kmon-primary) 35%,transparent)}to{background-color:transparent}}.kpi-card{animation:kmon-kpi-card-enter .3s ease-out both}.kpi-grid__list>.kpi-card:nth-child(1){animation-delay:0ms}.kpi-grid__list>.kpi-card:nth-child(2){animation-delay:40ms}.kpi-grid__list>.kpi-card:nth-child(3){animation-delay:80ms}.kpi-grid__list>.kpi-card:nth-child(4){animation-delay:.12s}.kpi-grid__list>.kpi-card:nth-child(5){animation-delay:.16s}.kpi-grid__list>.kpi-card:nth-child(6){animation-delay:.2s}@keyframes kmon-kpi-card-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.kpi-card__number.changed,.kpi-card{animation:none}}.kpi-grid__header{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;padding-bottom:.4rem;margin-bottom:.15rem;border-bottom:1px solid var(--kmon-outline-variant)}.kpi-grid__meta{font-size:.75rem;color:var(--kmon-on-surface-variant)}.kpi-grid__list{margin:0;display:flex;flex-direction:column;gap:.3rem}.kpi-grid__empty{margin:0;font-size:.85rem;color:var(--kmon-on-surface-variant);font-style:italic}.kpi-card{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin:0}.kpi-card__label{margin:0;font-size:.75rem;color:var(--kmon-on-surface-variant)}.kpi-card__value{margin:0;display:flex;align-items:baseline;gap:.4rem;font-variant-numeric:tabular-nums}.kpi-card__number{font-size:1.4rem;font-weight:700;color:var(--kmon-on-surface)}.kpi-card__actual,.kpi-card__delta{font-size:.8rem;color:var(--kmon-on-surface-variant)}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;background:var(--kmon-surface-container);border:1px solid var(--kmon-outline-variant);border-radius:var(--kmon-radius-lg);padding:.6rem .85rem}.controls__range,.controls__countries{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.controls__chip,.controls__theme{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--kmon-outline);border-radius:var(--kmon-radius-full);background:transparent;color:var(--kmon-chart-text);font:inherit;font-size:.8rem;font-weight:500;padding:.3rem .85rem;cursor:pointer}.controls__chip:after,.controls__theme:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;opacity:0;pointer-events:none;transition:opacity .1s ease-out}.controls__chip:hover:after,.controls__theme:hover:after{opacity:var(--kmon-state-hover)}.controls__chip:focus-visible:after,.controls__theme:focus-visible:after{opacity:var(--kmon-state-focus)}.controls__chip:active:after,.controls__theme:active:after{opacity:var(--kmon-state-press)}.controls__chip:focus-visible,.controls__theme:focus-visible{outline:2px solid var(--kmon-primary);outline-offset:2px}.controls__chip[aria-pressed=true]{background:var(--kmon-primary-container);border-color:transparent;color:var(--kmon-on-primary-container);font-weight:600}.controls__chip[aria-disabled=true]{opacity:.5;cursor:not-allowed}.controls__chip-dot{display:inline-block;width:.55rem;height:.55rem;margin-right:.35rem;border-radius:50%;vertical-align:middle;box-shadow:0 0 0 1px color-mix(in srgb,currentColor 35%,transparent)}.controls__chip[data-service=eshop] .controls__chip-dot{background:var(--kmon-service-eshop)}.controls__chip[data-service=eshop-2] .controls__chip-dot{background:var(--kmon-service-eshop-2)}.controls__chip[data-service=eshop-3] .controls__chip-dot{background:var(--kmon-service-eshop-3)}.controls__theme-icon{margin-right:.35rem;vertical-align:middle;flex-shrink:0}.controls__field{display:flex;align-items:center;gap:.3rem;font-size:.8rem;color:var(--kmon-on-surface-variant)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}