:root{--tinte: #1c2430;--ton-mittel: #4b5563;--ton-schwach: #66707f;--linie: #dde2e8;--linie-fein: #edf0f3;--chip: #eef1f4;--papier: #f6f7f9;--flaeche: #ffffff;--gefahr: #c01c28;--gruen: #1e7e50;--bernstein: #8a5b00;--mahnung: #c2410c;--radius: 6px;--schatten-karte: 0 1px 2px rgba(16, 24, 40, .05);--schatten-schwebend: 0 4px 6px -2px rgba(16, 24, 40, .06), 0 12px 24px -6px rgba(16, 24, 40, .14);--akzent: #1a5fb4}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--papier);color:var(--tinte);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;caret-color:var(--akzent)}::selection{background:color-mix(in srgb,var(--akzent) 22%,#fff)}*{scrollbar-width:thin;scrollbar-color:#c3cad3 transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#c3cad3;border-radius:5px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:var(--ton-schwach)}.app-rahmen{max-width:980px;margin:1.25rem auto 3rem;padding:1.1rem 1.6rem 2rem;background:var(--flaeche);border:1px solid var(--linie);border-radius:12px;box-shadow:var(--schatten-karte)}@media (max-width: 720px){.app-rahmen{margin:0;padding:.8rem .8rem 1.5rem;border-radius:0;border-left:0;border-right:0}}h1,h2,h3,h4{line-height:1.25;text-wrap:balance}:focus-visible{outline:2px solid var(--akzent);outline-offset:1px;border-radius:var(--radius)}button{font:inherit;font-size:.88rem;color:var(--tinte);background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);padding:.32rem .7rem;cursor:pointer;transition:background-color .12s ease-out,border-color .12s ease-out,box-shadow .12s ease-out}button:hover:not(:disabled){background:var(--papier);border-color:#c9d0d9}button:active:not(:disabled){background:var(--linie-fein)}button:disabled{opacity:.55;cursor:default}input,select,textarea{font:inherit;font-size:.88rem;color:var(--tinte);background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);padding:.35rem .55rem;transition:border-color .12s ease-out,box-shadow .12s ease-out}input::placeholder,textarea::placeholder{color:var(--ton-schwach)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--akzent);box-shadow:0 0 0 3px color-mix(in srgb,var(--akzent) 18%,transparent)}input[type=checkbox],input[type=radio]{accent-color:var(--akzent);padding:0}input[type=date]{padding:.28rem .45rem}table{font-variant-numeric:tabular-nums}thead th{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ton-schwach)}tbody tr{transition:background-color .1s ease-out}tbody tr:hover{background:color-mix(in srgb,var(--papier) 65%,#fff)}details>summary{cursor:pointer}details>summary::marker{color:var(--ton-schwach)}a{color:var(--akzent)}.kopfleiste{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap;margin:-1.1rem -1.6rem 0;padding:.7rem 1.6rem;background:var(--akzent);border-radius:11px 11px 0 0}.kopfleiste h1{color:#fff;margin:0;font-size:1.12rem;letter-spacing:-.01em}.kopfleiste .konto{color:#ffffffd9;font-size:.88rem}@media (max-width: 720px){.kopfleiste{margin:-.8rem -.8rem 0;padding:.7rem .8rem;border-radius:0}}.nav-pille{border:0;background:none;color:var(--ton-mittel);padding:.32rem .8rem;border-radius:999px;font-size:.9rem}.nav-pille:hover:not(:disabled){background:var(--chip);border-color:transparent}.nav-pille.aktiv{background:var(--akzent);color:#fff;font-weight:600}.nav-pille.aktiv:hover:not(:disabled){background:var(--akzent)}.karte{border:1px solid var(--linie);border-radius:10px;background:var(--flaeche);box-shadow:var(--schatten-karte);margin-bottom:1.7rem;overflow:hidden}.karte-kopf{display:flex;align-items:center;gap:.5rem;padding:.6rem .9rem;background:color-mix(in srgb,var(--akzent) 5%,var(--papier));border-bottom:1px solid var(--linie)}.karte-kopf h3{margin:0 auto 0 0;font-size:.95rem}.karte-inhalt{padding:.5rem .9rem .7rem}.zaehler{background:var(--chip);color:var(--ton-mittel);border-radius:999px;padding:.05rem .55rem;font-size:.78rem;font-weight:600}.app-rahmen tbody tr:nth-child(2n){background:color-mix(in srgb,var(--papier) 55%,#fff)}.app-rahmen section>details{margin-bottom:1.7rem}.anliegen-zeile{transition:background-color .1s ease-out}.anliegen-zeile:hover{background:var(--papier)}.zaehler-chip{display:inline-flex;align-items:baseline;gap:.35rem;background:var(--flaeche);border:1px solid var(--linie);border-radius:999px;padding:.25rem .7rem;font-size:.82rem;color:var(--ton-mittel)}.zaehler-chip:hover:not(:disabled){background:var(--papier);border-color:#c9d0d9}.zaehler-chip b{font-size:.95rem;color:var(--tinte)}.zaehler-chip.warnung{border-color:var(--gefahr)}.zaehler-chip.warnung b{color:var(--gefahr)}.nav-gruppe{display:flex;align-items:center;gap:.1rem;background:var(--papier);border:1px solid var(--linie);border-radius:999px;padding:.2rem .3rem}.nav-gruppe-titel{font-size:.65rem;font-weight:700;color:var(--ton-schwach);text-transform:uppercase;letter-spacing:.07em;padding:0 .4rem 0 .6rem;white-space:nowrap}