:root{--text:#333;--text-h:#0e5a50;--bg:#fff;--border:#ddd;--accent:#0e5a50;--accent-bg:#e0f2f1;--shadow:0 2px 4px #0000001a;--sans:system-ui, -apple-system, sans-serif}@media (prefers-color-scheme:dark){:root{--text:#ccc;--text-h:#4db6ac;--bg:#121212;--border:#333;--accent:#4db6ac;--accent-bg:#1a2e2c;--shadow:0 2px 4px #00000080}}body{font-family:var(--sans);background:var(--bg);color:var(--text);margin:0}#root{flex-direction:column;min-height:100vh;display:flex}header{background:var(--accent);color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:1rem;display:flex}header h1{color:#fff;margin:0;font-size:1.2rem}.menu-knopf{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;border-radius:6px;width:40px;height:40px;font-size:1.2rem;line-height:1}.menu-knopf:hover{background:#fff3}.breadcrumb{color:var(--text);border-bottom:1px solid var(--border);box-sizing:border-box;align-items:center;gap:8px;width:100%;max-width:720px;margin:0 auto;padding:10px 1rem;font-size:.9rem;display:flex}.breadcrumb-link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem;font-weight:500}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-trenner{opacity:.5}.breadcrumb-aktuell{color:var(--text-h);font-weight:700}.start-container{max-width:900px;margin:0 auto;padding:8px 0 32px}.start-untertitel{text-align:center;color:var(--text);margin:0 0 20px;font-size:1.05rem}.start-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.start-kachel{text-align:center;background:var(--bg);border:1px solid var(--border);border-top:4px solid var(--kat-farbe,var(--accent));box-shadow:var(--shadow);cursor:pointer;font-family:var(--sans);border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:22px 16px;transition:transform .15s,box-shadow .15s;display:flex}.start-kachel.kat-erfassen{--kat-farbe:#2e8b57}.start-kachel.kat-auswertung{--kat-farbe:#1976d2}.start-kachel.kat-verein{--kat-farbe:#d17b1c}.start-kachel.kat-verwaltung{--kat-farbe:#78909c}@media (prefers-color-scheme:dark){.start-kachel.kat-erfassen{--kat-farbe:#4caf82}.start-kachel.kat-auswertung{--kat-farbe:#5c9de8}.start-kachel.kat-verein{--kat-farbe:#e0a352}.start-kachel.kat-verwaltung{--kat-farbe:#9badb4}}.start-kachel:hover,.start-kachel:focus-visible{outline:none;transform:translateY(-3px);box-shadow:0 6px 14px #00000026}.start-icon{font-size:2.4rem;line-height:1}.start-titel{color:var(--text-h);font-size:1.1rem;font-weight:700}.start-text{color:var(--text);opacity:.85;font-size:.85rem}.sidebar-backdrop{z-index:40;background:#0006;position:fixed;inset:0}.sidebar{background:var(--bg);border-right:1px solid var(--border);width:260px;max-width:80vw;height:100%;box-shadow:var(--shadow);z-index:50;flex-direction:column;transition:transform .2s ease-out;display:flex;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar-offen{transform:translate(0)}.sidebar-kopf{background:var(--accent);color:#fff;justify-content:space-between;align-items:center;padding:1rem;font-weight:700;display:flex}.sidebar-schliessen{color:#fff;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:1.2rem}.sidebar-nav{flex-direction:column;padding:8px;display:flex;overflow-y:auto}.sidebar-link{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;min-height:44px;padding:12px 10px;font-size:1rem;display:flex}.sidebar-link:hover{background:var(--accent-bg)}.sidebar-link.aktiv{background:var(--accent-bg);color:var(--accent);font-weight:700}.sidebar-icon{font-size:1.2rem}main{box-sizing:border-box;flex:1;width:100%;max-width:720px;margin:0 auto;padding:1rem}.container{max-width:720px;margin:0 auto;padding:16px}.login-container{background:var(--bg);max-width:360px;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:1rem;margin:2rem auto;padding:2rem;display:flex}.login-container input{border:1px solid var(--border);box-sizing:border-box;border-radius:4px;width:100%;min-height:44px;padding:10px;font-size:1rem}.login-container button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:4px;width:100%;min-height:44px;padding:10px;font-size:1rem}.login-container button:hover{opacity:.9}label{margin-bottom:4px;font-weight:700;display:block}input,select,textarea{border:1px solid var(--border);box-sizing:border-box;border-radius:4px;width:100%;min-height:44px;margin-bottom:10px;padding:10px;font-size:1rem}textarea{min-height:80px}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:4px;min-height:44px;padding:10px 20px;font-size:1rem}.btn-primary:hover{opacity:.9}.btn-outline-danger{color:#dc3545;cursor:pointer;background:0 0;border:1px solid #dc3545;border-radius:4px;padding:5px 10px}.btn-outline-danger:hover{color:#fff;background:#dc3545}.card{background:var(--bg);box-shadow:var(--shadow);border-radius:12px;margin-bottom:12px;padding:16px}.session-list{flex-direction:column;gap:1rem;display:flex}.session-card{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);cursor:pointer;border-radius:8px;padding:1rem;transition:transform .1s}.session-card:hover{transform:translateY(-2px)}.session-card h3{color:var(--text-h);margin:0 0 .5rem}.session-card p{color:var(--text);margin:0;font-size:.9rem}.fab{background:var(--accent);color:#fff;cursor:pointer;width:56px;height:56px;box-shadow:var(--shadow);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:24px;display:flex;position:fixed;bottom:20px;right:20px}.offline-hinweis{color:#856404;text-align:center;background:#fff3cd;border-radius:4px;margin-bottom:1rem;padding:10px}.error-msg{color:red;font-size:.9rem}.sync-badge{color:#fff;white-space:nowrap;background:#ffffff2e;border-radius:12px;padding:4px 8px;font-size:.8rem}.tabbar{display:none}@media (width<=640px){.tabbar{z-index:30;background:var(--bg);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 6px #00000014}.hat-tabbar main{padding-bottom:calc(1rem + 62px + env(safe-area-inset-bottom,0))}.hat-tabbar .fab{bottom:calc(20px + 62px + env(safe-area-inset-bottom,0))}}.tabbar-link{color:var(--text);font-family:var(--sans);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:56px;padding:8px 2px;display:flex}.tabbar-icon{font-size:1.3rem;line-height:1}.tabbar-label{font-size:.68rem}.tabbar-link.aktiv{color:var(--accent);font-weight:700}