:root{--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--fs-xs:11px;--fs-sm:12px;--fs-md:13px;--fs-base:14px;--fs-lg:15px;--fs-xl:22px;--fs-num:30px;--bg:#f1f5f9;--panel:#fff;--surface-2:#f8fafc;--ink:#0f172a;--ink-2:#334155;--muted:#64748b;--line:#e2e8f0;--line-2:#cbd5e1;--primary:#0e7490;--primary-d:#155e75;--primary-soft:#ecfeff;--ok:#16a34a;--ok-bg:#dcfce7;--ok-ink:#166534;--warn-bg:#fef3c7;--warn-ink:#92400e;--danger:#dc2626;--danger-d:#b91c1c;--danger-bg:#fee2e2;--danger-ink:#991b1b;--info-bg:#dbeafe;--info-ink:#1e40af;--neutral-bg:#f1f5f9;--neutral-ink:#475569;--sb:#0f172a;--sb-ink:#cbd5e1;--sb-active:#1e293b;--sb-line:#1e293b;--sb-muted:#94a3b8;--placeholder:#94a3b8;--r-xs:6px;--r-sm:8px;--r-md:10px;--r-lg:12px;--r-pill:999px;--shadow-card:0 1px 2px rgba(15,23,42,.04);--shadow-pop:0 20px 50px rgba(15,23,42,.28);--focus:0 0 0 3px rgba(14,116,144,.15);--h-control:38px;--w-xs:72px;--w-sm:140px;--w-md:220px;--w-lg:340px;--w-num:96px;--label-col:190px;--kv-label:140px;--content-max:1180px;--sidebar-w:248px;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:var(--fs-base);line-height:1.5}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h2{font-size:var(--fs-xl);line-height:1.25;margin:0 0 var(--sp-4)}h3{font-size:var(--fs-lg);line-height:1.3;margin:0 0 var(--sp-3)}h4{font-size:var(--fs-md);line-height:1.3;margin:0 0 var(--sp-2)}p{margin:0 0 var(--sp-3)}p:last-child{margin-bottom:0}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--sb);color:var(--sb-ink);padding:var(--sp-4) var(--sp-3);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:var(--sp-2);background:var(--panel);border-radius:var(--r-md);padding:9px var(--sp-3);margin-bottom:var(--sp-1)}.brand img{height:24px;display:block}.brand .tag{margin-left:auto;font-size:10px;background:var(--primary);color:#fff;padding:2px 7px;border-radius:var(--r-pill);font-weight:700}.who{font-size:var(--fs-sm);color:var(--sb-muted);padding:var(--sp-2) var(--sp-1) var(--sp-3);border-bottom:1px solid var(--sb-line);margin-bottom:var(--sp-1)}.who b{color:#e2e8f0;display:block;font-size:var(--fs-md)}.nav-group{font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:var(--sp-3) var(--sp-1) var(--sp-1)}.sidebar a.nav{display:block;color:var(--sb-ink);padding:var(--sp-2) var(--sp-2);border-radius:var(--r-sm);font-size:var(--fs-base)}.sidebar a.nav:hover{background:var(--sb-active);text-decoration:none}.sidebar a.nav.active{background:var(--sb-active);color:#fff;box-shadow:inset 3px 0 0 var(--primary)}.spacer{flex:1}.logout{color:var(--sb-muted);cursor:pointer;padding:var(--sp-2);border-radius:var(--r-sm);font-size:var(--fs-base)}.logout:hover{background:var(--sb-active);color:#fff}.content{flex:1;min-width:0;padding:var(--sp-5) var(--sp-6);max-width:var(--content-max);margin:0 auto;width:100%}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-4)}.page-head h2,.page-head h3{margin:2px 0}.page-head .sub{color:var(--muted);font-size:var(--fs-md);margin-top:var(--sp-1)}.page-actions,.actions{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.page-actions{margin-left:auto}.back{font-size:var(--fs-md);color:var(--muted)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-5);margin-bottom:var(--sp-4);box-shadow:var(--shadow-card)}.card{overflow-x:auto}.card>h3:first-child,.card>h4:first-child{margin-top:0}.card.tight{padding:var(--sp-3) var(--sp-4)}.card.danger{border-color:var(--danger)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-3)}.card-head h3,.card-head h4{margin:0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.table-wrap{width:100%;overflow-x:auto;overscroll-behavior-x:contain;margin-bottom:var(--sp-3)}.table-wrap:last-child{margin-bottom:0}table{width:100%;border-collapse:collapse;font-size:var(--fs-base)}thead th{background:var(--surface-2)}th{text-align:left;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.03em;color:var(--muted);font-weight:600;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--line);vertical-align:bottom}td{padding:10px var(--sp-3);border-bottom:1px solid var(--line);vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr.click{cursor:pointer}tbody tr.click:hover{background:var(--surface-2)}.num{text-align:right;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}th.num,td.num{text-align:right}.num>input,.num>select{text-align:right}th.col-actions,td.col-actions{width:1%;white-space:nowrap;text-align:right}.empty{color:var(--muted);font-size:var(--fs-md);padding:var(--sp-4) 0;margin:0}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--sp-3);margin-bottom:var(--sp-4)}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-4);box-shadow:var(--shadow-card)}.kpi .n{font-size:var(--fs-num);font-weight:700;color:var(--primary-d);line-height:1;font-variant-numeric:tabular-nums}.kpi .l{font-size:var(--fs-sm);color:var(--muted);margin-top:var(--sp-1)}.badge{display:inline-block;font-size:var(--fs-xs);font-weight:600;line-height:1.5;padding:2px 9px;border-radius:var(--r-pill);white-space:nowrap;vertical-align:baseline}.badge+.badge{margin-left:var(--sp-1)}.badge-green{background:var(--ok-bg);color:var(--ok-ink)}.badge-blue{background:var(--info-bg);color:var(--info-ink)}.badge-amber{background:var(--warn-bg);color:var(--warn-ink)}.badge-red{background:var(--danger-bg);color:var(--danger-ink)}.badge-gray{background:var(--neutral-bg);color:var(--neutral-ink)}input,select,textarea{font:inherit;font-size:var(--fs-base);color:var(--ink);background:var(--panel);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:9px var(--sp-3)}input:not([type=checkbox]):not([type=radio]):not([type=file]),select{height:var(--h-control);padding-top:0;padding-bottom:0}input[type=file]{min-height:var(--h-control);padding:7px var(--sp-2);font-size:var(--fs-md)}textarea{width:100%;resize:vertical;min-height:84px;line-height:1.45}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus)}input:disabled,select:disabled,textarea:disabled{background:var(--surface-2);color:var(--muted);cursor:not-allowed}input::placeholder,textarea::placeholder{color:var(--placeholder)}label{display:block;font-size:var(--fs-md);color:var(--ink-2);margin-bottom:var(--sp-3)}label input{width:100%;margin-top:var(--sp-1)}input[type=checkbox],input[type=radio]{width:18px;height:18px;flex:0 0 auto;margin:0;padding:0;accent-color:var(--primary);cursor:pointer}input[type=number]{width:var(--w-num);text-align:right;font-variant-numeric:tabular-nums}.row{display:flex;gap:var(--sp-3);align-items:flex-end;flex-wrap:wrap}.row>input,.row>select{flex:1;min-width:150px}.field{display:flex;flex-direction:column;gap:var(--sp-1);margin:0;flex:1;min-width:150px}.field>span{font-size:var(--fs-sm);color:var(--muted);line-height:1.3}.field input,.field select,.field textarea{margin:0;width:100%}.field.sm{flex:0 0 auto;min-width:0}.check{display:inline-flex;align-items:center;gap:var(--sp-2);height:var(--h-control);margin:0;font-size:var(--fs-base);color:var(--ink-2);cursor:pointer}.check-row{display:flex;flex-wrap:wrap;gap:var(--sp-3) var(--sp-5);align-items:center;margin-bottom:var(--sp-1)}.file-mini{display:inline-block;margin:0 0 0 var(--sp-2);font-size:var(--fs-sm);color:var(--primary);cursor:pointer;text-decoration:underline}.file-mini input{display:none}.form-grid{display:grid;grid-template-columns:var(--label-col) minmax(0,1fr);gap:var(--sp-3) var(--sp-4);align-items:start}.form-grid>.fg-label{margin:0;padding-top:10px;font-size:var(--fs-md);color:var(--ink-2);line-height:1.3}.form-grid>.fg-label .req{color:var(--danger)}.form-grid>.fg-field{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);min-width:0}.form-grid>.fg-field>input:not([class]):not([type=number]),.form-grid>.fg-field>select:not([class]),.form-grid>.fg-field>textarea:not([class]){width:100%}.form-grid>.fg-hint{grid-column:2;margin:calc(var(--sp-2) * -1) 0 0;font-size:var(--fs-sm);color:var(--muted)}.form-grid>.fg-full{grid-column:1 / -1;margin:0}.form-grid>.fg-trenner{grid-column:1 / -1;height:1px;background:var(--line);margin:var(--sp-1) 0}.w-xs.w-xs{width:var(--w-xs);flex:0 0 auto;min-width:0}.w-sm.w-sm{width:var(--w-sm);flex:0 0 auto;min-width:0}.w-md.w-md{width:var(--w-md);flex:0 0 auto;min-width:0}.w-lg.w-lg{width:var(--w-lg);flex:0 0 auto;min-width:0}.w-full.w-full{width:100%;flex:1 1 100%;min-width:0}.mw-sm.mw-sm{max-width:var(--w-sm);min-width:0}.mw-md.mw-md{max-width:var(--w-md);min-width:0}.mw-lg.mw-lg{max-width:var(--w-lg);min-width:0}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:var(--h-control);padding:0 var(--sp-4);border:1px solid transparent;border-radius:var(--r-sm);background:var(--primary);color:#fff;font:inherit;font-size:var(--fs-base);font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;text-decoration:none}button:hover,.btn:hover{background:var(--primary-d);color:#fff;text-decoration:none}button:focus-visible,.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button:disabled,button[disabled]{opacity:.55;cursor:default}button:disabled:hover{background:var(--primary)}.btn-soft{background:var(--line);color:var(--ink)}.btn-soft:hover{background:var(--line-2);color:var(--ink)}.btn-soft:disabled:hover{background:var(--line)}.btn-ghost{background:transparent;color:var(--ink-2);border-color:var(--line-2)}.btn-ghost:hover{background:var(--surface-2);color:var(--ink)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-d);color:#fff}.btn-danger:disabled:hover{background:var(--danger)}.btn-sm{height:30px;padding:0 var(--sp-3);font-size:var(--fs-md)}.btn-group{display:inline-flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.editor-grid{overflow-x:auto;overscroll-behavior-x:contain}.editor-grid>.editor-row{min-width:var(--editor-min,680px)}.editor-row{display:grid;grid-template-columns:var(--editor-cols,minmax(180px,1fr) repeat(3,var(--w-num)) var(--w-sm));gap:var(--sp-3);align-items:center;padding:var(--sp-2) 0;border-bottom:1px solid var(--line)}.editor-row:last-child{border-bottom:0}.editor-row.head{padding:0 0 var(--sp-2);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.03em;color:var(--muted);font-weight:600;line-height:1.3}.editor-row .cell{min-width:0}.editor-row.unit{border-bottom:0;border-top:1px solid var(--line-2);margin-top:var(--sp-4);padding:var(--sp-4) 0 var(--sp-2)}.editor-grid>.editor-row.unit:first-child{border-top:0;margin-top:0;padding-top:0}.editor-row.unit .cell.unit-name{grid-column:1 / -2;display:flex;align-items:center;gap:var(--sp-3)}.editor-row.unit .cell.unit-name>b{white-space:nowrap}.editor-row.unit .cell.unit-name>input{flex:1;min-width:0}.editor-row.unit .cell.unit-aktion{grid-column:-2 / -1;display:flex;justify-content:flex-end;align-items:center}.editor-row.add{border-bottom:0}.editor-row.summe{border-bottom:0;padding-top:var(--sp-1)}.editor-row.summe .cell.summe-label{grid-column:1 / -3;text-align:right;color:var(--muted);align-self:center}.editor-row.summe .cell.summe-wert{grid-column:-3 / -1;text-align:right;font-variant-numeric:tabular-nums}.editor-row.summe .cell.summe-wert.gut{color:var(--ok-ink)}.editor-row.summe .cell.summe-wert.fehlt{color:var(--danger)}.editor-row .cell.num{text-align:right}.editor-row .cell>input:not([class]),.editor-row .cell>select:not([class]){width:100%}.editor-row .cell.num>input:not([class]){width:100%;text-align:right}.editor-plan{--editor-cols:minmax(220px,2.6fr) 96px var(--w-num) 110px 110px;--editor-min:760px}.datumzeit{display:inline-flex;align-items:center;gap:var(--sp-2);position:relative}.datumzeit .kalender-schacht{position:absolute;left:0;bottom:0;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}input.ungueltig,input.ungueltig:focus{border-color:var(--danger);box-shadow:none}.kv{display:flex;gap:var(--sp-2);font-size:var(--fs-base);padding:var(--sp-1) 0}.kv span{width:var(--kv-label);flex:0 0 var(--kv-label);color:var(--muted)}.muted{color:var(--muted);font-size:var(--fs-md)}.error{background:var(--danger-bg);color:var(--danger-ink);padding:9px var(--sp-3);border-radius:var(--r-sm);font-size:var(--fs-md);margin:var(--sp-2) 0}.ok{background:var(--ok-bg);color:var(--ok-ink);padding:9px var(--sp-3);border-radius:var(--r-sm);font-size:var(--fs-md);margin:var(--sp-2) 0}.hinweis{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-md);color:var(--ink-2);margin:var(--sp-2) 0}.mt{margin-top:var(--sp-4)}.mt-sm{margin-top:var(--sp-2)}.mt-lg{margin-top:var(--sp-5)}.mb-0{margin-bottom:0}.nowrap{white-space:nowrap}.right{text-align:right}.stack{display:flex;flex-direction:column;gap:var(--sp-3)}.stack-sm{display:flex;flex-direction:column;gap:var(--sp-2)}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--sb),var(--primary-d))}.auth-card{background:var(--panel);border-radius:14px;padding:var(--sp-6);width:380px;box-shadow:0 20px 50px #00000040}.auth-card h1{font-size:19px;margin:0 0 var(--sp-4);color:var(--primary-d);display:flex;align-items:center;gap:var(--sp-2)}.auth-card .dot{width:10px;height:10px;border-radius:50%;background:var(--primary)}.auth-logo{text-align:center;margin-bottom:var(--sp-4)}.auth-logo img{height:46px}.auth-card button{width:100%;margin-top:var(--sp-1)}.kal{display:grid;grid-template-columns:58px repeat(7,minmax(0,1fr));background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;margin-bottom:var(--sp-4)}.kal-kopf{background:var(--surface-2);font-size:var(--fs-sm);font-weight:600;padding:9px var(--sp-1);text-align:center;border-bottom:1px solid var(--line);color:var(--ink-2)}.kal-kopf.heute{color:var(--primary-d);background:var(--primary-soft)}.kal-zeit{font-size:var(--fs-xs);color:var(--muted);padding:5px 7px;text-align:right;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.kal-zelle{border-bottom:1px solid var(--line);border-right:1px solid var(--line);min-height:46px;padding:3px;cursor:pointer}.kal-zelle:hover{background:var(--surface-2)}.kal-termin{display:block;width:100%;height:auto;text-align:left;font-size:var(--fs-xs);line-height:1.3;padding:var(--sp-1) var(--sp-1);border-radius:var(--r-xs);margin-bottom:3px;border:0;cursor:pointer;background:var(--info-bg);color:var(--info-ink);font-weight:600}.kal-termin.erledigt{background:var(--ok-bg);color:var(--ok-ink)}.kal-termin.abgesagt{background:var(--neutral-bg);color:var(--neutral-ink)}.kal-termin.verpasst{background:var(--danger-bg);color:var(--danger-ink)}.kal-termin.warn{box-shadow:inset 0 0 0 2px var(--danger)}.kal-termin:hover{filter:brightness(.96);background:var(--info-bg);color:var(--info-ink)}.kal-termin.erledigt:hover{background:var(--ok-bg);color:var(--ok-ink)}.kal-termin.abgesagt:hover{background:var(--neutral-bg);color:var(--neutral-ink)}.kal-termin.verpasst:hover{background:var(--danger-bg);color:var(--danger-ink)}.termin-liste{display:none}.termin-zeile{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--line)}.termin-zeile:last-child{border-bottom:0}.dialog-hg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);z-index:50}.dialog{background:var(--panel);border-radius:var(--r-lg);padding:var(--sp-5);width:100%;max-width:560px;max-height:90vh;overflow:auto;box-shadow:var(--shadow-pop)}.ampel{display:inline-flex;align-items:center;gap:9px;font-size:var(--fs-md);color:var(--ink-2)}.ampel .punkt{width:11px;height:11px;border-radius:50%;background:#94a3b8;flex:0 0 auto}.ampel.ok .punkt{background:var(--ok)}.ampel.fehler .punkt{background:var(--danger)}.ampel.ok{background:none;padding:0;margin:0;color:var(--ink-2)}.anleitung{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);margin:var(--sp-1) 0 var(--sp-3)}.anleitung h4{margin:0 0 var(--sp-2);font-size:var(--fs-md)}.anleitung ol{margin:0;padding-left:18px;font-size:var(--fs-md);color:var(--ink-2)}.anleitung li{margin-bottom:var(--sp-1)}.soll-zeile{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-base);padding:var(--sp-1) 0}.soll-zeile .label{flex:1}.soll-zeile .wert{font-weight:600}@media (max-width:900px){.grid2{grid-template-columns:1fr}}@media (max-width:768px){.layout{flex-direction:column;min-height:auto}.sidebar{width:auto;flex-direction:row;flex-wrap:wrap;align-items:center;padding:10px var(--sp-3);gap:var(--sp-1)}.sidebar .brand{margin-bottom:0}.sidebar .who,.sidebar .nav-group{display:none}.sidebar a.nav,.sidebar .logout{padding:7px 9px;font-size:var(--fs-md)}.sidebar .spacer{flex:0 0 100%;height:0}.content{padding:var(--sp-4) var(--sp-3);max-width:100%}.kpis{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.card{padding:var(--sp-3) var(--sp-4)}table{font-size:var(--fs-md)}th,td{padding:var(--sp-2) 7px;white-space:nowrap}.form-grid{grid-template-columns:1fr;gap:var(--sp-2)}.form-grid>.fg-label{padding-top:0}.form-grid>.fg-hint,.form-grid>.fg-full,.form-grid>.fg-trenner{grid-column:1}.page-actions{margin-left:0}.kal{display:none}.termin-liste{display:block}}