:root{--bg: #f4f6f8;--surface: #ffffff;--border: #e2e6ea;--text: #1f2a37;--muted: #6b7280;--primary: #1d4ed8;--primary-dark: #1e40af;--gruen: #15803d;--gruen-bg: #dcfce7;--gelb: #b45309;--gelb-bg: #fef3c7;--rot: #b91c1c;--rot-bg: #fee2e2;--radius: 10px;--shadow: 0 1px 3px rgba(16, 24, 40, .08), 0 1px 2px rgba(16, 24, 40, .04)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:1.5rem;margin:0 0 .25rem}h2{font-size:1.15rem;margin:1.25rem 0 .5rem}h3{font-size:1rem;margin:0 0 .5rem}.shell{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--surface);color:var(--text);flex-shrink:0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;border-right:1px solid var(--border)}.sidebar .brand{padding:16px 14px 10px;display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;color:var(--text)}.sidebar .brand .brand-mark{width:26px;height:26px;border-radius:7px;background:var(--primary);display:flex;align-items:center;justify-content:center;flex:none}.sidebar .navsearch{padding:4px 12px 12px}.sidebar .navsearch .box{display:flex;align-items:center;gap:8px;background:#f1f5f9;border:1px solid var(--border);border-radius:9px;padding:7px 10px}.sidebar .navsearch input{border:none;background:transparent;padding:0;font-size:13px;color:var(--text)}.sidebar .navsearch input:focus{outline:none;background:transparent}.sidebar nav{padding:0 12px 12px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1}.sidebar .group-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;padding:14px 12px 4px}.sidebar nav>.group-label:first-child{padding-top:8px}.sidebar nav a{color:#374151;padding:10px 12px;border-radius:9px;display:flex;gap:11px;align-items:center;font-weight:500;font-size:14px}.sidebar nav a .nav-ico{width:19px;display:inline-flex;align-items:center;justify-content:center;flex:none;font-size:15px}.sidebar nav a:hover{background:#f1f5f9;text-decoration:none;color:var(--text)}.sidebar nav a.active{background:#eff6ff;color:var(--primary);font-weight:600}.sidebar .nav-empty{color:var(--muted);font-size:13px;padding:10px 12px}.content{flex:1;min-width:0}.topbar{background:var(--surface);border-bottom:1px solid var(--border);min-height:68px;padding:0 22px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:5}.topbar .title{font-weight:700;font-size:20px}.topbar .spacer{flex:1}.topbar .avatar{width:36px;height:36px;border-radius:50%;background:#e5e7eb;flex:none;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#475569}.page{padding:1.5rem;max-width:1280px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem 1.25rem;margin-bottom:1rem}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.1rem}.kpi .num{font-size:1.9rem;font-weight:700}.kpi .lbl{color:var(--muted);font-size:.85rem}.kpi.rot .num{color:var(--rot)}.kpi.gelb .num{color:var(--gelb)}.kpi.gruen .num{color:var(--gruen)}table.grid{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}table.grid th,table.grid td{text-align:left;padding:.6rem .8rem;border-bottom:1px solid var(--border)}table.grid th{background:#f8fafc;color:var(--muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}table.grid tbody tr:hover{background:#f8fafc;cursor:default}table.grid tbody tr.clickable:hover{background:#eff6ff;cursor:pointer}table.grid tr:last-child td{border-bottom:none}.pill{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.78rem;font-weight:600}.pill.gruen,.pill.ok,.pill.offen{background:var(--gruen-bg);color:var(--gruen)}.pill.gelb,.pill.bald{background:var(--gelb-bg);color:var(--gelb)}.pill.rot,.pill.ueberfaellig{background:var(--rot-bg);color:var(--rot)}.pill.grau,.pill.erledigt,.pill.deaktiviert{background:#e5e7eb;color:#4b5563}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.4rem;vertical-align:middle}.dot.gruen{background:var(--gruen)}.dot.gelb{background:var(--gelb)}.dot.rot{background:var(--rot)}label{display:block;font-weight:600;font-size:.85rem;margin:.6rem 0 .2rem;color:#374151}input,select,textarea{width:100%;padding:.55rem .75rem;border:1px solid var(--border);border-radius:10px;font:inherit;background:#f1f5f9;color:var(--text)}input:focus,select:focus,textarea:focus{outline:2px solid #bfdbfe;border-color:var(--primary);background:#fff}input[type=checkbox],input[type=radio]{width:auto}.field{background:#f1f5f9;border:1px solid var(--border);border-radius:12px;padding:9px 14px 10px}.field>label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin:0 0 2px}.field>input,.field>select,.field>textarea{border:none;background:transparent;border-radius:0;padding:0;margin:0;font-size:15px;font-weight:500}.field>input:focus,.field>select:focus,.field>textarea:focus{outline:none;background:transparent}.field>textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-weight:600;cursor:pointer}.btn:hover{background:#f1f5f9}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-dark)}.btn.sm{padding:.3rem .6rem;font-size:.82rem}.btn:disabled{opacity:.5;cursor:not-allowed}.row-actions{display:flex;gap:.4rem}.toolbar{display:flex;gap:.6rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.toolbar .spacer{flex:1}.muted{color:var(--muted)}.error{color:var(--rot);background:var(--rot-bg);padding:.6rem .8rem;border-radius:8px;margin:.6rem 0}.empty{color:var(--muted);padding:2rem;text-align:center}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:1rem}.tabs button{background:#eef1f4;border:none;padding:7px 16px;border-radius:999px;cursor:pointer;font:inherit;font-weight:600;font-size:13px;color:#475569}.tabs button:hover{background:#e2e8f0}.tabs button.active{background:var(--primary);color:#fff}.login-wrap{min-height:100vh;display:grid;place-items:center;background:#0f172a}.login-card{background:var(--surface);padding:2rem;border-radius:14px;box-shadow:0 10px 40px #0000004d;width:340px}.login-card h1{text-align:center}.menu-toggle{display:none}.sidebar-close{display:none;margin-left:auto;border:none;background:none;font-size:20px;line-height:1;cursor:pointer;color:var(--muted)}.nav-backdrop{display:none}@media (max-width: 800px){.sidebar{position:fixed;left:-260px;z-index:50;transition:left .2s;box-shadow:var(--shadow)}.sidebar.open{left:0}.menu-toggle,.sidebar-close{display:inline-flex}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:40}.topbar{min-height:56px;padding:0 12px;gap:8px}.topbar .title{font-size:16px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .btn.sm{padding:.3rem .5rem}.topbar .avatar{width:32px;height:32px}.page{padding:1rem}}html,body{overflow-x:hidden}.native-shell .sidebar,.native-shell .nav-backdrop,.native-shell .menu-toggle{display:none}.native-shell .content{flex:1;min-width:0}.cardselect-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:.4rem 0 .2rem}.cardselect{display:flex;align-items:center;gap:10px;width:100%;text-align:left;cursor:pointer;border:2px solid var(--border);background:var(--surface);border-radius:12px;padding:14px 16px;font:inherit;font-weight:500;font-size:14px;color:var(--text);box-shadow:var(--shadow)}.cardselect:hover{border-color:#cbd5e1}.cardselect.active{background:#eff6ff;border-color:var(--primary);color:var(--primary);font-weight:600;box-shadow:none}.cardselect .check{width:20px;height:20px;border-radius:6px;border:2px solid var(--border);flex:none;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1;color:transparent}.cardselect.active .check{background:var(--primary);border-color:var(--primary);color:#fff}.actionbar{position:sticky;bottom:0;margin-top:18px;display:flex;align-items:center;gap:12px;background:linear-gradient(rgba(244,246,248,0),var(--bg) 35%);padding:14px 0 6px}.actionbar .spacer{flex:1}.actionbar .btn{padding:11px 20px;border-radius:10px}.actionbar .btn.primary{padding:11px 26px;font-weight:700;box-shadow:0 6px 16px #1d4ed84d}.appversion{position:fixed;bottom:6px;left:8px;font-size:.72rem;color:var(--muted);background:#ffffffb3;padding:1px 6px;border-radius:6px;z-index:50;pointer-events:none}.pe-scrollx{scrollbar-width:none}.pe-scrollx::-webkit-scrollbar{display:none}.bg-rot{background:var(--rot)}.bg-gelb{background:var(--gelb)}.bg-gruen{background:var(--gruen)}.bg-grau{background:#9aa4b2}.center-on{background:var(--primary);border:none;box-shadow:0 8px 20px #1d4ed857}.center-off{background:var(--surface);border:2px solid #dbe3ee;box-shadow:0 4px 12px #1018281f}.pf-hdr{padding:12px 18px 13px;box-shadow:none}[data-pf=ios] .pf-hdr{padding:6px 20px 14px}[data-pf=android] .pf-hdr{padding:14px 18px 13px;box-shadow:0 2px 8px #1018280f}.pf-title{font-size:25px}[data-pf=ios] .pf-title{font-size:30px}[data-pf=android] .pf-title{font-size:22px}.pf-nav{border-top:1px solid var(--border);padding:6px 8px 20px;box-shadow:none}[data-pf=ios] .pf-nav{padding-bottom:24px}[data-pf=android] .pf-nav{border-top-color:transparent;padding-bottom:16px;box-shadow:0 -2px 12px #10182814}.pf-safe{padding-bottom:24px}[data-pf=ios] .pf-safe{padding-bottom:30px}[data-pf=android] .pf-safe{padding-bottom:20px}@keyframes peScrim{0%{opacity:0}to{opacity:1}}@keyframes peSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes peFade{0%{opacity:0}to{opacity:1}}@keyframes peNudge{0%{transform:translate(0)}35%{transform:translate(-46px)}70%{transform:translate(-46px)}to{transform:translate(0)}}.tx-rot{color:var(--rot)}.tx-gelb{color:var(--gelb)}.tx-gruen{color:var(--gruen)}.tx-default{color:var(--text)}.tx-muted{color:var(--muted)}.tx-primary{color:var(--primary)}.bg-primary{background:var(--primary)}.bg-blau-soft{background:#eff6ff}.cm-ico{display:flex;align-items:center;justify-content:center;padding:3px 14px;border-radius:0;background:transparent;transition:background .16s}[data-platform=android] .cm-on .cm-ico{background:#eff6ff;border-radius:999px}[data-platform=ios] .cm-nav{border-top:1px solid var(--border)}[data-platform=android] .cm-nav{border-top:1px solid transparent;box-shadow:0 -2px 12px #10182814}[data-platform=ios] .cm-tab:active{opacity:.5}[data-platform=android] .cm-tab:active .cm-ico{background:#e0e9fb}[data-platform=web] .cm-tab:hover .cm-ico{background:#f1f5f9;border-radius:10px}[data-platform=pwa] .cm-tab:active{opacity:.6}.cm-sheet{border-radius:20px 20px 0 0}[data-platform=android] .cm-sheet{border-radius:16px 16px 0 0}