@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--naylo-mint:#34d8b0;--naylo-mint-dark:#21b693;--naylo-mint-soft:#e5f6f1;--naylo-orange:#ff8a4c;--naylo-ink:#232528;--bg:#f7f7f8;--surface:#fff;--surface-2:#f1f2f4;--border:#e3e6ea;--text:#232528;--muted:#6b7280;--danger:#d9434b;--warn:#c98a12;--akzent:var(--naylo-mint);--radius:16px;--radius-sm:10px;--shadow:0 6px 24px #23252814;--font-display:"Space Grotesk", system-ui, -apple-system, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 .5em}button{cursor:pointer;font-family:inherit}input,textarea,select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);padding:10px 12px;font-family:inherit;font-size:1rem}input[type=checkbox],input[type=radio]{width:auto}input:focus,textarea:focus,select:focus{border-color:var(--akzent);outline:none;box-shadow:0 0 0 3px #34d8b02e}.brand{font-family:var(--font-display);color:var(--naylo-ink);font-size:1.15rem;font-weight:700}.brand b{color:var(--naylo-mint)}.brand span{color:var(--muted);margin-left:4px;font-weight:500}.btn{border-radius:var(--radius-sm);border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:11px 16px;font-size:.95rem;font-weight:600;transition:filter .15s,background .15s;display:inline-flex}.btn--primary{background:var(--naylo-mint);color:#06281f}.btn--primary:hover:not(:disabled){filter:brightness(1.04)}.btn--primary:disabled{opacity:.6;cursor:default}.btn--ghost{border-color:var(--border);color:var(--text);background:0 0}.btn--ghost:hover{background:#f1f2f4}.btn--sm{padding:7px 11px;font-size:.85rem}.muted{color:var(--muted)}.app-loading{place-items:center;height:100dvh;display:grid}.spinner{border:3px solid #e5f6f1;border-top-color:var(--naylo-mint);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}.spinner--lg{width:32px;height:32px}@keyframes spin{to{transform:rotate(360deg)}}.auth{place-items:center;min-height:100dvh;padding:24px;display:grid}.auth__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:360px;box-shadow:var(--shadow);flex-direction:column;gap:14px;padding:28px;display:flex}.auth__card h1{margin:4px 0 6px;font-size:1.5rem}.auth__card label{color:var(--muted);flex-direction:column;gap:6px;font-size:.85rem;font-weight:600;display:flex}.auth__error{color:#c0392b;border-radius:var(--radius-sm);background:#fdecea;margin:0;padding:9px 12px;font-size:.9rem}.auth__info{color:var(--naylo-mint-dark);border-radius:var(--radius-sm);background:#34d8b024;margin:0;padding:9px 12px;font-size:.9rem}.auth__link{color:var(--muted);background:0 0;border:none;align-self:center;padding:4px 0 0;font-size:.85rem;font-weight:600}.shell{grid-template-columns:232px 1fr;min-height:100dvh;display:grid}.shell__nav{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:4px;height:100dvh;padding:18px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.shell__brand{padding:4px 10px 14px}.shell__betrieb{margin:0 4px 12px}.shell__group{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:14px 10px 4px;font-size:.7rem;font-weight:700}.navlink{border-radius:var(--radius-sm);color:var(--text);align-items:center;gap:10px;padding:9px 10px;font-size:.95rem;font-weight:500;text-decoration:none;display:flex}.navlink:hover{background:var(--surface-2)}.navlink.active{background:var(--naylo-mint-soft);color:var(--naylo-mint-dark);font-weight:600}.shell__foot{margin-top:auto;padding-top:12px}.shell__main{min-width:0}.page{max-width:1400px;padding:24px 28px 64px}.page--narrow{max-width:820px}.page__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.page__head h1{margin:0;font-size:1.6rem}.shell__mobilebar{display:none}@media (width<=860px){.shell{grid-template-columns:1fr}.shell__nav{z-index:50;box-shadow:var(--shadow);transition:transform .2s;position:fixed;inset:0 30% 0 0;transform:translate(-105%)}.shell--open .shell__nav{transform:none}.shell__mobilebar{background:var(--surface);border-bottom:1px solid var(--border);z-index:40;align-items:center;gap:10px;padding:10px 16px;display:flex;position:sticky;top:0}.page{padding:16px 16px 64px}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.card+.card{margin-top:14px}.grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=640px){.grid-2{grid-template-columns:1fr}}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spacer{flex:1}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:.85rem;font-weight:600;display:flex}.field small{font-weight:400}.check{color:var(--text);align-items:center;gap:9px;font-size:.95rem;font-weight:500;display:flex}.badge{background:var(--surface-2);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.badge--ok{color:var(--naylo-mint-dark);background:#34d8b029}.badge--warn{color:var(--warn);background:#fff4e0}.badge--danger{color:var(--danger);background:#fdecea}.btn--danger{color:#c0392b;background:0 0;border-color:#f0c2bc}.btn--danger:hover{background:#fdecea}.btn--icon{padding:8px}.error{color:#c0392b;border-radius:var(--radius-sm);background:#fdecea;padding:9px 12px;font-size:.9rem}.empty{text-align:center;color:var(--muted);padding:40px 16px}.table{border-collapse:collapse;background:var(--surface);width:100%}.table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:1px solid var(--border);padding:10px 12px;font-size:.75rem}.table td{border-bottom:1px solid var(--border);padding:11px 12px;font-size:.93rem}.table tr:hover td{background:#fafbfb}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}.modal-bg{z-index:100;background:#1416196b;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-width:520px;max-height:calc(100dvh - 32px);padding:22px;overflow-y:auto}.modal h2{font-size:1.25rem}.modal__actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.toast{background:var(--naylo-ink);color:#fff;z-index:200;box-shadow:var(--shadow);border-radius:999px;padding:10px 16px;font-size:.9rem;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.betrieb-logo{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);justify-content:center;align-items:center;min-height:64px;margin:0 4px 14px;padding:12px 14px;display:flex}.betrieb-logo img{object-fit:contain;max-width:100%;max-height:56px;display:block}.betrieb-logo--dunkel{background:var(--naylo-ink);border-color:var(--naylo-ink)}.betrieb-logo--text{font-family:var(--font-display);text-align:center;color:var(--text);font-size:1.1rem;font-weight:700}.betrieb-logo--dunkel.betrieb-logo--text{color:#fff}.betrieb-logo--kompakt{min-height:36px;margin:0;padding:4px 10px}.betrieb-logo--kompakt img{max-height:28px}.betrieb-logo--kompakt.betrieb-logo--text{font-size:.95rem}.shell__powered{color:var(--muted);padding:0 10px 8px;font-size:.72rem}.shell__powered .brand{font-size:.8rem}.shell__rolle{text-align:center;margin:-8px 0 10px;font-size:.75rem}.demo-leiste{background:var(--naylo-mint-soft);color:var(--naylo-ink);border-bottom:1px solid #c9ede3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 28px;font-size:.88rem;display:flex}.demo-leiste__rolle{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:2px;display:inline-flex}.demo-leiste__rolle button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:5px 12px;font-size:.82rem;font-weight:600}.demo-leiste__rolle button.aktiv{background:var(--naylo-mint);color:#06281f}@media (width<=860px){.demo-leiste{padding:8px 16px}}.navlink--knopf{text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:0}.navlink--knopf:disabled{opacity:.5;cursor:default}.naylo-leiste{background:var(--naylo-ink);color:#fff;z-index:30;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;padding:9px 28px;font-size:.9rem;display:flex;position:sticky;top:0}.naylo-leiste b{color:var(--naylo-mint)}.naylo-leiste--einrichtung{box-shadow:inset 4px 0 0 var(--naylo-orange)}.naylo-leiste--support{box-shadow:inset 4px 0 0 var(--naylo-mint)}.naylo-leiste__aktionen{flex-wrap:wrap;gap:8px;display:inline-flex}.naylo-leiste .btn--ghost{color:#fff;background:0 0;border-color:#ffffff59}.naylo-leiste .btn--ghost:hover{background:#ffffff1a}.naylo-leiste__fehler{color:#ffb4a8;flex-basis:100%}.naylo-leiste--fehler{color:var(--danger);background:#fdecea;position:static}.naylo-leiste--fehler .btn--ghost{color:var(--danger);border-color:#f0c2bc}@media (width<=860px){.naylo-leiste{padding:8px 16px;font-size:.85rem;position:static}.naylo-leiste__aktionen{width:100%}.naylo-leiste__aktionen .btn{flex:1;justify-content:center}}