:root{color-scheme:light}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--hk-grey-900, #1c1c1e);background:var(--hk-grey-50, #f6f6f7)}.hk-app{min-height:100vh}.kopf{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1.2rem;background:var(--hk-blue-600, #005397);color:#fff}.kopf .marke{font-weight:600;letter-spacing:.01em}.kopf .nutzer{font-size:.85rem;display:flex;gap:.8rem;align-items:center}.kopf a{color:#fff;opacity:.85}main{background:var(--hk-grey-50, #f6f6f7)}@media print{.kopf{display:none}body{background:#fff}}.auswahl[data-v-74b26770]{max-width:1180px;margin:0 auto;padding:1.5rem 1rem 5rem}h1[data-v-74b26770]{font-size:1.6rem;margin:0 0 .3rem;color:var(--hk-blue-800, #083f6b)}.unter[data-v-74b26770]{margin:0 0 1.4rem;color:var(--hk-grey-600, #535355);max-width:62ch}.spalten[data-v-74b26770]{display:grid;grid-template-columns:300px minmax(0,1fr);gap:1.2rem}.panel[data-v-74b26770]{border:1px solid var(--hk-grey-200, #d6d6d9);border-radius:10px;padding:1rem;background:#fff}.panel.leer[data-v-74b26770]{display:grid;place-items:center;color:var(--hk-grey-400, #909094)}.feld[data-v-74b26770]{display:block;margin-bottom:.8rem}.feld span[data-v-74b26770]{display:block;font-size:.78rem;color:var(--hk-grey-600, #535355);margin-bottom:.25rem}.feld select[data-v-74b26770],.feld input[data-v-74b26770]{width:100%;padding:.45rem .6rem;border-radius:7px;border:1px solid var(--hk-grey-300, #b6b6ba);font:inherit}.teamliste[data-v-74b26770]{list-style:none;margin:0;padding:0;max-height:460px;overflow-y:auto}.teamliste button[data-v-74b26770]{width:100%;text-align:left;padding:.42rem .6rem;border:0;background:transparent;border-radius:7px;cursor:pointer;font:inherit;color:var(--hk-grey-800, #2b2b2d)}.teamliste button[data-v-74b26770]:hover{background:var(--hk-grey-100, #eaeaec)}.teamliste button.aktiv[data-v-74b26770]{background:var(--hk-blue-600, #005397);color:#fff}.kopf[data-v-74b26770]{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap}.kopf h2[data-v-74b26770]{font-size:1.05rem;margin:0 0 .6rem}.aktionen[data-v-74b26770]{display:flex;gap:.35rem}.aktionen button[data-v-74b26770]{border:1px solid var(--hk-grey-200, #d6d6d9);background:#fff;border-radius:6px;padding:.2rem .6rem;font-size:.78rem;cursor:pointer}.aktionen button[data-v-74b26770]:hover{background:var(--hk-grey-100, #eaeaec)}.spielliste[data-v-74b26770]{list-style:none;margin:0;padding:0;max-height:520px;overflow-y:auto}.spielliste li[data-v-74b26770]{display:grid;grid-template-columns:auto 108px minmax(0,1fr) auto;gap:.7rem;align-items:center;padding:.5rem .4rem;cursor:pointer;border-bottom:1px solid var(--hk-grey-100, #eaeaec);font-size:.86rem}.spielliste li[data-v-74b26770]:hover{background:var(--hk-grey-100, #eaeaec)}.spielliste li.gewaehlt[data-v-74b26770]{background:var(--hk-blue-50, #edf4fa)}.datum[data-v-74b26770]{color:var(--hk-grey-500, #6e6e71);font-size:.78rem}.spieltag[data-v-74b26770]{display:block;font-size:.7rem}.paarung[data-v-74b26770]{display:flex;gap:.5rem;align-items:baseline;min-width:0}.paarung span[data-v-74b26770]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paarung .eigen[data-v-74b26770]{font-weight:600;color:var(--hk-blue-700, #004a88)}.paarung strong[data-v-74b26770]{font-variant-numeric:tabular-nums}.kennzahlen[data-v-74b26770]{display:flex;gap:.7rem;color:var(--hk-grey-500, #6e6e71);font-size:.76rem}.leiste[data-v-74b26770]{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;gap:1rem;align-items:center;justify-content:flex-end;padding:.7rem 1.2rem;background:#fff;border-top:1px solid var(--hk-grey-200, #d6d6d9)}.anzahl[data-v-74b26770]{margin-right:auto;color:var(--hk-grey-600, #535355);font-size:.87rem}.fehler[data-v-74b26770]{color:var(--hk-red-600, #e20031);margin:0;font-size:.85rem}.primaer[data-v-74b26770]{background:var(--hk-blue-600, #005397);color:#fff;border:0;border-radius:8px;padding:.55rem 1.4rem;font:inherit;font-weight:600;cursor:pointer}.primaer[data-v-74b26770]:disabled{opacity:.45;cursor:default}.hinweis[data-v-74b26770]{position:fixed;bottom:3.6rem;right:1.2rem;margin:0;max-width:40ch;font-size:.8rem;color:var(--hk-grey-500, #6e6e71);text-align:right}@media (max-width: 860px){.spalten[data-v-74b26770]{grid-template-columns:1fr}.spielliste li[data-v-74b26770]{grid-template-columns:auto 1fr}.kennzahlen[data-v-74b26770]{grid-column:1 / -1}}.detail[data-v-25fb591c]{margin:.5rem 0 0;min-height:2.4em;padding:.45rem .6rem;border-radius:7px;background:var(--hk-grey-100, #eaeaec);color:var(--hk-grey-900, #1c1c1e);font-size:.83rem;line-height:1.35}.detail.leer[data-v-25fb591c]{color:var(--hk-grey-400, #909094);font-style:italic}.beeswarm[data-v-4697cb60]{margin:0 0 1.1rem}figcaption[data-v-4697cb60]{display:flex;flex-wrap:wrap;gap:.4rem 1rem;align-items:baseline;justify-content:space-between;font-size:.85rem;margin-bottom:.1rem}.label[data-v-4697cb60]{font-weight:600;color:var(--hk-grey-900, #1c1c1e)}.werte[data-v-4697cb60]{display:flex;gap:.7rem;align-items:baseline}.wert.saison[data-v-4697cb60]{color:var(--hk-blue-600, #005397);font-variant-numeric:tabular-nums}.wert.auswahl[data-v-4697cb60]{color:var(--hk-red-600, #e20031);font-variant-numeric:tabular-nums}.eng[data-v-4697cb60]{font-size:.72rem;color:var(--hk-grey-500, #6e6e71);border:1px solid var(--hk-grey-200, #d6d6d9);border-radius:999px;padding:0 .45rem;cursor:help}.chart[data-v-4697cb60]{width:100%;height:auto}.linie[data-v-4697cb60]{stroke:var(--hk-grey-200, #d6d6d9);stroke-width:2}.mittel[data-v-4697cb60]{stroke:var(--hk-grey-400, #909094);stroke-width:2}circle.liga[data-v-4697cb60]{fill:var(--hk-grey-300, #b6b6ba);transition:r .1s,fill .1s}circle.liga.aktiv[data-v-4697cb60]{fill:var(--hk-grey-600, #535355);r:6}circle.liga.eigen[data-v-4697cb60]{fill:var(--hk-blue-300, #6ca5d9)}.marker.saison[data-v-4697cb60]{fill:var(--hk-blue-600, #005397);stroke:#fff;stroke-width:2}.marker.auswahl[data-v-4697cb60]{fill:var(--hk-red-600, #e20031);stroke:#fff;stroke-width:2}.skala[data-v-4697cb60]{font-size:.7rem;fill:var(--hk-grey-400, #909094)}.skala.rechts[data-v-4697cb60]{text-anchor:end}.kopfzeile[data-v-cf100c0a]{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.7rem}.kachel[data-v-cf100c0a]{border:1px solid var(--hk-grey-200, #d6d6d9);border-radius:8px;padding:.45rem .8rem;display:flex;flex-direction:column;gap:.1rem}.kachel .label[data-v-cf100c0a]{font-size:.72rem;color:var(--hk-grey-500, #6e6e71)}.kachel strong[data-v-cf100c0a]{font-size:.9rem;color:var(--hk-grey-900, #1c1c1e)}.wechsel[data-v-cf100c0a]{font-size:.83rem;color:var(--hk-grey-600, #535355);margin:0 0 .8rem}.tabelle-rahmen[data-v-cf100c0a]{overflow-x:auto}table[data-v-cf100c0a]{border-collapse:collapse;font-size:.8rem;min-width:100%}th[data-v-cf100c0a],td[data-v-cf100c0a]{padding:.3rem .5rem;text-align:left;white-space:nowrap}thead th[data-v-cf100c0a]{border-bottom:2px solid var(--hk-grey-200, #d6d6d9);font-weight:600;color:var(--hk-grey-600, #535355);font-size:.74rem}tbody tr[data-v-cf100c0a]{border-bottom:1px solid var(--hk-grey-100, #eaeaec)}tbody tr.aktiv[data-v-cf100c0a]{background:var(--hk-blue-50, #edf4fa)}.spieler[data-v-cf100c0a]{position:sticky;left:0;background:inherit;font-weight:500}.gesamt[data-v-cf100c0a]{font-variant-numeric:tabular-nums;color:var(--hk-grey-600, #535355)}.einsatz[data-v-cf100c0a]{position:relative;min-width:84px}.position[data-v-cf100c0a]{font-size:.7rem;color:var(--hk-grey-700, #3e3e40)}.balken[data-v-cf100c0a]{display:block;height:3px;margin-top:2px;border-radius:2px;background:var(--hk-blue-400, #4a8bc6)}.ohne[data-v-cf100c0a]{color:var(--hk-grey-300, #b6b6ba)}.kapitel[data-v-e1f90ab1]{padding:1.6rem 0;border-top:1px solid var(--hk-grey-100, #eaeaec)}h2[data-v-e1f90ab1]{font-size:1.35rem;line-height:1.3;margin:0 0 1rem;color:var(--hk-blue-800, #083f6b)}.inhalt[data-v-e1f90ab1]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:1.8rem}.text h3[data-v-e1f90ab1]{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--hk-grey-500, #6e6e71);margin:0 0 .5rem}.text p[data-v-e1f90ab1]{margin:0;line-height:1.65;color:var(--hk-grey-800, #2b2b2d)}.buehne[data-v-e1f90ab1]{min-height:260px}.blaettern[data-v-e1f90ab1]{display:flex;gap:.3rem;justify-content:center;margin-top:.7rem}.blaettern button[data-v-e1f90ab1]{border:1px solid var(--hk-grey-200, #d6d6d9);background:#fff;border-radius:6px;min-width:30px;height:28px;cursor:pointer;color:var(--hk-grey-600, #535355);font-size:.82rem}.blaettern button.aktiv[data-v-e1f90ab1]{background:var(--hk-blue-600, #005397);border-color:var(--hk-blue-600, #005397);color:#fff}.blaettern button[data-v-e1f90ab1]:disabled{opacity:.35;cursor:default}@media (max-width: 900px){.inhalt[data-v-e1f90ab1]{grid-template-columns:1fr}}.schusszonen[data-v-c590b0a0]{margin:0}figcaption[data-v-c590b0a0]{font-size:.85rem;font-weight:600;margin-bottom:.4rem;color:var(--hk-grey-900, #1c1c1e)}.feld[data-v-c590b0a0]{width:100%;height:auto;max-height:420px}.zone[data-v-c590b0a0]{stroke:#ffffff8c;stroke-width:.3;cursor:pointer}.zone.aktiv[data-v-c590b0a0]{stroke:var(--hk-red-600, #e20031);stroke-width:.9}.linien[data-v-c590b0a0]{stroke:#fffc;stroke-width:.35;pointer-events:none}.wert[data-v-c590b0a0]{font-size:2.6px;font-weight:600;text-anchor:middle;pointer-events:none}.anzahl[data-v-c590b0a0]{font-size:1.9px;text-anchor:middle;opacity:.85;pointer-events:none}.hinweis[data-v-c590b0a0]{font-size:2px;text-anchor:middle;fill:var(--hk-grey-500, #6e6e71)}.korridore[data-v-7306ca5b]{margin:0}figcaption[data-v-7306ca5b]{font-size:.85rem;font-weight:600;margin-bottom:.4rem;color:var(--hk-grey-900, #1c1c1e)}.feld[data-v-7306ca5b]{width:100%;height:auto;max-height:420px}.bahn[data-v-7306ca5b]{stroke:#ffffff8c;stroke-width:.3;cursor:pointer}.bahn.aktiv[data-v-7306ca5b]{stroke:var(--hk-red-600, #e20031);stroke-width:.9}.linien[data-v-7306ca5b]{stroke:#ffffffbf;stroke-width:.35;pointer-events:none}.wert[data-v-7306ca5b]{font-size:3px;font-weight:600;text-anchor:middle;pointer-events:none}.anzahl[data-v-7306ca5b]{font-size:2px;text-anchor:middle;opacity:.85;pointer-events:none}.hinweis[data-v-7306ca5b]{font-size:2px;text-anchor:middle;fill:var(--hk-grey-500, #6e6e71)}.zonen[data-v-71754c4b]{margin:0}figcaption[data-v-71754c4b]{font-size:.85rem;font-weight:600;margin-bottom:.4rem;color:var(--hk-grey-900, #1c1c1e)}.feld[data-v-71754c4b]{width:100%;height:auto;max-height:460px}.rasen[data-v-71754c4b]{fill:var(--hk-grey-100, #eaeaec)}.zelle[data-v-71754c4b]{stroke:#ffffff8c;stroke-width:.3;cursor:pointer}.zelle.aktiv[data-v-71754c4b]{stroke:var(--hk-red-600, #e20031);stroke-width:.9}.linien[data-v-71754c4b]{stroke:#ffffffe6;stroke-width:.35;pointer-events:none}.linien .kreis[data-v-71754c4b]{stroke:#ffffff59}.wert[data-v-71754c4b]{font-size:3px;font-weight:600;text-anchor:middle;pointer-events:none}.anzahl[data-v-71754c4b]{font-size:2.2px;text-anchor:middle;opacity:.85;pointer-events:none}.hinweis[data-v-71754c4b]{font-size:2.2px;text-anchor:middle;fill:var(--hk-grey-500, #6e6e71)}.stilprofil[data-v-fc449d15]{margin:0}.titel[data-v-fc449d15]{font-weight:600;color:var(--hk-grey-900, #1c1c1e);display:flex;flex-wrap:wrap;gap:1rem;align-items:baseline;justify-content:space-between;margin-bottom:.5rem}.legende[data-v-fc449d15]{font-size:.8rem;font-weight:400;color:var(--hk-grey-500, #6e6e71)}.legende .marker[data-v-fc449d15]{display:inline-block;width:10px;height:10px;margin:0 .3rem 0 .8rem}.marker.liga[data-v-fc449d15]{width:2px;height:12px;background:var(--hk-grey-400, #909094);vertical-align:-2px}.marker.saison[data-v-fc449d15]{border-radius:50%;background:var(--hk-blue-600, #005397)}.marker.auswahl[data-v-fc449d15]{background:var(--hk-red-600, #e20031)}.chart[data-v-fc449d15]{width:100%;height:auto}.achse[data-v-fc449d15]{cursor:default}.achse .linie[data-v-fc449d15]{stroke:var(--hk-grey-200, #d6d6d9);stroke-width:2}.achse.aktiv .linie[data-v-fc449d15]{stroke:var(--hk-blue-200, #9ec3e4)}.nulllinie[data-v-fc449d15]{stroke:var(--hk-grey-400, #909094);stroke-width:2}.verschiebung[data-v-fc449d15]{stroke:var(--hk-red-300, #f7909e);stroke-width:2;stroke-dasharray:3 3}.punkt.saison[data-v-fc449d15]{fill:var(--hk-blue-600, #005397);stroke:#fff;stroke-width:2}.punkt.auswahl[data-v-fc449d15]{fill:var(--hk-red-600, #e20031);stroke:#fff;stroke-width:2}.achse.aktiv .punkt[data-v-fc449d15]{filter:drop-shadow(0 1px 3px rgba(0,0,0,.35))}.pol[data-v-fc449d15]{font-size:.82rem;fill:var(--hk-grey-600, #535355)}.pol.links[data-v-fc449d15]{text-anchor:end}.pol.rechts[data-v-fc449d15]{text-anchor:start}.label[data-v-fc449d15]{font-size:.86rem;font-weight:600;text-anchor:middle;fill:var(--hk-grey-900, #1c1c1e)}@media (max-width: 700px){.pol[data-v-fc449d15]{font-size:.7rem}}.report[data-v-f85522c6]{max-width:1180px;margin:0 auto;padding:1.5rem 1rem 4rem}.deckblatt[data-v-f85522c6]{padding-bottom:1.4rem}.zurueck[data-v-f85522c6]{border:0;background:transparent;color:var(--hk-blue-600, #005397);cursor:pointer;font:inherit;padding:0 0 .8rem}.kontext[data-v-f85522c6]{color:var(--hk-grey-500, #6e6e71);margin:0 0 .2rem;font-size:.87rem}.deckblatt h1[data-v-f85522c6]{font-size:2rem;margin:0 0 .35rem;color:var(--hk-blue-800, #083f6b)}.aussage[data-v-f85522c6]{font-size:1.1rem;color:var(--hk-grey-800, #2b2b2d);margin:0 0 .4rem}.gegner[data-v-f85522c6]{color:var(--hk-grey-500, #6e6e71);font-size:.85rem;margin:0 0 .9rem}.drucken[data-v-f85522c6]{border:1px solid var(--hk-grey-300, #b6b6ba);background:#fff;border-radius:8px;padding:.4rem 1rem;cursor:pointer;font:inherit;font-size:.87rem}.uebersicht[data-v-f85522c6]{padding:1.2rem 0;border-top:1px solid var(--hk-grey-100, #eaeaec)}.kapitel[data-v-f85522c6]{padding:1.6rem 0;border-top:1px solid var(--hk-grey-100, #eaeaec)}.kapitel h2[data-v-f85522c6]{font-size:1.35rem;margin:0 0 1rem;color:var(--hk-blue-800, #083f6b)}.drittel h4[data-v-f85522c6]{font-size:.85rem;margin:0 0 .6rem}.drittel ul[data-v-f85522c6]{list-style:none;margin:0;padding:0}.drittel li[data-v-f85522c6]{display:grid;grid-template-columns:1fr auto auto;gap:.8rem;align-items:baseline;padding:.5rem 0;border-bottom:1px solid var(--hk-grey-100, #eaeaec)}.drittel strong[data-v-f85522c6]{font-variant-numeric:tabular-nums;color:var(--hk-blue-700, #004a88)}.drittel .n[data-v-f85522c6]{color:var(--hk-grey-500, #6e6e71);font-size:.78rem}.glossar dl[data-v-f85522c6]{display:grid;grid-template-columns:minmax(200px,300px) 1fr;gap:.4rem 1.4rem}.glossar dt[data-v-f85522c6]{font-weight:600;font-size:.86rem}.glossar dd[data-v-f85522c6]{margin:0;color:var(--hk-grey-600, #535355);font-size:.86rem}.fuss[data-v-f85522c6]{padding-top:1.4rem;color:var(--hk-grey-400, #909094);font-size:.78rem;border-top:1px solid var(--hk-grey-100, #eaeaec)}@media (max-width: 700px){.glossar dl[data-v-f85522c6]{grid-template-columns:1fr}.glossar dd[data-v-f85522c6]{margin-bottom:.7rem}}@media print{.zurueck[data-v-f85522c6],.drucken[data-v-f85522c6]{display:none}.kapitel[data-v-f85522c6]{break-inside:avoid}}@font-face{font-family:Boxed;src:url(/assets/BoxedThin-DJjoCK8H.ttf) format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Boxed;src:url(/assets/BoxedLight-ElMzvKiw.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Boxed;src:url(/assets/BoxedRegular-B7x4nDly.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Boxed;src:url(/assets/BoxedMedium-ChQKuBBr.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Boxed;src:url(/assets/BoxedSemibold-CuCrwWOO.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Boxed;src:url(/assets/BoxedBold-C8V3jtpn.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--hk-blue: #005397;--hk-red: #E20031;--hk-white: #FFFFFF;--hk-light-blue: #6CA5D9;--hk-grey: #535355;--hk-blue-950: #021B31;--hk-blue-900: #06304F;--hk-blue-800: #083F6B;--hk-blue-700: #004A88;--hk-blue-600: #005397;--hk-blue-500: #1A6CAE;--hk-blue-400: #4A8BC6;--hk-blue-300: #6CA5D9;--hk-blue-200: #9EC3E4;--hk-blue-100: #CFE1F1;--hk-blue-50: #EDF4FA;--hk-red-950: #3A0010;--hk-red-900: #660017;--hk-red-800: #941022;--hk-red-700: #B50028;--hk-red-600: #E20031;--hk-red-500: #EE2046;--hk-red-400: #F15C70;--hk-red-300: #F7909E;--hk-red-200: #FBC3CB;--hk-red-100: #FDE3E7;--hk-red-50: #FEF3F5;--hk-grey-950: #111113;--hk-grey-900: #1C1C1E;--hk-grey-800: #2B2B2D;--hk-grey-700: #3E3E40;--hk-grey-600: #535355;--hk-grey-500: #6E6E71;--hk-grey-400: #909094;--hk-grey-300: #B6B6BA;--hk-grey-200: #D6D6D9;--hk-grey-100: #EAEAEC;--hk-grey-50: #F5F5F6;--bg: var(--hk-white);--bg-alt: var(--hk-grey-50);--bg-sunken: var(--hk-grey-100);--bg-hover: #FAFAFB;--bg-brand: var(--hk-blue);--bg-brand-deep: var(--hk-blue-900);--bg-app: var(--hk-grey-50);--fg: var(--hk-grey-900);--fg-muted: var(--hk-grey-600);--fg-subtle: var(--hk-grey-400);--fg-faint: var(--hk-grey-500);--fg-on-brand: var(--hk-white);--fg-brand: var(--hk-blue);--fg-accent: var(--hk-red);--border-light: #F0F0F2;--border: var(--hk-grey-100);--border-strong: var(--hk-grey-200);--border-brand: var(--hk-blue);--status-green: #2E7D4F;--status-green-bg: #E6F2EB;--status-orange: #C17A1F;--status-orange-bg:#FBF1E0;--status-red: #E20031;--status-red-bg: #FDE3E7;--status-red-dark: #B50028;--status-blue: #004A88;--status-blue-bg: #CFE1F1;--status-grey: #3E3E40;--status-grey-bg: #EAEAEC;--series-1: var(--hk-blue);--series-2: var(--hk-red);--series-3: var(--hk-light-blue);--series-4: var(--hk-grey-600);--series-5: var(--hk-blue-800);--series-6: var(--hk-red-400)}:root{--font-sans: "Boxed", "Inter", "Helvetica Neue", Arial, sans-serif;--font-system: Arial, "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 15px;--text-xl: 16px;--text-2xl: 18px;--text-3xl: 22px;--text-4xl: 26px;--text-5xl: 34px;--fs-display: 72px;--fs-h1: 48px;--fs-h2: 36px;--fs-h3: 28px;--fs-h4: 22px;--fs-body-lg: 18px;--fs-body: 16px;--fs-body-sm: 14px;--fs-caption: 12px;--fs-micro: 10px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--lh-tight: 1.05;--lh-snug: 1.2;--lh-normal: 1.45;--lh-loose: 1.6;--tracking-tight: -.025em;--tracking-snug: -.015em;--tracking-normal: .02em;--tracking-wide: .04em;--tracking-caps: .14em}:root{--sp-1: 4px;--sp-1h: 6px;--sp-2: 8px;--sp-2h: 10px;--sp-3: 12px;--sp-3h: 14px;--sp-4: 16px;--sp-4h: 18px;--sp-5: 20px;--sp-6: 24px;--sp-7: 28px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sp-20: 80px;--sp-24: 96px;--r-none: 0;--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 10px;--r-xl: 12px;--r-2xl: 14px;--r-pill: 999px;--shadow-xs: 0 1px 0 rgba(2, 27, 49, .04);--shadow-sm: 0 1px 2px rgba(2, 27, 49, .06), 0 1px 1px rgba(2, 27, 49, .04);--shadow-card: 0 1px 2px rgba(2, 27, 49, .04);--shadow-card-h: 0 4px 12px rgba(2, 27, 49, .1);--shadow-md: 0 4px 12px rgba(2, 27, 49, .08), 0 1px 2px rgba(2, 27, 49, .04);--shadow-lg: 0 12px 28px rgba(2, 27, 49, .12), 0 2px 4px rgba(2, 27, 49, .04);--shadow-header: 0 2px 8px rgba(2, 27, 49, .1);--shadow-fab: 0 6px 18px rgba(226, 0, 49, .4);--shadow-inset: inset 0 0 0 1px rgba(2, 27, 49, .06);--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s;--sidebar-width: 240px;--content-max: 1200px;--gutter: var(--sp-8)}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--fw-medium);line-height:var(--lh-normal);color:var(--fg);background:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body,button,input,select,textarea{font-family:var(--font-sans)}h1,h2,h3,h4,h5{font-family:var(--font-sans);color:var(--fg);font-weight:var(--fw-bold);letter-spacing:var(--tracking-snug);line-height:var(--lh-snug);margin:0}p{margin:0}a{color:var(--fg-brand);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}a:hover{text-decoration:underline}::selection{background:var(--hk-blue);color:var(--hk-white)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--hk-grey-200);border-radius:4px}::-webkit-scrollbar-track{background:transparent}.hk-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--r-pill);font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:.02em;white-space:nowrap}.hk-tag.blue{background:var(--status-blue-bg);color:var(--status-blue)}.hk-tag.solid-blue{background:var(--hk-blue);color:#fff}.hk-tag.red{background:var(--status-red-bg);color:var(--status-red-dark)}.hk-tag.grey{background:var(--status-grey-bg);color:var(--status-grey)}.hk-tag.green{background:var(--status-green-bg);color:var(--status-green)}.hk-tag.orange{background:var(--status-orange-bg);color:var(--status-orange)}.hk-caps{font-size:var(--fs-micro);letter-spacing:var(--tracking-caps);text-transform:uppercase;font-weight:var(--fw-bold);color:var(--fg-faint)}.hk-chip{padding:5px 12px;border-radius:var(--r-pill);background:#fff;border:1px solid var(--hk-grey-200);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--hk-grey-700);cursor:pointer;letter-spacing:.01em;transition:all var(--dur-fast) var(--ease-out)}.hk-chip:hover{border-color:var(--hk-blue);color:var(--hk-blue)}.hk-chip.active{background:var(--hk-blue);border-color:var(--hk-blue);color:#fff}.hk-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.hk-badge{background:var(--hk-red);color:#fff;font-size:9px;font-weight:var(--fw-bold);border-radius:var(--r-pill);padding:1px 5px;min-width:14px;text-align:center}.hk-btn{border:0;padding:9px 16px;border-radius:var(--r-sm);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--fw-semibold);cursor:pointer;display:inline-flex;align-items:center;gap:6px;letter-spacing:.01em;transition:all var(--dur-fast) var(--ease-out);text-decoration:none;white-space:nowrap}.hk-btn svg{width:16px;height:16px}.hk-btn-sm{padding:6px 10px;font-size:var(--text-sm)}.hk-btn-sm svg{width:14px;height:14px}.hk-btn-icon{padding:7px}.hk-btn-primary{background:var(--hk-blue);color:#fff}.hk-btn-primary:hover{background:var(--hk-blue-700)}.hk-btn-outline{background:#fff;color:var(--fg);border:1px solid var(--hk-grey-200)}.hk-btn-outline:hover{border-color:var(--hk-blue);color:var(--hk-blue)}.hk-btn-ghost{background:transparent;color:var(--fg)}.hk-btn-ghost:hover{background:var(--hk-grey-100)}.hk-btn-danger{background:var(--hk-red);color:#fff}.hk-btn-danger:hover{background:var(--hk-red-700)}.hk-fab{position:fixed;bottom:84px;right:16px;width:56px;height:56px;border-radius:50%;background:var(--hk-red);color:#fff;border:0;box-shadow:var(--shadow-fab);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:40}.hk-fab svg{width:24px;height:24px}.hk-input{width:100%;font-family:var(--font-sans);font-size:13px;color:var(--fg);background:var(--bg-alt);border:1px solid var(--border);border-radius:6px;padding:9px 12px;transition:border-color .15s ease,box-shadow .15s ease;outline:none;box-sizing:border-box}.hk-input:focus{border-color:var(--hk-blue);box-shadow:0 0 0 2px #0053971f}.hk-input:disabled{opacity:.5;cursor:not-allowed}.hk-input::placeholder{color:var(--fg-faint)}.hk-input.invalid{border-color:var(--hk-red)}textarea.hk-input{resize:vertical;min-height:60px}.hk-input-sm{padding:6px 10px;font-size:12px}.hk-select{width:100%;font-family:var(--font-sans);font-size:13px;color:var(--fg);background:var(--bg-alt);border:1px solid var(--border);border-radius:6px;padding:9px 32px 9px 12px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer;outline:none;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.hk-select:focus{border-color:var(--hk-blue);box-shadow:0 0 0 2px #0053971f}.hk-select:disabled{opacity:.5;cursor:not-allowed}.hk-select.invalid{border-color:var(--hk-red)}.hk-checkbox-wrap{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--fg)}.hk-checkbox-wrap input[type=checkbox]{width:16px;height:16px;accent-color:var(--hk-blue);cursor:pointer;margin:0}.hk-label{display:block;font-size:13px;font-weight:600;color:var(--fg);margin-bottom:6px}.hk-form-row{display:grid;gap:16px;margin-bottom:16px}.hk-form-row.cols-2{grid-template-columns:1fr 1fr}.hk-form-row.cols-3{grid-template-columns:1fr 1fr 1fr}.hk-form-row.cols-4{grid-template-columns:1fr 1fr 1fr 1fr}.hk-form-row.cols-2-1{grid-template-columns:2fr 1fr}.hk-form-row.cols-1-2{grid-template-columns:1fr 2fr}.hk-form-row.cols-3-1{grid-template-columns:3fr 1fr}.hk-divider{border:none;border-top:1px solid var(--border-light);margin:20px 0}.hk-spinner{display:inline-block;width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--hk-blue);border-radius:50%;animation:hk-spin .7s linear infinite}.hk-spinner.sm{width:20px;height:20px;border-width:2px}.hk-spinner.lg{width:48px;height:48px;border-width:4px}@keyframes hk-spin{to{transform:rotate(360deg)}}.hk-progress-bar{width:100%;height:6px;background:var(--bg-alt);border-radius:999px;overflow:hidden}.hk-progress-bar .fill{height:100%;background:var(--hk-blue);border-radius:999px;transition:width .3s ease}.hk-file-input{position:relative}.hk-file-input input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.hk-file-zone{border:2px dashed var(--border);border-radius:8px;padding:24px;text-align:center;color:var(--fg-faint);font-size:13px;cursor:pointer;transition:border-color .15s,background .15s}.hk-file-zone:hover,.hk-file-zone.dragover{border-color:var(--hk-blue);background:#00539708}.hk-chips{display:flex;flex-wrap:wrap;gap:6px;padding:6px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg-alt);min-height:38px;align-items:center;cursor:text}.hk-chips:focus-within{border-color:var(--hk-blue);box-shadow:0 0 0 2px #0053971f}.hk-chips .chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--hk-blue);color:#fff;border-radius:999px;font-size:12px;font-weight:500}.hk-chips .chip button{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:0;font-size:14px;line-height:1}.hk-chips .chip button:hover{color:#fff}.hk-chips input{border:none;background:transparent;outline:none;font-family:var(--font-sans);font-size:13px;flex:1;min-width:120px;padding:2px 0;color:var(--fg)}.hk-chips input::placeholder{color:var(--fg-faint)}.hk-error{font-size:11px;color:var(--hk-red);margin-top:4px}.hk-hint{font-size:11px;color:var(--fg-faint);margin-top:4px}@media (max-width: 768px){.hk-form-row.cols-2,.hk-form-row.cols-3,.hk-form-row.cols-4,.hk-form-row.cols-2-1,.hk-form-row.cols-1-2,.hk-form-row.cols-3-1{grid-template-columns:1fr}}.hk-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);padding:16px}.hk-card-clickable{cursor:pointer;transition:transform .1s,box-shadow .1s}.hk-card-clickable:active{transform:scale(.98)}.hk-panel{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);padding:20px}.hk-panel-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--border);margin-bottom:14px}.hk-panel-head h3{font-size:var(--text-md);font-weight:var(--fw-bold);margin:0;letter-spacing:-.005em}.hk-stat{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);padding:18px 20px;display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden}.hk-stat .label{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-faint);font-weight:var(--fw-semibold)}.hk-stat .value{font-size:var(--text-5xl);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);color:var(--fg);line-height:1.1;margin-top:4px}.hk-stat .sub{font-size:var(--text-sm);color:var(--fg-faint)}.hk-stat .accent{position:absolute;top:0;left:0;right:0;height:3px;background:var(--hk-blue)}.hk-stat .accent.red{background:var(--hk-red)}.hk-stat .accent.orange{background:var(--status-orange)}.hk-stat .accent.green{background:var(--status-green)}.hk-m-card{background:#fff;border-radius:var(--r-xl);padding:14px;margin-bottom:10px;box-shadow:var(--shadow-card)}.hk-sec-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}.hk-sec-title h2{font-size:var(--text-xl);font-weight:var(--fw-bold);margin:0;letter-spacing:-.005em}.hk-sec-title a{font-size:var(--text-sm);color:var(--fg-brand);text-decoration:none;font-weight:var(--fw-semibold)}.hk-tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--text-base)}.hk-tbl thead th{background:var(--bg-alt);color:var(--fg-faint);font-weight:var(--fw-semibold);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;text-align:left;padding:10px 14px;border-bottom:1px solid var(--border);white-space:nowrap}.hk-tbl thead th:first-child{border-top-left-radius:var(--r-lg)}.hk-tbl thead th:last-child{border-top-right-radius:var(--r-lg)}.hk-tbl tbody td{padding:13px 14px;border-bottom:1px solid var(--border-light);vertical-align:middle}.hk-tbl tbody tr{cursor:pointer;transition:background .1s}.hk-tbl tbody tr:hover td{background:var(--bg-hover)}.hk-tbl tbody tr:last-child td{border-bottom:0}.hk-tbl .num{text-align:right;font-variant-numeric:tabular-nums}.hk-toolbar{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;border:1px solid var(--border);border-radius:var(--r-lg) var(--r-lg) 0 0;border-bottom:0;flex-wrap:wrap}.hk-searchbox{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-alt);border-radius:var(--r-md);flex:1;min-width:200px}.hk-searchbox svg{width:14px;height:14px;color:var(--fg-subtle);flex-shrink:0}.hk-searchbox input{flex:1;border:0;background:transparent;font:inherit;font-size:var(--text-base);outline:0}.hk-list-wrap{background:#fff;border:1px solid var(--border);border-radius:0 0 var(--r-lg) var(--r-lg);overflow:hidden}.hk-m-row{padding:14px 16px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:12px}.hk-m-row:last-child{border-bottom:0}.hk-m-row .chev{color:var(--hk-grey-300);flex-shrink:0}.hk-m-row .chev svg{width:16px;height:16px}.hk-shell{display:flex;min-height:100vh;background:var(--bg-app);--current-sidebar-width: var(--sidebar-width, 240px)}.hk-shell.sidebar-collapsed{--current-sidebar-width: 60px}.hk-sidebar{width:var(--current-sidebar-width);background:var(--hk-blue-900);color:#fff;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;padding:0;transition:width .2s ease}.hk-sidebar-logo{display:flex;align-items:center;gap:12px;padding:20px 14px 16px;text-decoration:none;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden}.sidebar-collapsed .hk-sidebar-logo{justify-content:center;padding:16px 10px 14px}.hk-sidebar-wappen{width:32px;height:32px;object-fit:contain;flex-shrink:0}.hk-sidebar-brand{overflow:hidden;white-space:nowrap}.hk-sidebar-brand-title{font-size:13px;font-weight:700;letter-spacing:.04em;line-height:1.2}.hk-sidebar-brand-sub{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--hk-blue-300);margin-top:1px}.hk-sidebar-nav{flex:1;min-height:0;overflow-y:auto;padding:12px 8px;display:flex;flex-direction:column;gap:2px}.hk-nav-section{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#ffffff59;font-weight:600;padding:12px 12px 4px}.hk-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:13px;font-weight:500;color:#ffffffb3;text-decoration:none;transition:all .15s ease;overflow:hidden;white-space:nowrap}.sidebar-collapsed .hk-nav-item{justify-content:center;padding:10px}.hk-nav-item svg{width:20px;height:20px;flex-shrink:0}.hk-nav-item:hover{background:#ffffff14;color:#fff}.hk-nav-item.active{background:var(--hk-blue);color:#fff;font-weight:600}.hk-nav-badge{background:var(--hk-red);color:#fff;font-size:9px;font-weight:700;border-radius:999px;padding:1px 5px;min-width:14px;text-align:center;margin-left:auto}.hk-sidebar-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#fff6;cursor:pointer;padding:8px;margin:0 8px;border-radius:6px;transition:all .15s ease}.hk-sidebar-toggle:hover{color:#fff;background:#ffffff14}.hk-sidebar-toggle svg{width:18px;height:18px}.hk-sidebar-user{display:flex;align-items:center;gap:8px;padding:12px;border-top:1px solid rgba(255,255,255,.08);overflow:hidden}.sidebar-collapsed .hk-sidebar-user{flex-direction:column;gap:6px;padding:10px 6px}.hk-sidebar-user-avatar{width:30px;height:30px;border-radius:50%;background:var(--hk-blue);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hk-sidebar-user-info{flex:1;min-width:0}.hk-sidebar-user-name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hk-sidebar-user-role{font-size:10px;color:#ffffff80}.hk-sidebar-logout{background:none;border:none;color:#ffffff80;cursor:pointer;padding:4px;border-radius:4px;transition:color .15s ease;flex-shrink:0}.hk-sidebar-logout:hover{color:#fff}.hk-sidebar-logout svg{width:16px;height:16px}.hk-main{flex:1;margin-left:var(--current-sidebar-width);display:flex;flex-direction:column;min-height:100vh;transition:margin-left .2s ease}.hk-topbar{display:flex;align-items:center;padding:10px 24px;background:#fff;border-bottom:1px solid var(--hk-grey-100)}.hk-breadcrumbs{display:flex;align-items:center;gap:6px;font-size:13px}.hk-breadcrumbs a{color:var(--hk-blue);text-decoration:none;font-weight:500}.hk-breadcrumbs a:hover{text-decoration:underline}.hk-breadcrumb-sep{color:var(--hk-grey-300)}.hk-breadcrumb-current{color:var(--hk-grey-600);font-weight:600}.hk-content{flex:1;padding:24px 32px 64px}.hk-m-header,.hk-tabbar{display:none}.hk-m-header .bar{display:flex;align-items:center;gap:12px;padding:14px 20px 12px;color:#fff}.hk-m-wappen{width:36px;height:36px;object-fit:contain}.hk-m-header .kicker{font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#ffffffb3}.hk-m-header h1{font-size:17px;font-weight:700;letter-spacing:-.005em;margin:0;color:#fff}.hk-m-wave{height:8px;margin-top:6px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 8' preserveAspectRatio='none'><path d='M0 4 Q 10 2, 20 4 T 40 4 T 60 4 T 80 4' fill='none' stroke='%23E20031' stroke-width='2.5'/></svg>");background-repeat:repeat-x;background-size:80px 8px}@media (max-width: 991px){.hk-sidebar{display:none!important}.hk-main{margin-left:0!important}}@media (max-width: 991px){.hk-shell{flex-direction:column}.hk-m-header{display:block;position:fixed;top:0;left:0;right:0;z-index:150;background:var(--hk-blue, #0072CE);padding-top:env(safe-area-inset-top,0);padding-bottom:10px}.hk-tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--hk-grey-100);box-shadow:0 -2px 8px #0000000f;z-index:200;justify-content:space-around;padding:6px 0 env(safe-area-inset-bottom,0)}.hk-tabbar a,.hk-tabbar button{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;font-weight:500;color:var(--hk-grey-400);text-decoration:none;padding:6px 12px;transition:color .15s;background:none;border:0;font-family:inherit;cursor:pointer}.hk-tabbar a svg,.hk-tabbar button svg{width:22px;height:22px}.hk-tabbar a.active,.hk-tabbar button.active{color:var(--hk-blue);font-weight:700}.hk-tabbar .tab-badge{position:absolute;margin-left:14px;margin-top:-4px;background:var(--hk-red, #E20031);color:#fff;font-size:9px;font-weight:700;border-radius:999px;padding:1px 5px;min-width:14px}.hk-main{margin-top:calc(112px + env(safe-area-inset-top,0))}.hk-content{padding:16px 16px 80px}.hk-topbar{padding:8px 12px}}.hk-frist{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:var(--fw-semibold);padding:3px 9px;border-radius:var(--r-pill);white-space:nowrap}.hk-frist .dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.hk-frist.ok{background:var(--status-green-bg);color:var(--status-green)}.hk-frist.ok .dot{background:var(--status-green)}.hk-frist.warn{background:var(--status-orange-bg);color:var(--status-orange)}.hk-frist.warn .dot{background:var(--status-orange)}.hk-frist.critical{background:var(--status-red-bg);color:var(--status-red-dark)}.hk-frist.critical .dot{background:var(--status-red)}.hk-frist.overdue{background:var(--status-red);color:#fff}.hk-frist.overdue .dot{background:#fff}.hk-tl{display:flex;flex-direction:column;gap:0}.hk-tl-item{display:grid;grid-template-columns:20px 1fr;gap:12px;padding:10px 0;position:relative}.hk-tl-item:before{content:"";position:absolute;left:9px;top:0;bottom:0;width:2px;background:var(--border)}.hk-tl-item:first-child:before{top:10px}.hk-tl-item:last-child:before{bottom:calc(100% - 10px)}.hk-tl-item .icon{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--hk-grey-200);position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.hk-tl-item .icon svg{width:10px;height:10px;color:var(--fg-faint)}.hk-tl-item.document .icon{border-color:var(--hk-blue);background:var(--status-blue-bg)}.hk-tl-item.document .icon svg{color:var(--hk-blue)}.hk-tl-item.status .icon{border-color:var(--status-orange);background:var(--status-orange-bg)}.hk-tl-item.status .icon svg{color:var(--status-orange)}.hk-tl-item.comment .icon{border-color:var(--fg-faint);background:var(--status-grey-bg)}.hk-tl-item.create .icon{border-color:var(--status-green);background:var(--status-green-bg)}.hk-tl-item.create .icon svg{color:var(--status-green)}.hk-tl-item.reminder .icon{border-color:var(--hk-red);background:var(--status-red-bg)}.hk-tl-item.reminder .icon svg{color:var(--hk-red)}.hk-tl-item .content{padding-bottom:4px}.hk-tl-item .content .when{font-size:var(--text-xs);color:var(--fg-subtle);letter-spacing:.02em;font-weight:var(--fw-medium)}.hk-tl-item .content .text{font-size:var(--text-base);color:var(--hk-grey-700);line-height:1.4}.hk-tl-item .content .text strong{color:var(--hk-blue);font-weight:var(--fw-semibold)}.hk-ptile{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--r-md);color:#fff;font-size:var(--text-sm);font-weight:var(--fw-bold);letter-spacing:.02em;flex-shrink:0;font-family:var(--font-sans)}.hk-ptile.sm{width:26px;height:26px;font-size:var(--fs-micro);border-radius:var(--r-sm)}.hk-ptile.lg{width:48px;height:48px;font-size:var(--text-md);border-radius:var(--r-lg)}.hk-ptile.xl{width:72px;height:72px;font-size:20px;border-radius:var(--r-2xl)}.hk-avchip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px 3px 3px;background:var(--bg-alt);border-radius:var(--r-pill);font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--hk-grey-700)}.hk-avchip .avatar{width:20px;height:20px;border-radius:50%;background:var(--hk-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:var(--fw-bold)}.hk-progress{height:6px;border-radius:3px;background:var(--hk-grey-100);overflow:visible;position:relative}.hk-progress .fill{height:100%;background:linear-gradient(90deg,var(--hk-blue),var(--hk-blue-500));border-radius:3px}.hk-progress .marker{position:absolute;top:-4px;width:2px;height:14px;background:var(--hk-red);border-radius:1px}.hk-dl{display:grid;grid-template-columns:160px 1fr;row-gap:12px;column-gap:16px;font-size:var(--text-base)}.hk-dl dt{color:var(--fg-faint);font-weight:var(--fw-medium)}.hk-dl dd{color:var(--fg);margin:0;font-weight:var(--fw-medium)}.hk-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:hk-fade-in .15s ease}.hk-modal{background:#fff;border-radius:10px;box-shadow:0 20px 60px #00000026;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:hk-slide-up .2s ease;width:100%}.hk-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.hk-modal-header h3{margin:0;font-size:16px;font-weight:700;color:var(--fg)}.hk-modal-close{background:none;border:none;font-size:20px;color:var(--fg-faint);cursor:pointer;padding:4px 8px;border-radius:4px;line-height:1;transition:color .15s,background .15s}.hk-modal-close:hover{color:var(--fg);background:var(--bg-hover)}.hk-modal-body{padding:20px;overflow-y:auto;flex:1}.hk-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--border);flex-shrink:0}@keyframes hk-fade-in{0%{opacity:0}to{opacity:1}}@keyframes hk-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hk-toast-container{position:fixed;top:85px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px;max-width:380px}.hk-toast{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:8px;background:#fff;border:1px solid var(--border);box-shadow:0 4px 16px #0000001a;animation:hk-slide-in-right .2s ease;font-size:13px}.hk-toast.success{border-left:3px solid var(--status-green)}.hk-toast.error{border-left:3px solid var(--hk-red)}.hk-toast.warn{border-left:3px solid var(--status-orange)}.hk-toast.info{border-left:3px solid var(--hk-blue)}.hk-toast-icon{width:20px;height:20px;flex-shrink:0;margin-top:1px}.hk-toast-content{flex:1;min-width:0}.hk-toast-summary{font-weight:600;color:var(--fg);margin-bottom:2px}.hk-toast-detail{color:var(--fg-muted);font-size:12px}.hk-toast-close{background:none;border:none;color:var(--fg-faint);cursor:pointer;padding:2px;font-size:16px;line-height:1}.hk-toast-close:hover{color:var(--fg)}@keyframes hk-slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.hk-modal{width:95vw!important;max-width:95vw!important}.hk-modal-body{padding:16px}.hk-modal-body .hk-btn{white-space:normal;word-break:break-word}.hk-toast-container{right:10px;left:10px;max-width:none}}