:root{--farbe-kopf:#14213d;--farbe-akzent:#f2a33a;--farbe-primaer:#1f57c3;--farbe-primaer-dunkel:#163f8f;--farbe-grund:#f5f6f8;--farbe-flaeche:#fff;--farbe-rand:#e3e6eb;--farbe-text:#171a1f;--farbe-text-leise:#4f5765;--farbe-auswahl:#e8eefb;--radius:10px;--schrift:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--farbe-grund);color:var(--farbe-text);font-family:var(--schrift);margin:0;font-size:1rem;line-height:1.5}h1{margin:0 0 16px;font-size:1.6rem}h2{margin:0 0 8px;font-size:1.15rem}a{color:var(--farbe-primaer)}:focus-visible{outline:3px solid var(--farbe-akzent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.button{min-height:44px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}.button-primary{background:var(--farbe-primaer);color:#fff}.button-primary:hover{background:var(--farbe-primaer-dunkel)}.button-quiet{color:#fff;background:0 0;border-color:#4a5b80}.button-wide{width:100%}.page-message{text-align:center;max-width:32rem;margin:15vh auto 0;padding:0 16px}.update-banner{color:#5c3300;background:#fff6e5;border-bottom:1px solid #f5d9a8;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:8px 16px;display:flex}.empty{color:var(--farbe-text-leise)}.card{background:var(--farbe-flaeche);border:1px solid var(--farbe-rand);border-radius:var(--radius);padding:20px}.login{min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));place-items:center;display:grid}.login-card{background:var(--farbe-flaeche);border:1px solid var(--farbe-rand);text-align:center;border-radius:14px;width:100%;max-width:26rem;padding:32px}.login-hint{color:var(--farbe-text-leise);margin-top:20px;font-size:.875rem}.brand-mark{background:var(--farbe-akzent);width:28px;height:28px;box-shadow:inset 0 0 0 7px var(--farbe-akzent);border-radius:7px;display:inline-block}.brand-mark-large{border-radius:12px;width:48px;height:48px;margin-bottom:12px}.skip-link{z-index:10;background:var(--farbe-flaeche);border-radius:6px;padding:8px 12px;position:absolute;top:8px;left:-9999px}.skip-link:focus{left:8px}.app-header{padding:10px max(16px, env(safe-area-inset-right)) 10px max(16px, env(safe-area-inset-left));padding-top:max(10px, env(safe-area-inset-top));background:var(--farbe-kopf);color:#fff;align-items:center;gap:16px;display:flex}.brand{color:#fff;align-items:center;gap:10px;min-height:44px;font-size:1.1rem;font-weight:700;text-decoration:none;display:inline-flex}.user{align-items:center;gap:12px;margin-left:auto;display:flex}.user form{margin:0}.menu-toggle{color:#fff;min-height:44px;font:inherit;background:0 0;border:1px solid #4a5b80;border-radius:8px;padding:0 14px;font-weight:600;display:none}.app-body{align-items:stretch;min-height:calc(100dvh - 64px);display:flex}.app-nav{background:var(--farbe-flaeche);border-right:1px solid var(--farbe-rand);flex:0 0 240px;padding:16px 12px}.nav-group+.nav-group{margin-top:16px}.nav-title{letter-spacing:.06em;text-transform:uppercase;color:var(--farbe-text-leise);margin:0 0 4px;padding:0 12px;font-size:.75rem;font-weight:700}.app-nav ul{margin:0;padding:0;list-style:none}.app-nav a{min-height:44px;color:var(--farbe-text);border-radius:8px;align-items:center;padding:0 12px;text-decoration:none;display:flex}.app-nav a:hover{background:var(--farbe-grund)}.app-nav a[aria-current=page]{background:var(--farbe-auswahl);color:var(--farbe-primaer-dunkel);font-weight:600}.app-main{min-width:0;padding:24px max(24px, env(safe-area-inset-right)) 48px 24px;flex:auto}.app-main:focus{outline:none}@media (width<=767px){.menu-toggle{align-items:center;display:inline-flex}.user-name{display:none}.app-body{display:block}.app-nav{border-right:0;border-bottom:1px solid var(--farbe-rand);display:none}.app-nav.open{display:block}.app-main{padding:16px max(16px, env(safe-area-inset-right)) 32px max(16px, env(safe-area-inset-left))}}.module-label{letter-spacing:.06em;text-transform:uppercase;color:var(--farbe-text-leise);margin:0;font-size:.75rem;font-weight:700}.lead,.note{color:var(--farbe-text-leise);margin:-8px 0 20px}.note{max-width:60rem;margin:0 0 16px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.button-secondary{background:var(--farbe-flaeche);color:var(--farbe-text);border-color:#c9ced6}.filter{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:12px 16px;margin-bottom:20px;display:grid}.filter label{flex-direction:column;gap:4px;font-size:.875rem;font-weight:600;display:flex}.filter input,.filter select{background:var(--farbe-flaeche);min-height:44px;color:var(--farbe-text);font:inherit;border:1px solid #c9ced6;border-radius:8px;padding:0 10px;font-size:1rem;font-weight:400}.filter-actions{flex-wrap:wrap;gap:8px;display:flex}.table-wrap{background:var(--farbe-flaeche);border:1px solid var(--farbe-rand);border-radius:var(--radius);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--farbe-rand);padding:10px 14px}th{background:var(--farbe-grund);color:var(--farbe-text-leise);font-size:.8rem}tbody tr:last-child td{border-bottom:0}.nowrap{white-space:nowrap}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.small{color:var(--farbe-text-leise);font-size:.8rem}.details{min-width:16rem;color:var(--farbe-text-leise)}.role-label{font-weight:600;display:block}.plain{margin:0;padding:0;list-style:none}.load-more{margin-top:16px}.stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:0 0 20px;display:grid}.stats dt{color:var(--farbe-text-leise);font-size:.875rem;font-weight:600}.stats dd{margin:4px 0 0}.stat-number{margin-bottom:4px;font-size:1.75rem;font-weight:700;display:block}.stats .small{display:block}.facts{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 24px;margin:16px 0 0;display:grid}.facts dt{color:var(--farbe-text-leise);font-size:.8rem;font-weight:600}.facts dd{margin:2px 0 0}.path{overflow-wrap:anywhere;display:block}.value{overflow-wrap:anywhere;max-width:24rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem}.value-block{background:var(--farbe-grund);border:1px solid var(--farbe-rand);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;max-height:24rem;margin:0;padding:12px;font-size:.85rem;overflow:auto}.badge{color:var(--farbe-text);border:1px solid #8a93a3;border-radius:999px;margin-left:8px;padding:0 8px;font-size:.75rem;font-weight:600;display:inline-block}.check{width:24px;height:24px;min-height:0;accent-color:var(--farbe-primaer);margin:0}.filter .check-label{flex-direction:row;align-items:center;gap:8px;min-height:44px}.filter .check-label .check{min-height:0;padding:0}.review{margin-top:20px}.review label{flex-direction:column;gap:4px;margin-bottom:12px;font-size:.875rem;font-weight:600;display:flex}.review textarea{background:var(--farbe-flaeche);color:var(--farbe-text);font:inherit;resize:vertical;border:1px solid #c9ced6;border-radius:8px;padding:10px;font-size:1rem;font-weight:400}section+section{margin-top:24px}.notice{color:var(--farbe-text);overflow-wrap:anywhere;background:#fff4e0;border:1px solid #b26a00;border-radius:8px;margin:0 0 20px;padding:12px 16px}.text{white-space:pre-wrap;overflow-wrap:anywhere}.actions{margin:16px 0 0}.meta-form{gap:12px;max-width:48rem;display:grid}.meta-form label{flex-direction:column;gap:4px;font-size:.875rem;font-weight:600;display:flex}.meta-form input[type=text],.meta-form input[type=url],.meta-form select,.meta-form textarea{background:var(--farbe-flaeche);min-height:44px;color:var(--farbe-text);font:inherit;border:1px solid #c9ced6;border-radius:8px;padding:10px;font-size:1rem;font-weight:400}.meta-form .check-label{flex-direction:row;align-items:center;gap:8px;min-height:44px}.meta-form .hint{color:var(--farbe-text-leise);margin:-8px 0 0;font-size:.875rem}.tasks{margin:0;padding:0;list-style:none}.tasks li{border-top:1px solid var(--farbe-rand);flex-direction:column;gap:2px;padding:12px 0;display:flex}.tasks li:first-child{border-top:0;padding-top:0}.task-title{font-size:1.05rem;font-weight:600}.nav-count{text-align:center;border:1px solid;border-radius:999px;min-width:24px;margin-left:8px;padding:0 6px;font-size:.8rem;font-weight:700;display:inline-block}.steps{counter-reset:schritt;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:0;list-style:none;display:flex}.step{counter-increment:schritt;background:var(--farbe-flaeche);color:var(--farbe-text-leise);border:1px solid #8a93a3;border-radius:999px;padding:6px 12px;font-size:.875rem}.step:before{content:counter(schritt) ". "}.step.done{color:var(--farbe-text)}.step.done:after{content:" ✓"}.step.current{border:2px solid var(--farbe-primaer);background:var(--farbe-auswahl);color:var(--farbe-text);font-weight:700}.urgent{font-weight:700}.notice-neutral{background:var(--farbe-flaeche);border:1px solid #8a93a3;border-radius:8px;margin:0 0 20px;padding:12px 16px}.review input[type=date],.meta-form input[type=date]{background:var(--farbe-flaeche);max-width:16rem;min-height:44px;color:var(--farbe-text);font:inherit;border:1px solid #c9ced6;border-radius:8px;padding:0 10px;font-size:1rem;font-weight:400}.messages{gap:16px;margin:0;padding:0;list-style:none;display:grid}.messages h2{margin:0 0 4px;font-size:1.1rem}.badge.first{margin:0 8px 0 0}details summary{cursor:pointer;min-height:24px;color:var(--farbe-primaer)}
