:root{--bg:#F6F8FB;--surface:#FFFFFF;--surface-2:#FCFDFE;--line:#E4E8EF;--line-2:#EEF1F6;--ink:#1B2733;--muted:#5C6B7A;--faint:#8A97A5;--primary:#12708A;--primary-ink:#0C5266;--primary-tint:#E7F1F4;--pos:#0E8F5E;--neg:#D64545;--warn:#B5771A;--holiday:#7A5AF0;--radius:12px;--radius-sm:9px;--shadow:0 1px 2px rgba(20,35,50,.04),0 4px 16px rgba(20,35,50,.05);--num:"tabular-nums"}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}a{color:inherit}.link{color:var(--primary);text-decoration:none;font-weight:600}.link:hover{text-decoration:underline}.boot,.empty{padding:28px;color:var(--muted);text-align:center}.muted{color:var(--muted)}.sm{font-size:12px}.mt{margin-top:14px}.strong{font-weight:700}.nowrap{white-space:nowrap}.auth{min-height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(1200px 500px at 50% -10%,#EAF1F5 0%,var(--bg) 60%)}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:26px;width:100%;max-width:360px;display:flex;flex-direction:column;gap:12px}.auth-sub{margin:0 0 6px;color:var(--muted);text-align:center}.auth-card label,.corr-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted);font-weight:600}.auth-card input,.corr-form input,.corr-form textarea{font:inherit;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px;width:100%}input:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.form-error{background:#fcecec;border:1px solid #F3C9C9;color:#9a2c2c;border-radius:var(--radius-sm);padding:9px 12px;font-size:14px}.btn-primary{background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font:inherit;font-weight:700;padding:11px 16px;cursor:pointer}.btn-primary:hover{background:var(--primary-ink)}.btn-primary:disabled{opacity:.6;cursor:default}.btn-ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);font:inherit;font-weight:600;padding:8px 12px;cursor:pointer}.btn-ghost:hover{background:var(--surface-2);border-color:#d6dce5}.btn-ghost.sm{padding:6px 10px;font-size:13px}.brand{display:flex;align-items:center;gap:9px;font-weight:800;letter-spacing:-.01em;font-size:17px}.brand.center{justify-content:center;font-size:20px}.brand-mark{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:7px;background:var(--primary);color:#fff;font-size:12px;font-weight:800;letter-spacing:.02em}.shell{min-height:100%;display:grid;grid-template-columns:236px 1fr;grid-template-rows:1fr;grid-template-areas:"side main"}.sidebar{grid-area:side;background:var(--surface);border-right:1px solid var(--line);padding:20px 14px;display:flex;flex-direction:column;gap:18px;position:sticky;top:0;height:100vh}.side-nav{display:flex;flex-direction:column;gap:2px;margin-top:6px}.navitem{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--muted);font-weight:600;text-decoration:none}.navitem svg{color:var(--faint)}.navitem:hover{background:var(--surface-2);color:var(--ink)}.navitem.active{background:var(--primary-tint);color:var(--primary-ink)}.navitem.active svg{color:var(--primary)}.side-foot{margin-top:auto;display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--line-2);padding-top:14px}.who-name{font-weight:700}.who-role{font-size:12px;color:var(--faint)}.topbar,.bottom-nav{display:none}.content{grid-area:main;padding:26px 30px;max-width:1080px;width:100%}.page{display:flex;flex-direction:column;gap:18px}.page-head h1{margin:0;font-size:22px;letter-spacing:-.01em}.page-head p{margin:3px 0 0}.page-head.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.back{display:inline-block;margin-bottom:6px}.monthnav{display:flex;align-items:center;gap:6px}.monthnav .year,.year{font-weight:700;min-width:56px;text-align:center}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-row.tight{gap:12px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:15px 16px;box-shadow:var(--shadow)}.stat.accent{background:linear-gradient(180deg,#f0f6f8,#fff);border-color:#d4e6ec}.stat-label{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.stat-value{font-size:26px;font-weight:800;letter-spacing:-.01em;margin-top:6px;font-variant-numeric:tabular-nums}.stat-value .unit{font-size:14px;font-weight:600;color:var(--faint)}.stat-sub{margin-top:4px;font-size:13px}.saldo{font-variant-numeric:tabular-nums;font-weight:700}.saldo.pos{color:var(--pos)}.saldo.neg{color:var(--neg)}.saldo.zero{color:var(--faint)}.saldo.big{font-size:26px;letter-spacing:-.01em}.status{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--muted);white-space:nowrap}.status i{width:8px;height:8px;border-radius:50%;background:var(--faint);flex:none}.status.ok i{background:var(--pos)}.status.ok{color:var(--pos)}.status.warn i{background:var(--warn)}.status.warn{color:var(--warn)}.status.miss i{background:var(--neg)}.status.miss{color:var(--neg)}.status.live i{background:var(--primary);box-shadow:0 0 0 3px var(--primary-tint)}.status.live{color:var(--primary-ink)}.status.holiday i{background:var(--holiday)}.status.holiday{color:var(--holiday)}.status.neutral i{background:#b8c2cd}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line-2)}.card-head h2{margin:0;font-size:15px}.card>table,.card>.acct,.card .empty{margin:0}table{border-collapse:collapse;width:100%}.mini th,.mini td,.month-table th,.month-table td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line-2)}.mini th,.month-table th{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:var(--surface-2)}.mini tr:last-child td,.month-table tbody tr:last-child td{border-bottom:none}.num{text-align:left}th.num,td.num{text-align:right}.month-table td:first-child,.month-table th:first-child{padding-left:16px}.mrow{cursor:pointer}.mrow:hover{background:var(--primary-tint)}.mrow.is-sun td{color:var(--faint);background:#fafbfc}.hol-name{color:var(--holiday);font-size:12px}.day-cards{display:none;flex-direction:column;gap:8px}.day-card{display:flex;align-items:center;gap:12px;text-align:left;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;cursor:pointer}.day-card.is-sun{opacity:.7}.dc-date{width:64px;flex:none}.dc-day{display:block;font-size:12px;color:var(--faint);font-weight:700}.dc-num{font-weight:700;font-variant-numeric:tabular-nums}.dc-mid{flex:1;min-width:0}.dc-times{font-weight:600;font-variant-numeric:tabular-nums}.dc-sub{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}.dc-right{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.kv{margin:0;padding:6px 4px}.kv>div{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;gap:16px}.kv dt{color:var(--muted)}.kv dd{margin:0;font-weight:600}.kv .rule{border-top:1px solid var(--line-2);margin-top:4px;padding-top:12px}.timeline{list-style:none;margin:0;padding:8px 6px}.timeline li{display:flex;align-items:center;gap:14px;padding:9px 12px;position:relative}.timeline li:before{content:"";position:absolute;left:76px;top:0;bottom:0;width:2px;background:var(--line)}.timeline li:first-child:before{top:50%}.timeline li:last-child:before{bottom:50%}.tl-time{width:52px;font-weight:700}.tl-type{background:var(--surface-2);border:1px solid var(--line);border-radius:20px;padding:3px 11px;font-size:13px;font-weight:600;position:relative}.tl-type:before{content:"";position:absolute;left:-15px;top:50%;transform:translateY(-50%);width:9px;height:9px;border-radius:50%;background:var(--primary);border:2px solid var(--surface)}li[class*=beginn] .tl-type:before{background:var(--pos)}li[class*=ende] .tl-type:before{background:var(--neg)}.corr-form{display:flex;flex-direction:column;gap:12px;padding:16px}.corr-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.corr-actions{display:flex;justify-content:flex-end;gap:10px}.notice{background:var(--primary-tint);border:1px solid #CDE3E9;color:var(--primary-ink);border-radius:var(--radius-sm);padding:10px 13px;font-size:14px}.acct{padding:10px 14px;display:flex;flex-direction:column;gap:8px}.acct-row{display:grid;grid-template-columns:44px 1fr 64px auto;align-items:center;gap:12px}.acct-name{font-weight:700;color:var(--muted)}.acct-bar{background:var(--line-2);border-radius:6px;height:12px;position:relative;overflow:hidden}.acct-fill{position:absolute;top:0;bottom:0;left:0;border-radius:6px}.acct-fill.pos{background:var(--pos)}.acct-fill.neg{background:var(--neg)}.acct-val{text-align:right}.acct-sub{font-size:12px;text-align:right;font-variant-numeric:tabular-nums}.chip{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12.5px;font-weight:700}.st-pending{background:#fbf1dc;color:#8a6512}.st-ok{background:#e3f5ec;color:#0b6c46}.st-no{background:#fbe4e4;color:#a02b2b}@media (max-width:900px){.shell{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"top" "main" "bottom"}.sidebar{display:none}.topbar{grid-area:top;display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-bottom:1px solid var(--line);padding:12px 16px;position:sticky;top:0;z-index:5}.content{grid-area:main;padding:18px 16px 84px}.bottom-nav{grid-area:bottom;display:flex;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:5}.bn-item{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--faint);text-decoration:none;font-size:10.5px;font-weight:600;padding:5px 8px;border-radius:9px}.bn-item.active{color:var(--primary)}.stat-row{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}.month-table{display:none}.day-cards{display:flex}.content{max-width:none}}@media (max-width:420px){.stat-row{grid-template-columns:1fr 1fr;gap:10px}.stat-value{font-size:22px}}.status.urlaub i{background:#12708a}.status.urlaub{color:#0c5266}.status.krank i{background:#b5771a}.status.krank{color:#8a5b12}.status.sonder i{background:#0e8f5e}.status.sonder{color:#0b6c46}.status.ausgleich i{background:#7a5af0}.status.ausgleich{color:#5b41c4}.mrow.is-holiday td:nth-child(2){color:var(--holiday)}.corr-form select,.corr-form input[type=date]{font:inherit;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px;width:100%}label.check{flex-direction:row;align-items:center;gap:8px;color:var(--ink);font-weight:500}label.check input{width:auto}td.right,th.right{text-align:right}.mini td .right{display:inline}.admin-users select{font:inherit;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:6px 8px;color:var(--ink)}.admin-users input.days{width:80px;text-align:right;font:inherit;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:6px 8px;color:var(--ink)}.team-add{display:flex;gap:8px;padding:12px 14px}.team-add input{flex:1;font:inherit;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:9px 12px;color:var(--ink)}.btn-primary.sm{padding:7px 12px;font-size:13px}