:root{--bg:#f6f7f9;--surface:#fff;--surface-2:#f1f3f6;--border:#e0e4e9;--border-stark:#cfd5dd;--text:#24282e;--muted:#707985;--muted-2:#98a1ad;--gelb:#f9d130;--gelb-dunkel:#e4bb1c;--gelb-weich:#fdf4d4;--rot:#c6363f;--danger:#b3261e;--danger-weich:#fdeceb;--success:#1f7a4d;--warn:#8a5a00;--warn-weich:#fdf3dc;--fuellung:#e8eaef;--fuellung-stark:#dde1e8;--radius:12px;--radius-klein:8px;--shadow:0 1px 2px #1018280a, 0 8px 24px #1018280a;--shadow-dialog:0 24px 64px #1018283d, 0 2px 8px #10182814;--linie-einzug:.75rem;--sidebar:248px;--schwung:cubic-bezier(.32, .72, 0, 1)}:root[data-theme=dark]{--bg:#15181d;--surface:#1d2127;--surface-2:#252a31;--border:#333a44;--border-stark:#454d59;--text:#e8eaed;--muted:#9aa4b2;--muted-2:#7a8694;--gelb:#f9d130;--gelb-dunkel:#ffdc55;--gelb-weich:#3a3109;--rot:#e07179;--danger:#f2857c;--danger-weich:#3a1e1c;--success:#6dc79b;--warn:#e0b354;--warn-weich:#33291480;--fuellung:#2b313a;--fuellung-stark:#343b45;--shadow:0 0 0 1px #ffffff0d;--shadow-dialog:0 24px 64px #000000b3, 0 0 0 1px #ffffff12}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:700}a{color:inherit}button{font:inherit}.btn{border-radius:var(--radius-klein);background:var(--fuellung);color:var(--text);cursor:pointer;white-space:nowrap;transition:background .15s var(--schwung), transform .12s var(--schwung), box-shadow .15s var(--schwung);border:0;justify-content:center;align-items:center;gap:.45rem;padding:.5rem .9rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 .5px 1.5px #10182814}.btn:hover:not(:disabled){background:var(--fuellung-stark)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gelb);color:#24282e}.btn-primary:hover:not(:disabled){background:var(--gelb-dunkel)}.btn-ghost{color:var(--muted);box-shadow:none;background:0 0}.btn-ghost:hover:not(:disabled){background:var(--fuellung);color:var(--text)}.btn-gefahr{color:var(--danger);box-shadow:none;background:0 0}.btn-gefahr:hover:not(:disabled){background:var(--danger-weich)}.btn-klein{padding:.35rem .65rem;font-size:.8125rem}.layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar);flex:0 0 var(--sidebar);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-head{padding:1.25rem 1.25rem 1rem}.brand{align-items:center;gap:.55rem;display:flex}.brand-logo{width:132px;height:auto;display:block}.brand-sub{letter-spacing:.14em;color:var(--muted-2);margin:.45rem 0 0;font-size:.6875rem;font-weight:700}.nav-gruppe{padding:.35rem .75rem}.nav-gruppe+.nav-gruppe{border-top:1px solid var(--border);margin:.45rem .75rem 0;padding:.55rem 0 .35rem}.nav-titel{letter-spacing:.12em;color:var(--muted-2);padding:.5rem .5rem .4rem;font-size:.6875rem;font-weight:700}.nav-item{border-radius:var(--radius-klein);width:100%;color:var(--muted);text-align:left;cursor:pointer;transition:background .14s var(--schwung), color .14s var(--schwung);background:0 0;border:0;align-items:center;gap:.6rem;padding:.45rem .5rem;font-size:.875rem;font-weight:500;display:flex}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--gelb-weich);color:var(--text);font-weight:600}.nav-item .nav-zahl{color:var(--muted-2);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.75rem}.nav-item.active .nav-zahl{color:var(--muted)}.punkt{background:var(--farbe,var(--muted-2));border-radius:2px;flex:none;width:8px;height:8px}.sidebar-foot{border-top:1px solid var(--border);margin-top:auto;padding:1rem 1.25rem 1.25rem}.konto{align-items:center;gap:.6rem;display:flex}.avatar{background:var(--surface-2);border:1px solid var(--border);width:30px;height:30px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:.6875rem;font-weight:700;display:grid}.konto-text{min-width:0}.konto-name{white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.konto-rolle{color:var(--muted-2);font-size:.75rem}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:20;align-items:center;gap:1rem;height:52px;padding:0 1.5rem;display:flex;position:sticky;top:0}.topbar-rechts{align-items:center;gap:.75rem;margin-left:auto;display:flex}.topbar-datum{color:var(--muted);font-size:.8125rem}.page{width:100%;max-width:1500px;padding:1.75rem 1.75rem 4rem}.page-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.eyebrow{letter-spacing:.16em;color:var(--muted-2);margin-bottom:.4rem;font-size:.6875rem;font-weight:700}.page-titel{font-size:2rem}.page-sub{color:var(--muted);margin-top:.3rem;font-size:.9375rem}.karte{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.karten-kopf{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.9rem;padding:.9rem;display:flex}.karten-kopf .btn-klein{padding:.42rem .8rem;font-size:.9375rem}.karten-kopf .btn-klein svg{width:18px;height:18px}.tabs{background:var(--fuellung);border-radius:var(--radius-klein);grid-template-columns:repeat(3,1fr);padding:4px;display:grid;position:relative}.tab-schieber{border-radius:calc(var(--radius-klein) - 4px);background:var(--surface);width:calc(33.3333% - 2.66667px);transition:transform .32s var(--schwung);position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 1px 2px #1018281a,0 0 0 .5px #1018280f}:root[data-theme=dark] .tab-schieber{box-shadow:0 1px 3px #00000080}.tab{z-index:1;border-radius:calc(var(--radius-klein) - 4px);color:var(--muted);cursor:pointer;white-space:nowrap;transition:color .2s var(--schwung);background:0 0;border:0;justify-content:center;align-items:center;gap:.45rem;padding:.45rem .85rem;font-size:.9375rem;font-weight:600;display:inline-flex;position:relative}.tab svg{width:18px;height:18px}.tab:hover,.tab.active{color:var(--text)}.kopf-rechts{gap:.4rem;margin-left:auto;display:flex}.filterleiste{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.6rem;padding:.75rem .9rem;display:flex}.suche{flex:260px;min-width:200px}input[type=text],input[type=email],input[type=password],input[type=date],input[type=url],select,textarea{border:1px solid var(--border-stark);border-radius:var(--radius-klein);background:var(--surface);width:100%;color:var(--text);font:inherit;padding:.45rem .6rem;font-size:.875rem}textarea{resize:vertical;min-height:68px}input:disabled,select:disabled,textarea:disabled{background:var(--surface-2);color:var(--text);border-color:var(--border);cursor:default;opacity:1;-webkit-text-fill-color:var(--text)}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--gelb-dunkel);box-shadow:0 0 0 3.5px color-mix(in srgb, var(--gelb) 40%, transparent);outline:none}input,select,textarea{transition:box-shadow .15s var(--schwung), border-color .15s var(--schwung)}select{cursor:pointer}.filterleiste select{background:var(--surface-2);width:auto;min-width:150px}.such-hinweis{border-bottom:1px solid var(--border);background:var(--gelb-weich);color:var(--muted);margin:0;padding:.5rem .9rem;font-size:.8125rem}.tabelle-huelle{overflow-x:auto}table.tabelle{border-collapse:collapse;width:100%;font-size:.875rem}table.tabelle th{text-align:left;color:var(--muted);white-space:nowrap;background:var(--surface);padding:.6rem .75rem;font-size:.75rem;font-weight:600}table.tabelle thead tr{box-shadow:inset 0 -1px 0 var(--border)}table.tabelle td{vertical-align:top;padding:.75rem}table.tabelle tbody td{background-image:linear-gradient(var(--border), var(--border));background-position:0 100%;background-repeat:no-repeat;background-size:100% 1px}table.tabelle tbody td:first-child{background-size:calc(100% - var(--linie-einzug)) 1px;background-position:var(--linie-einzug) 100%}table.tabelle tbody td:last-child{background-size:calc(100% - var(--linie-einzug)) 1px;background-position:0 100%}table.tabelle tbody tr:last-child td{background-image:none}table.tabelle tbody tr{transition:background .12s var(--schwung)}table.tabelle tbody tr:hover{background:var(--surface-2)}.spalte-nr{color:var(--muted-2);font-variant-numeric:tabular-nums;width:1%;font-size:.75rem}.thema-zelle{min-width:190px}.thema-titel{font:inherit;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-weight:700}.thema-titel:hover{text-decoration:underline}.spalte-land{white-space:nowrap;width:1%;color:var(--muted);font-variant-numeric:tabular-nums}.thema-hinweis{color:var(--muted-2);margin-top:.15rem;font-size:.75rem}.archiv-marke{border:1px solid var(--border-stark);letter-spacing:.04em;text-transform:uppercase;border-radius:3px;padding:0 .35rem;font-size:.6875rem;font-weight:700;display:inline-block}.termin-zelle{white-space:nowrap;font-variant-numeric:tabular-nums}.person{white-space:nowrap;align-items:center;gap:.45rem;display:flex}.person .avatar{width:24px;height:24px;font-size:.625rem}.badge{border:1px solid var(--border-stark);white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-rubrik{border-color:color-mix(in srgb, var(--farbe) 45%, transparent)}.badge-status{border-color:color-mix(in srgb, var(--farbe) 50%, transparent);color:color-mix(in srgb, var(--farbe) 65%, var(--text))}.termin-warnung{color:var(--warn);font-size:.75rem;display:block}.termin-ueberfaellig{color:var(--danger);font-size:.75rem;display:block}.board{align-items:flex-start;gap:.75rem;padding:.9rem;display:flex;overflow-x:auto}.board-spalte{background:var(--surface-2);border-radius:var(--radius);min-width:210px;transition:background .15s var(--schwung);flex:1 0 210px;padding:.6rem}.board-spalte.ziel{background:var(--gelb-weich)}.board-kopf{align-items:center;gap:.45rem;padding:.1rem .25rem .55rem;font-size:.8125rem;font-weight:700;display:flex}.board-kopf span{color:var(--muted-2);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:600}.board-karte{background:var(--surface);border-radius:var(--radius-klein);cursor:grab;transition:box-shadow .15s var(--schwung), transform .15s var(--schwung);margin-bottom:.5rem;padding:.6rem;box-shadow:0 1px 2px #1018280f,0 2px 8px #1018280a}.board-karte:hover{box-shadow:0 2px 4px #10182814,0 8px 20px #10182812}.board-karte:active{cursor:grabbing}.board-karte.zieht{opacity:.45}.board-karte h4{margin:.4rem 0 .2rem;font-size:.875rem;font-weight:700}.board-karte p{color:var(--muted);margin:0;font-size:.8125rem}.board-karte-fuss{border-top:1px solid var(--border);color:var(--muted-2);justify-content:space-between;align-items:center;gap:.5rem;margin-top:.55rem;padding-top:.5rem;font-size:.75rem;display:flex}.board-kopf:before{content:"";background:var(--farbe,var(--muted-2));border-radius:50%;flex:none;width:.5rem;height:.5rem}.board-hinweis{color:var(--muted-2);padding:0 .9rem .9rem;font-size:.8125rem}.spalten-fuss{color:var(--muted-2);border-top:1px dashed var(--border-stark);margin:0 0 .5rem;padding:.5rem .25rem 0;font-size:.75rem}.spalten-fuss p{margin:0 0 .4rem}.kalender{padding:.9rem}.kal-kopf{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.kal-monat{font-size:1.0625rem;font-weight:700}.kal-steuerung{gap:.3rem;margin-left:auto;display:flex}.kal-raster{border:1px solid var(--border);border-radius:var(--radius-klein);grid-template-columns:repeat(7,minmax(0,1fr));display:grid;overflow:hidden}.kal-wochentag{color:var(--muted);background:var(--surface-2);border-bottom:1px solid var(--border);text-align:center;padding:.45rem .6rem;font-size:.75rem;font-weight:700}.kal-tag{border-right:1px solid var(--border);border-bottom:1px solid var(--border);min-height:92px;padding:.4rem}.kal-tag:nth-child(7n+7){border-right:0}.kal-tag.fremder-monat{background:var(--surface-2)}.kal-tag.fremder-monat .kal-zahl{color:var(--muted-2)}.kal-zahl{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:700}.kal-tag.heute .kal-zahl{background:var(--gelb);color:#24282e;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.kal-eintrag{text-align:left;border:0;border-left:3px solid var(--farbe,var(--muted-2));background:var(--surface-2);width:100%;color:var(--text);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;transition:background .14s var(--schwung);border-radius:3px;margin-top:.3rem;padding:.2rem .35rem;font-size:.75rem;display:block;overflow:hidden}.kal-eintrag:hover{background:var(--gelb-weich)}.karten-fuss{border-top:1px solid var(--border);color:var(--muted-2);justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .9rem;font-size:.8125rem;display:flex}.seiten-fuss{color:var(--muted-2);justify-content:space-between;gap:1rem;margin-top:1.25rem;font-size:.75rem;display:flex}.leer{text-align:center;color:var(--muted);padding:3rem 1rem}.leer h3{margin-bottom:.3rem;font-size:1rem}.dialog-huelle{z-index:100;background:#10182873;justify-content:center;align-items:flex-start;padding:2.5rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.dialog{background:var(--surface);box-shadow:var(--shadow-dialog);width:100%;max-width:720px;animation:dialog-auf .22s var(--schwung);border-radius:16px}@keyframes dialog-auf{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.dialog{animation:none}.btn,.nav-item,table.tabelle tbody tr,.board-karte,.tab-schieber{transition:none}.btn:active:not(:disabled){transform:none}}.dialog-schmal{max-width:440px}.dialog-obenauf{z-index:200}.btn-loeschen{background:var(--danger);color:#fff;box-shadow:none}.btn-loeschen:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 85%, #000)}.spalte-aktion{text-align:right;white-space:nowrap;width:1%}.farbwahl{cursor:pointer;width:2.75rem;height:2rem;padding:2px}.farbwahl::-webkit-color-swatch{border:0;border-radius:4px}.farbwahl::-moz-color-swatch{border:0;border-radius:4px}.badge-rolle{border-color:color-mix(in srgb, var(--gelb-dunkel) 55%, transparent);background:var(--gelb-weich);color:var(--text);margin-right:.35rem}.knopf-hoch svg{transform:rotate(-90deg)}.knopf-runter svg{transform:rotate(90deg)}.knopf-hoch:hover:not(:disabled),.knopf-runter:hover:not(:disabled){color:var(--text);background:var(--fuellung)}.knopf-hoch:disabled,.knopf-runter:disabled{opacity:.25;cursor:default}.zeilen-knopf{color:var(--muted-2);opacity:.55}table.tabelle tbody tr:hover .zeilen-knopf{opacity:1}.zeilen-knopf:hover:not(:disabled){color:var(--danger);background:var(--danger-weich)}.zeilen-knopf:focus-visible{opacity:1}.nur-vorlesen{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dialog-kopf{align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem .75rem;display:flex}.dialog-kopf h2{font-size:1.5rem}.dialog-koerper{padding:.5rem 1.5rem 1.25rem}.dialog-fuss{border-top:1px solid var(--border);justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;display:flex}.fuss-links{flex-wrap:wrap;gap:.5rem;margin-right:auto;display:flex}.feldgruppe{margin-bottom:1rem}.feldgruppe>label,.feld-titel{margin-bottom:.35rem;font-size:.8125rem;font-weight:700;display:block}.pflicht{color:var(--gelb-dunkel)}.feld-hinweis{color:var(--muted);margin:.4rem 0 0;font-size:.8125rem;line-height:1.45}.feld-paar{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.feld-drei{grid-template-columns:1fr auto 1fr;gap:1rem;display:grid}.material-block{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-klein);padding:.9rem}.material-block>h3{margin-bottom:.75rem;font-size:.875rem}.material-zeile{grid-template-columns:1fr 1fr auto;align-items:start;gap:.5rem;margin-bottom:.5rem;display:grid}.historie{border-top:1px solid var(--border);margin-top:1.25rem;padding-top:.9rem}.verlauf-schalter{border-radius:var(--radius-klein);width:100%;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.5rem;margin-left:-.5rem;padding:.4rem .5rem;font-size:.8125rem;display:flex}.verlauf-schalter:hover{background:var(--surface-2)}.verlauf-schalter b{color:var(--text);font-weight:700}.verlauf-schalter>span{color:var(--muted-2);margin-left:auto;font-size:.75rem}.verlauf-pfeil{flex:none;transition:transform .12s}.verlauf-schalter.offen .verlauf-pfeil{transform:rotate(90deg)}.verlauf-liste{max-height:320px;margin:.5rem 0 0;padding:0;font-size:.8125rem;list-style:none;overflow-y:auto}.verlauf-liste>li{border-bottom:1px solid var(--border);color:var(--muted);padding:.5rem 0}.verlauf-liste>li:last-child{border-bottom:0}.historie b{color:var(--text);font-weight:600}.verlauf-kopf{justify-content:space-between;gap:.75rem;display:flex}.verlauf-kopf span{color:var(--muted-2);font-variant-numeric:tabular-nums}.verlauf-felder{border-left:2px solid var(--border);margin:.2rem 0 0;padding:0 0 0 .75rem;list-style:none}.verlauf-felder li{padding:.1rem 0}.fehler{background:var(--danger-weich);color:var(--danger);border:1px solid color-mix(in srgb, var(--danger) 35%, transparent);border-radius:var(--radius-klein);margin-bottom:1rem;padding:.55rem .75rem;font-size:.875rem}.hinweis{background:var(--warn-weich);color:var(--warn);border:1px solid color-mix(in srgb, var(--warn) 35%, transparent);border-radius:var(--radius-klein);margin-bottom:1rem;padding:.55rem .75rem;font-size:.875rem}.erfolg{background:color-mix(in srgb, var(--success) 12%, transparent);color:var(--success);border:1px solid color-mix(in srgb, var(--success) 35%, transparent);border-radius:var(--radius-klein);margin-bottom:1rem;padding:.55rem .75rem;font-size:.875rem}.login-seite{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:100vh;padding:2rem 1rem;display:flex}.login-marke{text-align:center}.login-logo{width:190px;margin:0 auto}.login-karte{background:var(--surface);border-radius:var(--radius);width:100%;max-width:380px;box-shadow:var(--shadow);padding:1.5rem}.login-karte h1{margin-bottom:.3rem;font-size:1.375rem}.login-karte .page-sub{margin-bottom:1.25rem;font-size:.875rem}.login-schloss{background:var(--gelb-weich);border-radius:9px;place-items:center;width:36px;height:36px;margin-bottom:.9rem;display:grid}.verwaltung{gap:1.25rem;max-width:900px;display:grid}.abschnitt-kopf{margin-bottom:.75rem}.abschnitt-kopf h2{font-size:1.125rem}.abschnitt-kopf p{color:var(--muted);margin:.2rem 0 0;font-size:.875rem}.nav-umschalter{margin-left:auto;display:none}@media (width<=960px){.feld-paar,.feld-drei,.material-zeile{grid-template-columns:1fr}}@media (width<=760px){.layout{flex-direction:column}.sidebar{border-right:0;border-bottom:1px solid var(--border);flex:none;width:100%;height:auto;position:static;overflow:visible}.sidebar-head{padding-bottom:.75rem}.nav-umschalter{display:inline-flex}.sidebar .nav-gruppe,.sidebar .sidebar-foot{display:none}.sidebar.offen .nav-gruppe,.sidebar.offen .sidebar-foot{display:block}.sidebar.offen .sidebar-foot{margin-top:0}.page{padding:1.25rem 1rem 3rem}.page-titel{font-size:1.5rem}.page-head{flex-direction:column}}@media (width<=560px){.topbar-datum{display:none}.topbar{padding:0 1rem}.karten-kopf{gap:.5rem}.tabs{width:100%}.kopf-rechts{width:100%;margin-left:0}.dialog-fuss{flex-wrap:wrap}}