:root{--bg: #f4f6f8;--surface: #ffffff;--text: #1a2027;--muted: #5b6773;--border: #d8dee4;--primary: #14328f;--primary-text: #ffffff;--accent: #5cbce6;--accent-strong: #00a6de;--danger: #b3261e;--besser: #1a7f37;--unveraendert: #9a6700;--schlechter: #b3261e;--radius: 10px}@media(prefers-color-scheme:dark){:root{--bg: #12171d;--surface: #1b232c;--text: #e6edf3;--muted: #9aa7b3;--border: #2c3742;--primary: #4c9be8;--primary-text: #06101c;--accent: #5cbce6;--accent-strong: #00a6de;--danger: #f2685f;--besser: #4ac06a;--unveraendert: #d9a441;--schlechter: #f2685f}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}h1{font-size:1.5rem}h2{font-size:1.15rem;margin-top:1.5rem}.muted{color:var(--muted)}.error{color:var(--danger)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.topbar__brand{display:flex;align-items:center;gap:.6rem;text-decoration:none}.topbar__logo{height:30px;width:auto;display:block}.topbar__title{font-weight:700;color:var(--text);text-decoration:none;font-size:1.1rem}.topbar__version{font-size:.75rem;color:var(--muted);font-weight:400;align-self:flex-end}.login__logo{height:96px;width:auto;margin:0 auto .5rem;display:block}.login__version{margin-top:-.25rem;font-size:.85rem}.topbar__right{display:flex;align-items:center;gap:.75rem}.topbar__nav{color:var(--primary);text-decoration:none;font-weight:600}.container{max-width:820px;margin:0 auto;padding:1rem}.crumbs{margin-bottom:.5rem}.crumbs a{color:var(--primary);text-decoration:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem}.center{max-width:420px;margin:4rem auto;text-align:center}.center .btn{margin-top:1rem}.list{list-style:none;padding:0;margin:.5rem 0}.list li{padding:.6rem .25rem;border-bottom:1px solid var(--border)}.list__link{color:var(--primary);text-decoration:none;font-weight:600}.btn{display:inline-block;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:.5rem .9rem;border-radius:var(--radius);font:inherit;text-decoration:none}.btn:hover{border-color:var(--primary)}.btn:disabled{opacity:.5;cursor:default}.btn--primary{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.btn--danger{color:var(--primary-text);background:var(--danger);border-color:var(--danger)}.link{background:none;border:none;color:var(--primary);cursor:pointer;font:inherit;padding:0;text-align:left;text-decoration:underline}.form{margin:1rem 0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem}.form summary{cursor:pointer;font-weight:600}.form__row{display:flex;flex-wrap:wrap;gap:.5rem;margin:.6rem 0}.input{flex:1 1 12rem;min-width:0;padding:.5rem .6rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font:inherit}textarea.input{width:100%;resize:vertical}.field{display:flex;flex-direction:column;gap:.2rem;flex:1 1 10rem}.field>span{font-size:.85rem;color:var(--muted)}.field .input{flex:0 0 auto;width:100%}.field--kompakt{flex:0 0 auto;flex-direction:row;align-items:center;gap:.4rem;max-width:100%}.field--kompakt>span{white-space:nowrap}.field--kompakt .input{flex:0 0 auto;width:11rem;padding-top:.3rem;padding-bottom:.3rem}.field--verlauf .input{width:16.5rem}.cmp-choice .input{padding-top:.25rem;padding-bottom:.25rem}.form__gruppe{font-size:.95rem;margin:.75rem 0 .25rem}.form .btn{margin-top:.5rem}.timeline{list-style:none;padding:0;margin:.5rem 0}.timeline__item{display:flex;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--border)}.thumbs{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.25rem}.thumbs-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.4rem;align-items:center}.thumb-btn{padding:0;border:1px solid var(--border);border-radius:var(--radius);background:none;cursor:pointer;line-height:0}.thumb-btn:hover{border-color:var(--primary)}.thumb-img{width:90px;height:90px;object-fit:cover;border-radius:var(--radius);display:block}.thumbs-grid__more{font-size:.85rem}.cmp-choice{flex:1 1 12rem;display:flex;flex-direction:column;gap:.4rem;min-width:0}.cmp-preview{width:100%;max-height:160px;object-fit:contain;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius)}.badge{align-self:flex-start;padding:.15rem .55rem;border-radius:999px;font-size:.8rem;color:#fff;white-space:nowrap}.badge--besser{background:var(--besser)}.badge--unveraendert{background:var(--unveraendert)}.badge--schlechter{background:var(--schlechter)}.badge--leer{background:var(--muted)}.stack>*{margin-bottom:1rem}.befund{margin-top:.25rem;padding:.5rem .75rem;border-left:3px solid var(--accent);background:var(--bg);border-radius:0 var(--radius) var(--radius) 0}.badge--besser,.badge--schlechter{margin-left:.5rem}.overlay--cmp .cmp{flex:1;display:flex;gap:.5rem;padding:0 1rem 1rem;overflow:auto;min-height:0}.cmp__side{flex:1 1 0;margin:0;display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:0}.cmp__img{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;width:100%}.cmp__img img{max-width:100%;max-height:78vh;object-fit:contain}.cmp__imgs{flex:1;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;align-content:flex-start;overflow:auto;min-height:0;width:100%}.cmp__img-item{max-width:100%;max-height:40vh;object-fit:contain}.cmp__side figcaption{color:#cbd5df;font-size:.85rem;text-align:center}@media(max-width:640px){.overlay--cmp .cmp{flex-direction:column}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;flex-direction:column;z-index:20}.overlay__bar{display:flex;justify-content:flex-end;padding:.75rem}.overlay__body{flex:1;display:flex;align-items:center;justify-content:center;padding:0 1rem 1rem;overflow:auto}.overlay__img{max-width:100%;max-height:100%;object-fit:contain}.overlay .muted{color:#cbd5df}.overlay__body.detail{align-items:stretch;gap:1rem;flex-wrap:wrap}.detail__img{flex:1 1 320px;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}.detail__img img{max-width:100%;max-height:82vh;object-fit:contain}.detail__img--multi{align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:.5rem;align-content:flex-start;overflow:auto}.detail__foto{position:relative;margin:0;line-height:0}.detail__foto .cmp__img-item{max-height:40vh}.detail__foto-del{position:absolute;top:.35rem;right:.35rem;width:2rem;height:2rem;border:none;border-radius:50%;background:#0009;color:#fff;cursor:pointer;line-height:1;font-size:.9rem}.detail__meta{flex:1 1 260px;background:var(--surface);color:var(--text);border-radius:var(--radius);padding:1rem;overflow:auto;max-height:82vh}.detail__meta h2{margin-top:0}.detail__meta .muted{color:var(--muted)}.detail__file{word-break:break-all;font-size:.8rem}@media(max-width:640px){.overlay__body.detail{flex-direction:column}.detail__meta{max-height:none}}.overlay--cam{align-items:center}.cam{display:flex;flex-direction:column;align-items:center;gap:.6rem;width:min(100%,720px);height:100%;padding:.6rem}.cam__video,.cam__canvas{flex:1 1 auto;min-height:0;width:100%;max-height:100%;object-fit:contain;background:#000;border-radius:var(--radius)}.cam__controls{flex:0 0 auto}.cam__hint{margin:0}.cam__count{margin:0;font-size:.9rem}.cam__controls{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.cam__shutter{font-size:1.5rem;line-height:1;width:3.25rem;height:3.25rem;border-radius:50%;color:var(--danger)}.form__row--foto{align-items:center}.thumbs--edit{gap:.75rem;margin:.5rem 0}.thumb{position:relative;display:flex;flex-direction:column;gap:.2rem}.foto-preview{display:block;width:96px;height:96px;object-fit:cover;border:1px solid var(--border);border-radius:var(--radius)}.thumb__rm{position:absolute;top:-.5rem;right:-.5rem;width:1.5rem;height:1.5rem;padding:0;border-radius:50%;line-height:1;background:var(--danger);color:#fff;border:none;cursor:pointer}.thumb__time{font-size:.7rem;color:var(--muted)}