:root{--bg:#081026;--card:#0e1839;--card-2:#13204a;--border:#1f2d5c;--ink:#eef3fb;--ink-2:#c0cde6;--muted:#8296bd;--accent:#cc2098;--accent-hover:#e42fae;--series-1:#3987e5;--series-2:#d95926;--series-3:#1baf7a;--series-4:#9085e9;--series-1-dim:#27508a;--good:#0ca30c;--warning:#fab219;--critical:#d03b3b;--grid:#1a2750;--radius:16px;--radius-sm:10px;--topbar-h:3.5rem;--viewbar-h:3.25rem}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Roboto,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.5}a{color:var(--ink-2)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:var(--topbar-h);padding:0 1.5rem;border-bottom:1px solid var(--border);background:rgba(8,16,38,.85);position:-webkit-sticky;position:sticky;top:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10}.topbar__brand{display:flex;align-items:baseline;gap:.6rem;font-weight:700;font-size:1.05rem;letter-spacing:.02em;white-space:nowrap}.topbar__brand-dot{color:var(--accent)}.topbar__brand-sub{font-weight:400;color:var(--muted);font-size:.85rem}.topbar__user{display:flex;align-items:center;gap:.9rem;font-size:.9rem;color:var(--ink-2)}.topbar__logout{color:var(--muted);text-decoration:none;border:1px solid var(--border);border-radius:999px;padding:.3rem .9rem;transition:color .15s,border-color .15s}.topbar__logout:hover{color:var(--ink);border-color:var(--muted)}.page{max-width:1200px;margin:0 auto;padding:1.75rem 1.5rem 4rem}.section-title{font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:2.2rem 0 .9rem}.section-title:first-child{margin-top:0}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:.9rem;gap:.9rem}.tile{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem .9rem;display:flex;flex-direction:column;gap:.35rem;min-height:118px}.tile__label{font-size:.83rem;color:var(--ink-2)}.tile__value{font-size:1.9rem;font-weight:600;line-height:1.15;color:var(--ink)}.tile__value--empty{color:var(--muted);font-weight:400}.tile__meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:auto;min-height:26px}.tile__meta svg{margin-left:auto}.tile__delta{font-size:.8rem;color:var(--muted)}.tile__delta--up{color:var(--good)}.tile__delta--down{color:var(--critical)}.tile--feature{border-color:var(--series-1-dim)}.tile--feature .tile__value{color:var(--series-1)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem 1.3rem}.card__title{font-size:1rem;font-weight:600;margin:0 0 .2rem}.card__subtitle{font-size:.83rem;color:var(--muted);margin:0 0 1rem}.empty-hint{color:var(--muted);font-size:.9rem;padding:2.2rem 0;text-align:center}.sources{display:flex;flex-direction:column}.source-row{display:flex;align-items:center;gap:.2rem .9rem;padding:.6rem 0;border-top:1px solid var(--border);font-size:.9rem;flex-wrap:wrap}.source-row:first-child{border-top:0;padding-top:.1rem}.source-row__label{font-weight:500}.source-row__status{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--ink-2)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot--ok{background:var(--good)}.status-dot--error{background:var(--critical)}.status-dot--none{background:var(--muted)}.source-row__time{color:var(--muted);font-size:.82rem;margin-left:auto}.source-row__error{flex-basis:100%;color:var(--critical);font-size:.8rem;word-break:break-word}.btn{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;background:var(--accent);border:none;color:#fff;font:inherit;font-weight:600;font-size:.9rem;border-radius:999px;padding:.55rem 1.3rem;cursor:pointer;transition:background .15s}.btn:hover{background:var(--accent-hover)}.btn:disabled{opacity:.55;cursor:wait}.btn--ghost{background:transparent;border:1px solid var(--border);color:var(--ink-2);font-weight:500}.btn--ghost:hover{background:var(--card-2);border-color:var(--muted)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.login-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:2.5rem 2.5rem 2.2rem;max-width:420px;width:100%;text-align:center}.login-card h1{font-size:1.35rem;margin:0 0 .4rem}.login-card p{color:var(--muted);font-size:.9rem;margin:0 0 1.6rem}.login-error{background:rgba(208,59,59,.12);border:1px solid rgba(208,59,59,.45);color:#f2a0a0;border-radius:var(--radius-sm);font-size:.85rem;padding:.6rem .9rem;margin-bottom:1.2rem}.chart-wrap{position:relative}.chart-tooltip{position:absolute;pointer-events:none;background:var(--card-2);border:1px solid var(--border);border-radius:8px;padding:.35rem .6rem;font-size:.78rem;color:var(--ink);white-space:nowrap;transform:translate(-50%,-130%);box-shadow:0 4px 14px rgba(0,0,0,.4)}.chart-tooltip__label{color:var(--muted)}.tiles--kpi{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.tiles--kpi .tile{min-width:0}.tiles--kpi .tile__value{overflow-wrap:anywhere}@media (min-width:700px){.tiles--kpi{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}}@media (max-width:640px){.tiles--kpi .tile{padding:.8rem .85rem .7rem;min-height:0}.tiles--kpi .tile__value{font-size:1.5rem}:root{--topbar-h:3.25rem;--viewbar-h:3rem}.topbar{padding:0 1rem}.topbar__brand-sub,.topbar__user span{display:none}.page{padding:1.2rem 1rem 3rem}}.segments__legend{display:flex;flex-wrap:wrap;gap:1.25rem;list-style:none;margin:0 0 1.25rem;padding:0 0 1rem;border-bottom:1px solid var(--border)}.segments__legend-item{display:flex;align-items:center;gap:.45rem;font-size:.83rem;color:var(--ink-2)}.segments__legend-value{color:var(--muted)}.segments__swatch{width:10px;height:10px;border-radius:3px;flex:none}.segments__swatch--zahlend{background:var(--series-1)}.segments__swatch--test{background:var(--series-2)}.segments__swatch--sonstige{background:var(--series-4)}.segments__list{list-style:none;margin:0;padding:0}.segments__row{display:grid;grid-template-columns:minmax(9rem,12rem) 1fr auto;align-items:center;grid-gap:.9rem;gap:.9rem;padding:.3rem 0}.segments__label{font-size:.88rem;color:var(--ink-2);overflow-wrap:anywhere}.segments__track{background:var(--card-2);border-radius:4px;height:14px;overflow:hidden}.segments__bar{display:block;height:100%;border-radius:0 4px 4px 0;min-width:2px}.segments__bar--zahlend{background:var(--series-1)}.segments__bar--test{background:var(--series-2)}.segments__bar--sonstige{background:var(--series-4)}.segments__value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:.92rem;color:var(--ink);text-align:right;white-space:nowrap}.segments__pct{margin-left:.5rem}.segments__pct,.segments__total{color:var(--muted);font-size:.8rem}.segments__total{margin:1rem 0 0;padding-top:.9rem;border-top:1px solid var(--border)}@media (max-width:560px){.segments__row{grid-template-columns:1fr auto}.segments__track{grid-column:1/-1;order:3}}.topbar__link{color:var(--ink-2);text-decoration:none;font-size:.9rem}.topbar__link:hover{color:var(--ink)}.page__intro{color:var(--muted);max-width:62ch;margin:-.4rem 0 1.2rem;font-size:.94rem}.setting-status{display:flex;align-items:flex-start;gap:.55rem;padding:.7rem .85rem;margin-bottom:1.1rem;background:var(--card-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.setting-status .status-dot{margin-top:.42rem;flex:none}.setting-status__text{font-size:.9rem;color:var(--ink-2)}.setting-status__mask{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;color:var(--ink);background:var(--bg);padding:.1em .4em;border-radius:4px}.setting-field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.9rem}.setting-field__label{font-size:.85rem;color:var(--ink-2);font-weight:500}.setting-field__input{width:100%;max-width:34rem;padding:.6rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92rem}.setting-field__input::placeholder{color:var(--muted);font-family:Roboto,system-ui,sans-serif}.setting-field__input:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}.setting-actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.setting-message{font-size:.88rem;margin:.9rem 0 0}.setting-message--error{color:var(--critical)}.setting-message--ok{color:var(--good)}.probe{margin-top:1.2rem;padding:.95rem 1.1rem;background:var(--card-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.probe__title{margin:0 0 .75rem;font-size:.9rem;color:var(--ink);font-weight:600}.probe__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.probe__item{display:flex;align-items:flex-start;gap:.55rem;font-size:.88rem;color:var(--ink-2);line-height:1.5}.probe__item .status-dot{margin-top:.4rem;flex:none}.probe__item strong{color:var(--ink);font-weight:600}.probe__sample{font-size:.82em}.probe__sample,.probe__scopes{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}.probe__scopes{margin:.85rem 0 0;font-size:.82rem;word-break:break-word}.setting-help{margin-top:1.3rem;border-top:1px solid var(--border);padding-top:.9rem}.setting-help__summary{cursor:pointer;font-size:.88rem;color:var(--ink-2);list-style:none}.setting-help__summary::-webkit-details-marker,.setting-help__summary::marker{display:none}.setting-help__summary:before{content:"▸ ";color:var(--accent)}details[open]>.setting-help__summary:before{content:"▾ "}.setting-help__summary:hover{color:var(--ink)}.setting-help__summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.setting-help__steps{margin:.8rem 0 0;padding-left:1.2rem;color:var(--ink-2);font-size:.88rem;line-height:1.6;max-width:62ch}.setting-help__steps li{margin-bottom:.5rem}.setting-help__note code,.setting-help__steps code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;background:var(--bg);padding:.1em .35em;border-radius:4px;color:var(--ink)}.setting-help__note{margin:.9rem 0 0;font-size:.85rem;color:var(--muted);max-width:62ch;line-height:1.6}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(21rem,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1rem}.barlist{list-style:none;margin:.9rem 0 0;padding:0;gap:.85rem}.barlist,.barlist__row{display:flex;flex-direction:column}.barlist__row{gap:.32rem}.barlist__head{display:grid;grid-template-columns:1.1rem 1fr auto;align-items:baseline;grid-gap:.5rem;gap:.5rem}.barlist__pos{font-size:.75rem;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.barlist__name{color:var(--ink-2);font-size:.87rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barlist__row--active .barlist__name,.barlist__value{color:var(--ink)}.barlist__value{font-weight:600;font-size:.87rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.barlist__unit{color:var(--muted);font-weight:400;font-size:.78rem}.barlist__track{height:10px;background:var(--card-2);border-radius:0 5px 5px 0;overflow:hidden}.barlist__bar{height:100%;background:var(--series-1);border-radius:0 4px 4px 0;transition:opacity .12s ease}.barlist__row:not(.barlist__row--active) .barlist__bar{opacity:.82}.barlist__note{font-size:.76rem;color:var(--muted);padding-left:1.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-tooltip--static{position:static;transform:none;display:block;margin-top:.5rem;text-align:center;white-space:normal}@media (prefers-reduced-motion:reduce){.barlist__bar{transition:none}}.factbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));grid-gap:1px;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:1rem}.factbar__item{background:var(--card);padding:.8rem .95rem;display:flex;flex-direction:column;gap:.15rem}.factbar__value{font-size:1.35rem;font-weight:700;color:var(--ink);line-height:1.15;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.factbar__unit{font-size:.85rem;font-weight:500;color:var(--ink-2)}.factbar__label{font-size:.76rem;color:var(--muted);line-height:1.3}