:root{color-scheme:light;--surface: #fcfcfb;--page: #f9f9f7;--raised: #ffffff;--ink-1: #0b0b0b;--ink-2: #52514e;--ink-muted: #898781;--grid: #e1e0d9;--axis: #c3c2b7;--border: rgba(11, 11, 11, .1);--s1: #2a78d6;--s2: #eb6834;--s3: #1baf7a;--good: #0ca30c;--mid: #ec835a;--bad: #d03b3b;--warn: #fab219;--seq3: #2a78d6;--nav: #f2f1ed}html[data-theme=dark]{color-scheme:dark;--surface: #1a1a19;--page: #0d0d0d;--raised: #232322;--ink-1: #ffffff;--ink-2: #c3c2b7;--ink-muted: #898781;--grid: #2c2c2a;--axis: #383835;--border: rgba(255, 255, 255, .1);--s1: #3987e5;--s2: #d95926;--s3: #199e70;--good: #0ca30c;--seq3: #3987e5;--nav: #141413}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink-1);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.5}.app{display:flex;min-height:100vh}nav{width:216px;flex:none;background:var(--nav);border-right:1px solid var(--border);padding:18px 12px;position:sticky;top:0;height:100vh;overflow:auto;display:flex;flex-direction:column}.brand{font-weight:650;font-size:15px;padding:0 10px 4px;letter-spacing:-.01em}.brandsub{font-size:11px;color:var(--ink-muted);padding:0 10px 18px}nav a{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:7px;color:var(--ink-2);text-decoration:none;font-size:13.5px;margin-bottom:2px;cursor:pointer}nav a:hover{background:var(--border)}nav a.on{background:var(--s1);color:#fff;font-weight:500}nav a .badge{margin-left:auto;background:var(--bad);color:#fff;border-radius:9px;font-size:10.5px;padding:1px 6px;font-weight:600}nav a.on .badge{background:#ffffff47}.navsec{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);padding:16px 10px 6px;font-weight:600}.navfuss{margin-top:auto;padding:14px 10px 0;border-top:1px solid var(--border);font-size:11.5px;color:var(--ink-muted)}main{flex:1;min-width:0;padding:22px 26px 70px;max-width:1720px}.head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}h1{font-size:21px;margin:0 0 3px;letter-spacing:-.015em}.sub{color:var(--ink-2);font-size:13px;margin:0}.mockbar{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--warn);border-radius:8px;padding:9px 13px;font-size:12.5px;color:var(--ink-2);margin:14px 0 20px}button,select,input{font:inherit;color:var(--ink-1);background:var(--surface);border:1px solid var(--axis);border-radius:6px;padding:6px 10px}button{cursor:pointer}button:hover{border-color:var(--s1)}button.pri{background:var(--s1);color:#fff;border-color:var(--s1)}button.ghost{background:transparent;border-color:transparent;color:var(--ink-2);padding:4px 8px}button:disabled{opacity:.55;cursor:not-allowed}input:focus,select:focus{outline:2px solid var(--s1);outline-offset:-1px}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px 18px;margin-bottom:16px}.card h2{font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);margin:0 0 13px;font-weight:600}h2{font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);margin:22px 0 11px;font-weight:600}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px}.tile{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:13px 15px}.tile .l{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted)}.tile .v{font-size:26px;font-weight:600;margin-top:2px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.tile .n{font-size:11.5px;color:var(--ink-2);margin-top:1px}.hit{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--s1);border-radius:10px;padding:15px 17px;margin-bottom:12px}.hit .top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hit .ttl{font-weight:600;font-size:15px}.hit .prof{background:var(--s1);color:#fff;font-size:11px;padding:2px 8px;border-radius:9px;font-weight:500}.hit .when{color:var(--ink-muted);font-size:12px;margin-left:auto}.hit .why{color:var(--ink-2);font-size:13px;margin:7px 0 11px}.hit .src{font-size:11.5px;color:var(--ink-muted);margin-top:10px}.warncard{border-left-color:var(--bad)}.warncard .prof{background:var(--bad)}.chg{display:grid;grid-template-columns:1fr auto auto auto;gap:5px 12px;font-size:12.5px;border-top:1px solid var(--grid);padding-top:10px}.chg .k{color:var(--ink-2)}.chg .old{color:var(--ink-muted);font-variant-numeric:tabular-nums}.chg .arr{color:var(--ink-muted)}.chg .new{font-weight:600;font-variant-numeric:tabular-nums}.lt{display:inline-block;width:1em;text-align:center;font-size:11px;margin-right:5px;vertical-align:1px}.lt.gut{color:var(--good)}.lt.mittel{color:var(--mid)}.lt.schwach{color:var(--bad)}.lt.keine{color:var(--ink-muted)}.trend{display:inline-block;margin-left:5px;font-size:11px;opacity:.72;cursor:help}.trend.steigend{color:var(--good)}.trend.fallend{color:var(--bad)}.trend.seitwaerts{color:var(--ink-muted)}.legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--ink-2);margin-top:11px}.legend b{font-weight:600;color:var(--ink-1)}.tw{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:auto;max-height:74vh}table{border-collapse:separate;border-spacing:0;width:100%;font-variant-numeric:tabular-nums}th{position:sticky;top:0;z-index:3;background:var(--surface);text-align:right;font-size:11px;font-weight:600;color:var(--ink-2);padding:9px;border-bottom:1px solid var(--axis);white-space:nowrap;-webkit-user-select:none;user-select:none}th.sortierbar{cursor:pointer}th.sortierbar:hover{color:var(--s1)}th.l,td.l{text-align:left}td{padding:7px 9px;text-align:right;border-bottom:1px solid var(--grid);white-space:nowrap;font-size:13px}tbody tr:hover td{background:color-mix(in srgb,var(--s1) 6%,transparent)}tr.clk{cursor:pointer}.na{color:var(--ink-muted)}.nm{max-width:250px;overflow:hidden;text-overflow:ellipsis}.tk{color:var(--ink-muted);font-size:11.5px;margin-left:5px}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11.5px}.pill{display:inline-block;font-size:10px;padding:1px 6px;border-radius:9px;border:1px solid var(--axis);color:var(--ink-muted);margin-left:5px;vertical-align:1px}.pill.new{background:var(--s1);color:#fff;border-color:var(--s1);font-weight:600}.pill.rest{background:var(--bad);color:#fff;border-color:var(--bad);font-weight:600}.pill.nodata{border-style:dashed}.score{font-weight:600}.wbar{display:inline-block;height:6px;background:var(--seq3);border-radius:2px;vertical-align:middle;margin-right:6px}tr.fund>td{background:color-mix(in srgb,var(--s1) 4%,transparent);font-weight:500;border-bottom:1px solid var(--axis)}tr.fund:hover>td{background:color-mix(in srgb,var(--s1) 9%,transparent)}.caret{display:inline-block;width:14px;color:var(--ink-muted);transition:transform .15s}tr.open .caret{transform:rotate(90deg);color:var(--s1)}tr.sub td{font-size:12.5px;background:var(--surface)}tr.sub td:first-child{padding-left:34px}.multi{background:color-mix(in srgb,var(--s2) 16%,transparent);color:var(--ink-1);font-size:10px;padding:1px 6px;border-radius:9px;margin-left:6px;font-weight:600}.groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:16px}.grp h3{font-size:12px;margin:0 0 7px;display:flex;align-items:center;gap:6px}.grp h3 .d{width:7px;height:7px;border-radius:2px;background:var(--s1)}.mr{display:flex;align-items:center;gap:7px;padding:2.5px 0;font-size:13px}.mr label{flex:1;cursor:pointer;color:var(--ink-2)}.mr.on label{color:var(--ink-1);font-weight:500}input[type=checkbox]{accent-color:var(--s1);width:15px;height:15px;cursor:pointer;flex:none;padding:0}input[type=number],input[type=text]{padding:3px 6px;font-size:12px}.mini{width:62px}.thr{display:grid;grid-template-columns:1.5fr 130px 92px 92px 1fr;gap:8px 12px;align-items:center;font-size:13px;padding:8px 0;border-bottom:1px solid var(--grid)}.thr:last-child{border-bottom:none}.thr .lab{color:var(--ink-1);display:flex;align-items:center}.thr .hint{font-size:11.5px;color:var(--ink-muted);grid-column:1 / -1;margin:-4px 0 4px}.thr select{padding:4px 7px;font-size:12.5px}.dist{display:flex;height:9px;border-radius:3px;overflow:hidden;border:1px solid var(--border)}.dist i{display:block;height:100%}.dist .g{background:var(--good)}.dist .m{background:var(--mid)}.dist .b{background:var(--bad)}.distl{font-size:11px;color:var(--ink-muted);margin-top:3px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:12px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:12px 14px}.kpi .l{font-size:11.5px;color:var(--ink-muted);display:flex;align-items:center;gap:5px}.kpi .v{font-size:22px;font-weight:600;margin:3px 0 1px;letter-spacing:-.02em}.kpi .t{font-size:11.5px;color:var(--ink-2)}.prov{font-size:11.5px;color:var(--ink-muted);border-top:1px solid var(--grid);padding-top:9px;margin-top:11px}.prov code{background:var(--nav);padding:1px 5px;border-radius:4px;font-size:11px}.matrix td,.matrix th{text-align:center;font-size:12px}.matrix td.l{text-align:left}.laedt{color:var(--ink-muted);padding:22px 0}.fehler{margin-top:14px;padding:9px 12px;border-radius:7px;background:color-mix(in srgb,var(--bad) 12%,transparent);color:var(--bad);font-size:13px}.anzahl{color:var(--ink-2);font-size:12.5px}footer{margin-top:26px;font-size:12px;color:var(--ink-muted);line-height:1.7;max-width:900px}.anmeldung{min-height:100vh;display:grid;place-items:center;padding:20px}.anmeldung form{width:100%;max-width:340px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:26px}.anmeldung label{display:block;font-size:12px;font-weight:600;margin:13px 0 4px}.anmeldung input{width:100%;padding:8px 10px;font-size:14px}.anmeldung button{width:100%;margin-top:18px;padding:9px}tr.gedaempft td{opacity:.62}
