:root{--bg: #0b1120;--panel: #151c2e;--panel2: #1d273e;--text: #e8edf6;--muted: #93a1bd;--accent: #6366f1;--accent-soft: rgba(99, 102, 241, .15);--green: #22c55e;--red: #ef4444;--amber: #f59e0b;--border: #283349;--radius: 14px;--shadow: 0 6px 24px rgba(0, 0, 0, .25);--side: 240px;--side-collapsed: 68px}:root[data-theme=light]{--bg: #f3f5fa;--panel: #ffffff;--panel2: #f3f5fa;--text: #0f172a;--muted: #64748b;--accent: #6366f1;--accent-soft: rgba(99, 102, 241, .12);--green: #16a34a;--red: #dc2626;--border: #e3e8f0;--shadow: 0 6px 20px rgba(15, 23, 42, .08)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:15px;-webkit-font-smoothing:antialiased}.center{min-height:100vh;display:grid;place-items:center;padding:1rem}.muted{color:var(--muted)}.small{font-size:.85rem}.shell{display:grid;grid-template-columns:var(--side) 1fr;min-height:100vh;transition:grid-template-columns .15s ease}.shell.collapsed{grid-template-columns:var(--side-collapsed) 1fr}.sidebar{background:linear-gradient(180deg,#111a2e,var(--panel));border-right:1px solid var(--border);display:flex;flex-direction:column;gap:.25rem;padding:.9rem .6rem;position:sticky;top:0;height:100vh}:root[data-theme=light] .sidebar{background:#fff}.side-brand{display:flex;align-items:center;gap:.7rem;padding:.4rem .6rem .9rem;font-weight:700;font-size:1.05rem;white-space:nowrap;overflow:hidden}.side-ico{width:1.6rem;text-align:center;font-size:1.1rem;flex:0 0 auto}.side-logo{width:2.2rem;height:2.2rem;object-fit:contain;flex:0 0 auto}.side-brand{text-decoration:none;color:inherit}.side-brand:hover{color:var(--accent)}.login-page{min-height:100vh;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.5rem;padding:2rem;background:radial-gradient(1200px 640px at 12% 18%,#14324a,#0a1220 60%);color:var(--text)}.login-hero{flex:0 1 560px;padding:clamp(1.8rem,4vw,3rem);display:flex;flex-direction:column;justify-content:center;gap:1.6rem;position:relative;overflow:hidden;background:#0f17289e;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow)}.login-hero:after{content:"";position:absolute;left:-12%;bottom:-12%;width:60%;height:55%;background:radial-gradient(circle at 30% 70%,rgba(34,211,238,.18),transparent 60%);pointer-events:none}.login-hero-head{display:flex;align-items:center;gap:1.1rem;position:relative;z-index:1}.login-hero-head>div{min-width:0}.login-hero-logo{flex:0 0 auto;width:clamp(76px,9vw,110px);height:auto;object-fit:contain;filter:drop-shadow(0 6px 26px rgba(34,211,238,.35))}.login-hero-title{margin:0;font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:800;line-height:1.04;color:#fff;overflow-wrap:break-word}.login-hero-title span{color:#22d3ee}.login-hero-sub{margin:.6rem 0 0;color:#9fb2d6;font-size:clamp(.95rem,1.6vw,1.15rem);max-width:30rem}.login-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.1rem;max-width:42rem;position:relative;z-index:1}.login-features li{display:flex;gap:.9rem;align-items:flex-start}.login-feature-ic{flex:0 0 auto;width:2.6rem;height:2.6rem;display:grid;place-items:center;border-radius:12px;color:#22d3ee;background:#22d3ee1a;border:1px solid rgba(34,211,238,.25)}.login-features li>span:last-child{display:flex;flex-direction:column;gap:.1rem}.login-features strong{color:#22d3ee;font-size:1.02rem}.login-feature-txt{color:#9fb2d6;font-size:.9rem;line-height:1.35}.login-card{flex:0 1 440px;max-width:92vw;background:#0f17289e;border:1px solid var(--border);border-radius:20px;padding:clamp(1.6rem,4vw,2.6rem);display:flex;flex-direction:column;align-items:center;gap:.45rem;box-shadow:var(--shadow)}.login-card-logo{width:92px;height:92px;object-fit:contain;filter:drop-shadow(0 6px 22px rgba(34,211,238,.35))}.login-card h2{margin:.4rem 0 0;text-align:center;color:#fff;font-size:1.75rem}.login-card>p.muted{text-align:center;margin:0 0 .7rem}.login-card form{display:flex;flex-direction:column;gap:.8rem;width:100%}.login-field{display:flex;align-items:center;gap:.5rem;background:var(--panel2);border:1px solid var(--border);border-radius:12px;padding:0 .8rem}.login-field:focus-within{border-color:#22d3ee}.login-field-ic{color:#7f93b5;display:grid;place-items:center}.login-field input{flex:1;background:transparent;border:none;outline:none;color:var(--text);padding:.85rem 0;font-size:1rem}.login-eye{background:transparent;border:none;color:#7f93b5;cursor:pointer;padding:.2rem;display:grid;place-items:center}.login-eye:hover{color:#22d3ee}.login-submit{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.3rem;padding:.9rem;font-size:1.05rem;font-weight:700;color:#06222b;background:linear-gradient(145deg,#5ee7f5,#22d3ee);border:none;border-radius:12px}.login-submit:hover{filter:brightness(1.05)}.login-tenant-link{align-self:center;margin-top:.1rem}@media(max-width:900px){.login-page{grid-template-columns:1fr}.login-hero{display:none}}.side-nav{display:flex;flex-direction:column;gap:.15rem;flex:1;overflow-y:auto}.side-sep{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;padding:.9rem .7rem .3rem;white-space:nowrap;overflow:hidden}.side-link{display:flex;align-items:center;gap:.7rem;padding:.6rem .7rem;border-radius:10px;color:var(--muted);text-decoration:none;white-space:nowrap;overflow:hidden}.side-link:hover{background:var(--panel2);color:var(--text)}.side-link.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.side-lbl{overflow:hidden;text-overflow:ellipsis}.side-foot{display:flex;gap:.4rem;padding:.5rem .3rem .2rem;border-top:1px solid var(--border);margin-top:.3rem}.icon-btn{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:9px;padding:.45rem .7rem;cursor:pointer;font-size:1rem}.icon-btn:hover{border-color:var(--accent)}.shell.collapsed .side-lbl,.shell.collapsed .side-sep,.shell.collapsed .side-brand .side-lbl{display:none}.shell.collapsed .side-link,.shell.collapsed .side-brand{justify-content:center}.shell.collapsed .side-foot{flex-direction:column}.main{min-width:0;display:flex;flex-direction:column}.topbar2{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.5rem;border-bottom:1px solid var(--border);background:var(--panel);position:sticky;top:0;z-index:5}.topbar2-actions{display:flex;align-items:center;gap:.6rem}.icon-btn{display:inline-flex;align-items:center;justify-content:center}.icon-btn svg{display:block}.content{padding:1.5rem;width:100%;min-width:0}.grid{display:grid;gap:1.25rem;grid-template-columns:1fr}@media(min-width:820px){.grid{grid-template-columns:1fr 1fr}}.stack{display:flex;flex-direction:column;gap:1.25rem}@media(max-width:640px){.shell{grid-template-columns:var(--side-collapsed) 1fr}.shell .side-lbl,.shell .side-sep,.side-brand .side-lbl{display:none}.shell .side-link,.shell .side-brand{justify-content:center}}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem;box-shadow:var(--shadow)}.card h2{margin:0 0 1.1rem;font-size:1.1rem}.card h3{margin:0 0 .6rem;font-size:1rem}.card.warn{border-color:var(--amber)}label{display:flex;flex-direction:column;gap:.35rem;font-size:.88rem;color:var(--muted)}input,select{background:var(--panel2);border:1px solid var(--border);color:var(--text);padding:.6rem .75rem;border-radius:10px;font-size:.98rem;outline:none;transition:border-color .12s,box-shadow .12s}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form{display:flex;flex-direction:column;gap:.85rem}.filters{display:flex;gap:1rem;align-items:end;flex-wrap:wrap;margin-bottom:1.1rem}button{background:var(--accent);color:#fff;border:none;padding:.6rem 1.1rem;border-radius:10px;font-weight:600;cursor:pointer;font-size:.95rem;transition:filter .12s,transform .04s}button:hover{filter:brightness(1.08)}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--green)}button.danger{background:var(--red)}button.ghost{background:var(--panel2);color:var(--text);border:1px solid var(--border)}button.link{background:none;color:var(--accent);padding:0;font-weight:500}button.link:hover{filter:none;text-decoration:underline}label.check{flex-direction:row;align-items:center;gap:.5rem;color:var(--text);cursor:pointer}label.check input{width:auto}.row2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.85rem}.row-between{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.hgroup{border:1px solid var(--border);border-radius:10px;padding:.9rem 1rem 1.1rem;margin:0 0 1rem;background:var(--panel2)}.hgroup:last-child{margin-bottom:0}.hgroup>legend{padding:0 .5rem;font-weight:600;font-size:.92rem;color:var(--muted)}.year-group{border-top:1px solid var(--border);margin-top:.6rem}.year-group:first-of-type{border-top:none;margin-top:.2rem}.year-group>summary{cursor:pointer;padding:.5rem .1rem;font-weight:600;list-style:none;display:flex;align-items:center;gap:.4rem}.year-group>summary::-webkit-details-marker{display:none}.year-group>summary:before{content:"▸";color:var(--muted);transition:transform .12s}.year-group[open]>summary:before{transform:rotate(90deg)}.year-group>.table{margin:0 0 .6rem}.rules{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.rules .rule{display:grid;grid-template-columns:minmax(120px,34%) 1fr;gap:.6rem;align-items:baseline}.rules .rule-k{font-weight:600;color:var(--text)}.rules .rule-v{color:var(--muted)}@media(max-width:560px){.rules .rule{grid-template-columns:1fr;gap:.1rem}}.side-link.sub{margin-left:1.1rem;font-size:.92rem;opacity:.92}.side-link.sub .side-ico{font-size:.92em}.side-group-head{display:flex;align-items:center;gap:.4rem;width:100%;background:none;border:none;cursor:pointer;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;padding:.9rem .7rem .3rem;white-space:nowrap;overflow:hidden;font-weight:700;font-family:inherit}.side-group-head:hover{color:var(--text)}.side-chev{display:inline-block;transition:transform .12s;font-size:.85em}.side-group-head[aria-expanded=true] .side-chev{transform:rotate(90deg)}.side-group-body{display:flex;flex-direction:column;gap:.15rem}.side-link-row{display:flex;align-items:center}.side-link-row .side-link{flex:1;min-width:0}.side-subtoggle{background:none;border:none;color:var(--muted);cursor:pointer;padding:.3rem .55rem;font-size:.8rem;transition:transform .12s;line-height:1}.side-subtoggle:hover{color:var(--text)}.side-subtoggle[aria-expanded=true]{transform:rotate(90deg)}.shell.collapsed .side-subtoggle{display:none}.punch-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.punch-buttons button{padding:1.1rem;font-size:1.05rem}.punch-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.punch-big{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;min-height:150px;padding:1.6rem 1rem;border:none;border-radius:18px;color:#fff;font-size:1.4rem;font-weight:800;letter-spacing:.01em;cursor:pointer;box-shadow:var(--shadow);transition:transform .1s ease,filter .12s ease}.punch-big .punch-ico{width:3rem;height:3rem}.punch-big.in{background:linear-gradient(160deg,#34d76b,#16a34a)}.punch-big.out{background:linear-gradient(160deg,#f8625f,#dc2626)}.punch-big:not(:disabled):hover{filter:brightness(1.06);transform:translateY(-2px)}.punch-big:not(:disabled):active{transform:translateY(0)}.punch-big:disabled{opacity:.32;box-shadow:none;cursor:default;filter:grayscale(.4)}.punch-sub{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-top:.85rem}.punch-pause{display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--panel2);color:var(--text);border:1px solid var(--border);padding:.85rem;border-radius:12px;font-weight:600;font-size:1rem}.punch-pause .punch-ico{width:1.25rem;height:1.25rem;flex:0 0 auto}.punch-pause:not(:disabled):hover{border-color:var(--accent);filter:none}.punch-pause:disabled{opacity:.4;cursor:default}.punch-ico svg{width:100%;height:100%;display:block}.check-list{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem}.check-list .check{white-space:nowrap}.inline-filter{flex-direction:row;align-items:center;gap:.45rem;font-size:.9rem;color:var(--muted)}.inline-filter select{width:auto}.filters-inline{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.period-pick{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.period-pick input{width:auto}.period-pick .range-inputs{display:flex;align-items:center;gap:.4rem}.seg{display:inline-flex;border:1px solid var(--border);border-radius:999px;overflow:hidden;background:var(--panel2)}.seg button{border:none;background:transparent;color:var(--muted);padding:.3rem .8rem;cursor:pointer;font-size:.85rem}.seg button.active{background:var(--accent);color:#fff}.user-pick{display:flex;flex-wrap:wrap;gap:.4rem}.shift-box{border:1px solid var(--border);border-radius:10px;padding:.85rem 1rem;margin:.4rem 0;display:flex;flex-direction:column;gap:.5rem}.table.erfassung td{vertical-align:top}.table.erfassung th:first-child,.table.erfassung td:first-child{width:4.5rem}.ze-day{white-space:nowrap;font-variant-numeric:tabular-nums}.ze-stamp{display:flex;align-items:center;gap:.35rem;margin-bottom:.25rem}.ze-stamp input[type=time],.ze-stamp select{width:auto}.ze-reason{padding:.18rem .5rem;border-radius:6px;background:var(--accent-soft);color:var(--accent);font-size:.84rem;font-weight:600;white-space:nowrap}.ze-add-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.ze-add-btn,.ze-reason-add{width:auto;font-size:.8rem;padding:.18rem .55rem;border:1px dashed var(--border);border-radius:6px;background:var(--panel2);color:var(--muted);cursor:pointer}.ze-add-btn:hover,.ze-reason-add:hover{border-color:var(--accent);color:var(--accent)}.ze-reason-add{border-style:solid}.users-table tbody tr{transition:background .12s ease}.users-table tbody tr:hover>td{background:color-mix(in srgb,var(--accent) 7%,transparent)}.user-name-link{display:inline-block;font-weight:600;color:var(--text);text-decoration:none;padding:.22rem .55rem;border:1px solid var(--border);border-radius:7px;background:var(--panel2)}.user-name-link:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.dash-list{display:flex;flex-direction:column;gap:.3rem;margin-top:.4rem}.dash-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.dash-dot{width:9px;height:9px;border-radius:50%;background:var(--muted);display:inline-block}.dash-dot.present{background:#1a7f37;box-shadow:0 0 0 3px color-mix(in srgb,#1a7f37 22%,transparent)}.dash-sub{margin-top:.5rem;font-size:.85rem}.badge.warn{background:color-mix(in srgb,#b8860b 22%,transparent);color:#8a6d00}.badge.neg-badge{background:color-mix(in srgb,#b00 20%,transparent);color:#b00}button.small{padding:.22rem .6rem;font-size:.82rem}.sub-block{margin-top:.7rem;padding:.6rem .85rem;border-left:3px solid var(--accent);background:var(--panel2);border-radius:6px;display:flex;flex-direction:column;gap:.35rem}.ze-abs{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.25rem;padding-left:.45rem;border-left:3px solid var(--border)}.ze-abs-krank{border-left-color:var(--red)}.ze-abs-urlaub{border-left-color:var(--green, #2ea043)}.ze-abs-urlaub_geplant{border-left-style:dashed;border-left-color:var(--green, #2ea043);opacity:.85}.ze-abs-freistellung{border-left-color:var(--amber)}.ze-calc-box{font-size:.85rem;white-space:nowrap;line-height:1.35}.ze-calc-box span.muted:first-child{display:inline-block;width:2.6rem}.ze-grp+.ze-grp{border-top:1px solid var(--border);margin-top:.3rem;padding-top:.3rem}.ze-overview{display:flex;flex-wrap:wrap;gap:.3rem 1rem}.ze-ov-item{display:flex;gap:.45rem;align-items:baseline;min-width:8rem;font-variant-numeric:tabular-nums}button.ze-ov-item{background:none;border:none;color:inherit;font:inherit;cursor:pointer;padding:.18rem .3rem;border-radius:8px}button.ze-ov-item:hover{background:var(--panel2)}.ze-ov-item.weekend{opacity:.55}.ze-ov-day{color:var(--muted);white-space:nowrap}tr.ze-flash>td{background:var(--accent-soft)!important;transition:background .3s ease}.warn{color:var(--amber)}button.link.danger-link{color:var(--red)}tr.ze-weekend>td{background:var(--panel2)}tr.ze-free>td{background:var(--panel2)}tr.ze-free>td:first-child{box-shadow:inset 3px 0 0 var(--border)}tr.ze-missing>td{border-top:2px dashed var(--red);border-bottom:2px dashed var(--red)}tr.ze-missing>td:first-child{border-left:2px dashed var(--red)}tr.ze-missing>td:last-child{border-right:2px dashed var(--red)}tr.ze-holiday>td{background:var(--accent-soft)}.ze-tag-badge{display:inline-block;margin-left:.35rem;padding:.02rem .34rem;border-radius:999px;font-size:.64rem;font-weight:700;letter-spacing:.03em;background:var(--border);color:var(--muted);vertical-align:middle}.ze-tag-badge.fe{background:var(--accent-soft);color:var(--accent)}.ze-tag-badge.err{background:var(--red);color:#fff}.ze-free-note{font-style:italic;opacity:.85}.search-input{width:16rem;max-width:52vw}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}th.sortable:hover{color:var(--text)}.pin-btn{background:var(--panel2);color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:.22rem .75rem;cursor:pointer;font-size:.82rem;font-weight:600}.pin-btn.on{background:#22c55e29;color:var(--green);border-color:transparent}.pin-btn:hover{border-color:var(--accent)}.table-wrap{overflow-x:auto}.to-top{position:fixed;right:1.25rem;bottom:1.25rem;z-index:50;display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .85rem;border:none;border-radius:999px;background:var(--accent);color:#fff;font-weight:700;font-size:.8rem;cursor:pointer;box-shadow:0 4px 14px #0000004d}.to-top:hover{filter:brightness(1.08)}.drag-handle{cursor:grab;color:var(--muted);-webkit-user-select:none;user-select:none;letter-spacing:-2px;font-size:1.05rem}tr.drag-row{cursor:grab}tr.drag-row:active{cursor:grabbing}.drag-cell{width:1.6rem;text-align:center}.group-drop{border-radius:var(--radius);transition:box-shadow .1s ease}.group-drop.over{box-shadow:0 0 0 2px var(--accent)}.group-drop.over .section{background:var(--accent-soft)}.reason-buttons{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.85rem}.reason-buttons .punch-pause{flex:1 1 auto;min-width:150px}.punch-pause.reason.beginn{border-color:color-mix(in srgb,var(--green) 55%,var(--border))}.punch-pause.reason.ende{border-color:color-mix(in srgb,var(--red) 55%,var(--border))}@media(max-width:420px){.punch-big{min-height:120px;font-size:1.2rem}.punch-big .punch-ico{width:2.4rem;height:2.4rem}}.status{display:flex;align-items:center;gap:1rem;margin-top:1rem}.badge{background:var(--panel2);color:var(--muted);padding:.22rem .65rem;border-radius:999px;font-size:.82rem}.badge.green{background:#22c55e29;color:var(--green)}.kpis{display:flex;gap:.8rem;margin-top:1.1rem;flex-wrap:wrap}.kpi{display:flex;flex-direction:column;gap:.2rem;border:1px solid var(--border);border-radius:10px;padding:.55rem .9rem;background:var(--panel2);min-width:110px}.kpi strong{font-size:1.3rem}.report-boxes{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.rbox{border:1px solid var(--border);border-radius:10px;padding:.7rem .9rem;background:var(--panel2);min-width:220px}.rbox h4{margin:0 0 .5rem;font-size:.82rem;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.rbox-grid{display:grid;grid-template-columns:1fr auto;gap:.25rem 1rem;align-items:baseline}.rbox-grid strong{text-align:right}.rbox-inline{display:flex;flex-wrap:wrap;gap:.3rem 1.4rem}.sum-row td{border-top:2px solid var(--border);font-weight:600}.report-select{width:auto}.report-detail .booking{padding:.1rem 0}.report-detail td{vertical-align:top}.nowrap{white-space:nowrap}.logo-row{display:flex;gap:1rem;align-items:flex-start;flex-wrap:wrap}.logo-preview{width:160px;height:90px;object-fit:contain;border:1px solid var(--border);border-radius:8px;background:var(--panel2)}.logo-preview.empty{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.8rem}.stack-sm{display:flex;flex-direction:column;gap:.4rem;align-items:flex-start}.pos{color:var(--green)}.neg{color:var(--red)}.table{width:100%;border-collapse:collapse;font-size:.92rem}.table th{text-align:left;color:var(--muted);font-weight:500;padding:.5rem .55rem;border-bottom:1px solid var(--border)}.table td{padding:.55rem;border-bottom:1px solid var(--panel2)}.table tr:hover td{background:var(--panel2)}.secret{font-size:.74rem;word-break:break-all}code{background:var(--panel2);padding:.1rem .35rem;border-radius:5px}.holiday-row td{color:var(--accent)}.surcharge-box{margin:1rem 0}.error{background:#ef444424;color:#fca5a5;padding:.55rem .75rem;border-radius:10px;font-size:.9rem}:root[data-theme=light] .error{color:#b91c1c}.section{padding:0;overflow:hidden}.section-head{width:100%;background:var(--panel2);color:var(--text);border:none;border-radius:0;padding:1rem 1.4rem;display:flex;justify-content:space-between;align-items:center;font-size:1.02rem;font-weight:600;cursor:pointer}.section-head:hover{filter:brightness(1.05)}.section-body{padding:1.4rem}.chev{color:var(--muted)}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.1rem;gap:1rem;flex-wrap:wrap}.card-head h2{margin:0}.accent-red,.danger-link{color:var(--red)}.form-actions{display:flex;justify-content:flex-end;margin-top:.5rem}.switch{flex-direction:row;align-items:center;gap:.45rem;color:var(--muted);cursor:pointer}.switch input{width:auto}.model-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.model-list li{display:flex;align-items:center;gap:.75rem}.model-list .model-row{flex:1;min-width:0;text-align:left;background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.25rem;cursor:pointer}.model-list li.active .model-row,.model-list .model-row:hover{border-color:var(--accent)}.model-actions{display:flex;gap:.7rem;align-items:center;flex:0 0 auto}.icon-btn.danger-link{color:inherit}.icon-btn.danger-link:hover{border-color:var(--red)}.toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer}.toggle input{position:absolute;opacity:0;width:0;height:0}.toggle .track{width:40px;height:22px;background:var(--border);border-radius:999px;position:relative;transition:background .15s}.toggle .knob{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .15s;box-shadow:0 1px 2px #0000004d}.toggle input:checked+.track{background:var(--green)}.toggle input:checked+.track .knob{transform:translate(18px)}@keyframes pullUp{0%{transform:translateY(12px);box-shadow:0 0 0 3px var(--accent)}60%{transform:translateY(0)}to{box-shadow:0 0 #6366f100}}.card.pull{animation:pullUp .6s ease}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;z-index:50;padding:1rem}.modal{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:1.5rem;width:min(460px,94vw);display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow)}.modal h3{margin:0}.warn-box{background:#f59e0b1f;border:1px solid var(--amber);border-radius:10px;padding:.8rem;font-size:.9rem;line-height:1.45}.modal-actions{display:flex;justify-content:flex-end;gap:.7rem}.surcharge-edit{margin-top:1.25rem;border-top:1px solid var(--border);padding-top:1rem}.surcharge-edit h4{margin:0 0 .5rem}.surcharge-list{list-style:none;padding:0;margin:.5rem 0 0;font-size:.85rem}.surcharge-list li{display:flex;justify-content:space-between;padding:.25rem 0;border-top:1px solid var(--panel2)}.wd-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.4rem}.wd-cell{font-size:.75rem;align-items:center}.wd-cell input{width:100%;padding:.3rem;text-align:center}.wd-picker{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.chip{background:var(--panel2);color:var(--muted);border:1px solid var(--border);padding:.32rem .65rem;border-radius:999px;cursor:pointer}.chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.chip-group{background:var(--accent-soft);color:var(--accent);border-color:var(--accent);font-weight:600}.chip-group.active{background:var(--accent);color:#fff}.tiers{display:flex;flex-direction:column;gap:.4rem;background:var(--panel2);padding:.75rem;border-radius:10px}.tier-row{display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:var(--muted);flex-wrap:wrap}.tier-row input{width:4.5rem;padding:.35rem}.btn-config{display:flex;flex-direction:column;gap:.35rem;border-top:1px solid var(--border);padding-top:.85rem}.btn-chips{display:flex;gap:.25rem}.btn-chips .chip{padding:.2rem .45rem;font-size:.72rem}.pause-days{display:flex;flex-direction:column;gap:.35rem}.pause-day-row{display:flex;align-items:center;gap:.5rem}.pause-day-row .wd-lbl{width:2rem;color:var(--muted)}.day-editor{display:flex;flex-direction:column;gap:.9rem}.form-h{margin:.4rem 0 0;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.day-tabs{display:inline-flex;gap:.25rem;background:var(--panel2);padding:.3rem;border-radius:12px;flex-wrap:wrap;align-self:flex-start}.day-tabs .tab{background:transparent;color:var(--muted);border:none;border-radius:9px;padding:.5rem .95rem;cursor:pointer;font-weight:500}.day-tabs .tab:hover{color:var(--text);filter:none}.day-tabs .tab.active{background:var(--accent);color:#fff;font-weight:600;box-shadow:var(--shadow)}.day-cards{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.day-card{min-width:0;background:var(--panel2);border:1px solid var(--border);border-radius:12px;padding:.85rem;display:flex;flex-direction:column;gap:.7rem}.day-card select,.day-card input{min-width:0;width:100%;max-width:100%}.day-card .row2 label{min-width:0}.day-card .tier-row{font-size:.82rem;white-space:nowrap;align-items:center}.day-card .tier-row input{width:3rem}.day-card .tiers{padding:.5rem;background:var(--panel2)}.day-card.fe{border-color:var(--accent)}.day-card-h{font-weight:700;font-size:.95rem;padding-bottom:.35rem;border-bottom:1px solid var(--border)}.day-sec{display:flex;flex-direction:column;gap:.4rem;background:var(--panel);border:1px solid var(--border);border-radius:9px;padding:.6rem}.day-sec .form-h{margin:0;color:var(--accent)}.day-sec .check.small{font-size:.8rem;display:flex;align-items:center;gap:.35rem}.day-sec .check.small input{width:auto}.calc-soll{font-size:.95rem;font-weight:600;display:flex;align-items:baseline;gap:.4rem}.calc-soll .xsmall{font-weight:400}.xsmall{font-size:.72rem;line-height:1.3}.day-card select,.day-card input{font-size:.85rem;padding:.4rem .5rem}.sur-row{display:flex;justify-content:space-between;align-items:center;gap:.4rem;font-size:.78rem;background:var(--panel2);border-radius:6px;padding:.3rem .45rem}.sur-add{display:flex;flex-direction:column;gap:.35rem;border-top:1px dashed var(--border);padding-top:.4rem}.sur-add .small{font-size:.75rem}.copy-box{display:flex;flex-direction:column;gap:.4rem;border-top:1px solid var(--border);padding-top:.4rem}.copy-days{display:flex;gap:.2rem;flex-wrap:wrap}.copy-days .chip{padding:.18rem .4rem;font-size:.72rem}.pause-shared{display:flex;flex-direction:column;gap:.6rem;background:var(--panel2);border-radius:10px;padding:.85rem}.kiosk{min-height:100vh;display:grid;place-items:center;padding:1rem;background:radial-gradient(circle at 50% -10%,#1f2b46,#0b1120)}.kiosk-box{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:2.2rem;width:min(440px,94vw);display:flex;flex-direction:column;gap:1rem;text-align:center;box-shadow:var(--shadow)}.kiosk-box.wide{width:min(560px,96vw)}.kiosk-box h1{margin:0}.pin-display{font-size:2rem;letter-spacing:.5rem;min-height:2.5rem;color:var(--accent)}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.numpad button{padding:1.2rem;font-size:1.5rem;background:var(--panel2);color:var(--text);border-radius:12px}.kiosk-clock{width:min(760px,96vw);display:flex;flex-direction:column;align-items:center;gap:.9rem;text-align:center}.clock-head{display:flex;flex-direction:column;align-items:center;gap:.4rem;margin-bottom:.3rem}.clock-logo{max-height:96px;max-width:min(420px,84vw);object-fit:contain;filter:drop-shadow(0 4px 16px rgba(0,0,0,.4))}.clock-brand{display:flex;align-items:center;gap:.9rem}.clock-logo-itn{height:64px;width:auto;object-fit:contain;filter:drop-shadow(0 4px 16px rgba(0,0,0,.4))}.clock-brand-text{font-size:clamp(1.4rem,4.5vw,2.1rem);font-weight:800;color:#fff;letter-spacing:.01em}.clock-term{font-size:clamp(1.2rem,3.6vw,1.8rem);font-weight:700;color:#cdd9f0;letter-spacing:.03em}.clock-time{font-size:clamp(4rem,17vw,9rem);font-weight:800;letter-spacing:.03em;line-height:1;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 6px 34px rgba(80,140,255,.35)}.clock-date{font-size:clamp(1rem,3.5vw,1.5rem);color:#9fb2d6;text-transform:capitalize;margin-bottom:.5rem}.clock-actions{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;width:100%;max-width:600px}.clock-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2.2rem 1rem;font-size:clamp(1.3rem,4vw,1.9rem);font-weight:700;border:none;border-radius:20px;color:#fff;box-shadow:var(--shadow);transition:transform .05s ease,filter .15s ease}.clock-actions button svg{width:clamp(40px,9vw,64px);height:clamp(40px,9vw,64px)}.clock-actions button:active{transform:scale(.97)}.clock-actions button:hover{filter:brightness(1.08)}.clock-reasons{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;max-width:600px}.clock-reasons .reason{display:inline-flex;align-items:center;gap:.4rem;padding:.7rem 1.1rem;font-size:1rem;font-weight:600;border:none;border-radius:12px;color:#fff}.act-in{background:linear-gradient(145deg,#1f9d57,#15703f)}.act-out{background:linear-gradient(145deg,#d94b4b,#a82f2f)}.act-break{background:linear-gradient(145deg,#3a4a6b,#28344d)}.kiosk-gear{position:fixed;right:1rem;bottom:1rem;width:3.2rem;height:3.2rem;border-radius:50%;display:grid;place-items:center;background:#ffffff0f;color:#9fb2d6;border:1px solid rgba(255,255,255,.12);opacity:.5;transition:opacity .15s ease}.kiosk-gear:hover{opacity:1}.kiosk-report-btn{position:fixed;left:1rem;bottom:1rem;width:3.2rem;height:3.2rem;border-radius:50%;display:grid;place-items:center;background:#ffffff0f;color:#9fb2d6;border:1px solid rgba(255,255,255,.12);opacity:.6;transition:opacity .15s ease}.kiosk-report-btn:hover{opacity:1}.kiosk-report{width:min(940px,97vw);max-height:94vh;display:flex;flex-direction:column;gap:.7rem;background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:1.3rem;box-shadow:var(--shadow)}.krep-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.krep-title{display:inline-flex;align-items:center;gap:.5rem;font-size:1.4rem;font-weight:800;color:#fff}.krep-month{display:inline-flex;align-items:center;gap:.6rem;font-size:1.1rem;font-weight:700}.krep-month button{width:2.4rem;height:2.4rem;font-size:1.4rem;background:var(--panel2);color:var(--text);border-radius:10px}.krep-month span{min-width:8.5rem;text-align:center;text-transform:capitalize}.krep-select{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.4rem .6rem}.krep-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.krep-kpi{background:var(--panel2);border-radius:12px;padding:.6rem .5rem;display:flex;flex-direction:column;gap:.15rem;text-align:center}.krep-kpi span{font-size:.68rem;color:#9fb2d6;text-transform:uppercase;letter-spacing:.03em}.krep-kpi strong{font-size:1.2rem;font-variant-numeric:tabular-nums}.krep-kpi.big{outline:1px solid var(--border)}.krep-kpi.big strong{font-size:1.5rem}.krep-kpi.pos strong{color:var(--green)}.krep-kpi.neg strong{color:var(--red, #e06464)}.krep-boxes{display:flex;flex-wrap:wrap;gap:.6rem}.krep-box{background:var(--panel2);border-radius:10px;padding:.5rem .8rem;flex:1 1 260px}.krep-box h4{margin:0 0 .3rem;font-size:.8rem;color:#9fb2d6}.krep-box-inline{display:flex;flex-wrap:wrap;gap:.4rem 1rem;font-size:.9rem}.krep-tablewrap{overflow:auto;border-radius:10px}.krep-table{width:100%;border-collapse:collapse;font-size:.86rem;font-variant-numeric:tabular-nums}.krep-table th,.krep-table td{padding:.3rem .5rem;text-align:right;white-space:nowrap;border-bottom:1px solid var(--border)}.krep-table th:first-child,.krep-table td:first-child,.krep-table th:nth-child(2),.krep-table td:nth-child(2),.krep-table th:last-child,.krep-table td:last-child{text-align:left}.krep-table thead th{position:sticky;top:0;background:var(--panel);color:#9fb2d6}.krep-table .krep-sum td{border-top:2px solid var(--border);border-bottom:none}.krep-row-warn td{background:#e064641f}.krep-detail{overflow-y:auto;display:flex;flex-direction:column;gap:.4rem}.krep-dday{background:var(--panel2);border-radius:10px;padding:.5rem .7rem;font-size:.9rem}.krep-dday.krep-row-warn{outline:2px dashed var(--red);outline-offset:-2px}.krep-dday-head{display:flex;align-items:center;gap:.6rem}.krep-dday-note{font-size:.72rem;color:var(--red, #e06464)}.krep-dday-stamps{display:flex;flex-wrap:wrap;gap:.3rem .9rem;color:#cdd9f0;margin:.15rem 0}.krep-dday-nums{font-variant-numeric:tabular-nums;color:#9fb2d6}@media(max-width:620px){.krep-kpis{grid-template-columns:repeat(2,1fr)}}.month-arrow{width:2rem;height:2rem;padding:0;font-size:1.2rem;line-height:1;background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:8px;cursor:pointer}.month-arrow:hover{border-color:var(--accent)}.kiosk-lock{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;background:#080c16f7;cursor:pointer}.kiosk-lock-box{text-align:center;color:#cdd9f0;display:flex;flex-direction:column;gap:.6rem}.kiosk-lock-icon{font-size:4rem}.kiosk-lock-title{font-size:1.8rem;font-weight:800;color:#fff}.kiosk-lock-sub{font-size:1.1rem;color:#9fb2d6}.kiosk-toggle{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-weight:600}.kiosk-toggle input{width:1.4rem;height:1.4rem}.pin-head{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.6rem;font-weight:700;padding:.8rem 1rem;border-radius:14px;color:#fff}.pin-head.act-in{background:linear-gradient(145deg,#1f9d57,#15703f)}.pin-head.act-out{background:linear-gradient(145deg,#d94b4b,#a82f2f)}.pin-head.act-break{background:linear-gradient(145deg,#3a4a6b,#28344d)}.pin-ok{padding:1.1rem;font-size:1.3rem;font-weight:700}.kiosk-confirm{width:min(560px,96vw);background:var(--panel);border:1px solid var(--green);border-radius:22px;padding:2.4rem 2rem;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center}.confirm-check{color:var(--green)}.confirm-greet{font-size:2rem;font-weight:800;color:#fff}.confirm-sub{color:#9fb2d6;margin-bottom:.6rem}.confirm-saldo{display:flex;flex-direction:column;gap:.1rem;padding:1rem 1.4rem;border-radius:16px;background:var(--panel2);width:100%;max-width:320px}.confirm-saldo span{font-size:.85rem;color:#9fb2d6;text-transform:uppercase;letter-spacing:.05em}.confirm-saldo strong{font-size:2.4rem;font-variant-numeric:tabular-nums}.confirm-saldo.pos strong{color:var(--green)}.confirm-saldo.neg strong{color:var(--red, #e06464)}.confirm-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;width:100%;margin-top:.6rem}.ckpi{background:var(--panel2);border-radius:12px;padding:.7rem .5rem;display:flex;flex-direction:column;gap:.2rem}.ckpi span{font-size:.72rem;color:#9fb2d6}.ckpi strong{font-size:1.2rem;font-variant-numeric:tabular-nums}.ckpi strong.pos{color:var(--green)}.ckpi strong.neg{color:var(--red, #e06464)}.copyfield{display:inline-flex;align-items:center;gap:.4rem;max-width:100%}.copyfield code{font-family:ui-monospace,monospace;font-size:.8rem;background:var(--panel2);padding:.2rem .45rem;border-radius:6px;max-width:18ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copybtn{font-size:.72rem;padding:.22rem .55rem;white-space:nowrap;border:1px solid var(--border);background:var(--panel2);color:var(--text);border-radius:6px;cursor:pointer}.copybtn:hover{border-color:var(--accent)}.presence-grid{display:grid;gap:1.25rem;grid-template-columns:1fr}@media(min-width:820px){.presence-grid{grid-template-columns:repeat(3,1fr)}}.presence-grid h3{margin:0 0 .75rem;font-size:1rem}.plist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.plist li{padding:.45rem .6rem;background:var(--panel2);border-radius:8px}.plan-tools{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0 .8rem}.plan-tool{font-size:.8rem;padding:.28rem .6rem;border:1px solid var(--border);border-radius:7px;background:var(--panel2);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;gap:.4rem}.plan-tool.active{outline:2px solid var(--accent);outline-offset:1px}.plan-grid-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:10px}.plan-grid{border-collapse:collapse;-webkit-user-select:none;user-select:none;font-size:.78rem}.plan-grid th,.plan-grid td{border:1px solid var(--border);text-align:center}.plan-grid thead th{position:sticky;top:0;z-index:2;background:var(--panel);padding:.2rem .1rem;min-width:1.5rem;line-height:1.05}.plan-grid th.plan-name,.plan-grid td.plan-name{position:sticky;left:0;z-index:1;background:var(--panel);text-align:left;white-space:nowrap;padding:.25rem .6rem;min-width:9rem;font-weight:600}.plan-grid thead th.plan-name{z-index:3}.plan-cell{width:1.5rem;height:1.5rem;padding:0;cursor:pointer}.plan-cell:hover{outline:1px solid var(--accent);outline-offset:-1px}.ze-strip .plan-cell{width:3rem;height:2.2rem;vertical-align:middle}.ze-strip .plan-diff{display:block;font-size:.62rem;font-weight:700;line-height:1;pointer-events:none}.plan-cell.plan-missing{outline:2px dashed var(--red);outline-offset:-2px}.plan-key.plan-missing{border:1px dashed var(--red);background:transparent}.plan-key.plan-link{background:var(--accent)}.ze-strip thead th.ze-th-link{cursor:pointer}.ze-strip thead th.ze-th-link:hover{color:var(--accent)}.plan-sel{outline:2px solid var(--accent)!important;outline-offset:-2px}.plan-grid .we{background:color-mix(in srgb,var(--panel2) 55%,transparent)}.plan-free{background-color:color-mix(in srgb,var(--muted) 22%,var(--panel2));background-image:repeating-linear-gradient(45deg,color-mix(in srgb,var(--muted) 65%,transparent) 0 2px,transparent 2px 6px)}.plan-holiday{background:var(--accent-soft)}.plan-abs-urlaub{background:var(--green, #2ea043)}.plan-abs-krank{background:var(--red)}.plan-abs-freistellung{background:var(--amber)}.plan-abs-urlaub_geplant{background:repeating-linear-gradient(45deg,var(--green, #2ea043),var(--green, #2ea043) 3px,transparent 3px,transparent 7px)}.plan-erase{background:repeating-linear-gradient(45deg,var(--border),var(--border) 2px,transparent 2px,transparent 5px)}.plan-key{display:inline-block;width:.9rem;height:.9rem;border-radius:3px;border:1px solid var(--border);vertical-align:middle}.plan-legend{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .8rem;margin-top:.7rem}.plan-legend .plan-key{margin-right:.15rem}.month-nav{display:inline-flex;align-items:center;gap:.4rem}.month-nav input[type=month]{min-width:8.5rem}.month-nav .icon-btn{font-size:.9rem;padding:.2rem .5rem}.dropzone{border:2px dashed var(--border);border-radius:10px;padding:1.3rem;text-align:center;color:var(--muted);background:var(--panel2);transition:border-color .15s,background .15s}.dropzone.over{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.dropzone label.link{color:var(--accent);cursor:pointer}