: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}nav button{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;border-radius:4px;margin-left:5px;padding:5px 10px}nav button:hover{background:#fff3}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}