*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.flex{display:flex}.table{display:table}.list-item{display:list-item}.border{border-width:1px}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:#14161a;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 16px}.phone{position:relative;width:480px;max-width:100%;height:760px;background:#202326;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.45)}.screen{position:absolute;inset:0;display:none;flex-direction:column;padding:56px 40px}.screen.active{display:flex}#screen-zeiterfassen{padding:40px 40px 56px}.zf-btn{all:unset;box-sizing:border-box;cursor:pointer;width:100%;padding:28px 24px;border-radius:16px;display:flex;align-items:center;gap:18px;transition:transform .12s ease}.zf-btn:hover{transform:translateY(-2px)}.zf-btn:active{transform:translateY(0)}.zf-btn:focus-visible{outline:3px solid #F5C518;outline-offset:3px}.icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-label{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.btn-title{font-size:19px;font-weight:700}.btn-sub{font-size:13px;font-weight:500}.header-block{flex-direction:column;gap:6px;margin-bottom:8px}.header-block,.logo-badge{display:flex;align-items:center}.logo-badge{width:40px;height:40px;border-radius:10px;background:#F5C518;justify-content:center;margin-bottom:18px}.eyebrow{color:#6B7076;font-size:13px;letter-spacing:.02em}.title-main{color:#F5F5F4;font-size:26px;font-weight:600;margin-top:2px}.menu{flex-grow:1;display:flex;flex-direction:column;justify-content:center;gap:16px}.footer-note{text-align:center;color:#4B4F53;font-size:12px;margin-top:8px}.back-link{display:flex;align-items:center;gap:6px;text-decoration:none;color:#6B7076;font-size:13px;width:-moz-fit-content;width:fit-content}.back-link:hover{color:#F5F5F4}.ze-header{display:flex;flex-direction:column;align-items:center;gap:6px;margin:20px 0 28px}.ze-title{color:#F5F5F4;font-size:24px;font-weight:600}.ze-subtitle{color:#6B7076;font-size:13px}.nfc-wrap{flex-direction:column;gap:18px;margin-bottom:32px}.nfc-circle,.nfc-wrap{display:flex;align-items:center}.nfc-circle{width:96px;height:96px;border-radius:50%;background:#2A2E32;border:1px solid #383c40;justify-content:center;animation:zf-pulse 1.8s ease-out infinite}@keyframes zf-pulse{0%{box-shadow:0 0 0 0 rgba(74,222,128,.35)}to{box-shadow:0 0 0 14px rgba(74,222,128,0)}}.status-pill{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:rgba(74,222,128,.12)}.status-dot{width:7px;height:7px;border-radius:50%;background:#4ADE80}.status-text{color:#4ADE80;font-size:13px;font-weight:600}.employee-card{gap:14px;padding:16px 18px;border-radius:14px;background:#2A2E32;border:1px solid #383c40;margin-bottom:28px}.avatar,.employee-card{display:flex;align-items:center}.avatar{width:44px;height:44px;border-radius:50%;background:#383C40;justify-content:center;color:#F5F5F4;font-size:15px;font-weight:700;flex-shrink:0}.employee-name{color:#F5F5F4;font-size:16px;font-weight:600}.employee-meta{color:#9CA3AF;font-size:12.5px}.auto-action{flex-direction:column;gap:10px;padding:32px 24px;border-radius:16px;background:#2A2E32;border:1px solid #383c40;text-align:center}.auto-action,.auto-action-icon{display:flex;align-items:center}.auto-action-icon{width:56px;height:56px;border-radius:50%;background:rgba(74,222,128,.12);justify-content:center}.auto-action.processing .auto-action-icon{animation:zf-pulse 1s ease-out infinite}.auto-action-title{color:#F5F5F4;font-size:19px;font-weight:700}.auto-action-sub{color:#9CA3AF;font-size:13px}.tab-bar{display:flex;gap:6px;margin:0 40px 20px;padding:4px;background:#2A2E32;border-radius:12px}.tab{all:unset;box-sizing:border-box;flex:1;text-align:center;cursor:pointer;padding:9px 6px;border-radius:9px;font-size:11.5px;font-weight:600;line-height:1.25;color:#9CA3AF}.tab.active{background:#F5C518;color:#202326}.tab-content-wrap{flex-grow:1;overflow-y:auto;padding:0 40px 24px}.tab-panel{display:none;flex-direction:column;gap:10px}.list-item,.tab-panel.active{display:flex}.list-item{align-items:center;gap:12px;padding:14px 16px;border-radius:12px;background:#2A2E32;border:1px solid #383c40}.list-item-text{flex-grow:1;display:flex;flex-direction:column;gap:2px;min-width:0}.list-item-title{color:#F5F5F4;font-size:14.5px;font-weight:600}.list-item-sub{color:#9CA3AF;font-size:12px}.list-item-click{cursor:pointer;transition:border-color .12s ease}.list-item-click:hover{border-color:#F5C518}.edit-btn{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;flex-shrink:0;cursor:pointer}.edit-btn:hover{background:#202326}.tag{font-size:11.5px;font-weight:600;padding:5px 10px;border-radius:999px;flex-shrink:0}.tag-green{background:rgba(74,222,128,.14);color:#4ADE80}.tag-gray{background:rgba(156,163,175,.14);color:#9CA3AF}.tag-amber{background:rgba(245,197,24,.16);color:#F5C518}.stat-row{display:flex;gap:10px;margin-bottom:4px}.stat-box{flex:1;text-align:center;padding:16px 8px;border-radius:12px;background:#2A2E32;border:1px solid #383c40}.stat-value{color:#F5F5F4;font-size:22px;font-weight:700}.stat-label{color:#9CA3AF;font-size:12px;margin-top:2px}.add-employee-btn{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px;margin-bottom:12px;border-radius:12px;background:#F5C518;color:#202326;font-size:13.5px;font-weight:700;cursor:pointer}.add-employee-btn:hover{transform:translateY(-1px)}.archive-filter{display:flex;align-items:center;gap:8px;color:#9CA3AF;font-size:12px;margin-bottom:12px;cursor:pointer}.archive-filter input{accent-color:#F5C518;width:14px;height:14px}.archive-btn{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;flex-shrink:0;cursor:pointer}.archive-btn:hover{background:#202326}#employee-list .list-item.archived{display:none}#employee-list.show-archived .list-item.archived{display:flex;opacity:.55}.list-item.archived .avatar{filter:grayscale(1)}.archived-tag{display:none;font-size:10.5px;font-weight:700;color:#9CA3AF;background:rgba(156,163,175,.14);padding:2px 7px;border-radius:999px;margin-left:6px;vertical-align:middle}.list-item.archived .archived-tag{display:inline-block}.modal-overlay{position:fixed;inset:0;background:rgba(10,11,13,.6);display:none;align-items:flex-end;justify-content:center;z-index:100}.modal-card,.modal-overlay.active{display:flex}.modal-card{width:100%;max-width:480px;margin:0 auto;background:#202326;border-top:1px solid #383c40;border-radius:20px 20px 0 0;padding:24px 24px 28px;flex-direction:column}.modal-title{color:#F5F5F4;font-size:18px;font-weight:700}.modal-sub{color:#9CA3AF;font-size:12.5px;margin:2px 0 18px}.modal-card-tall{max-width:700px;width:100%;height:90vh;max-height:900px;border-radius:20px;padding:28px 32px 24px;display:block;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4B4F53 #202326}.modal-card-tall::-webkit-scrollbar{width:9px}.modal-card-tall::-webkit-scrollbar-track{background:#202326;border-radius:999px}.modal-card-tall::-webkit-scrollbar-thumb{background:#4B4F53;border-radius:999px;border:2px solid #202326}.modal-card-tall::-webkit-scrollbar-thumb:hover{background:#6B7076}#time-history-overlay{align-items:center;padding:24px}.history-header{gap:14px;margin-bottom:18px}.history-header .avatar{width:52px;height:52px;font-size:17px}.history-header .modal-title{font-size:22px}.history-header .modal-sub{font-size:14px;margin:3px 0 0}.modal-close-btn{all:unset;box-sizing:border-box;margin-left:auto;width:34px;height:34px;border-radius:50%;border:1px solid #383c40;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.modal-close-btn:hover{background:#2A2E32}.history-list{display:flex;flex-direction:column;gap:12px}.history-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-shrink:0}.filter-toggle{display:flex;gap:4px;padding:4px;background:#2A2E32;border:1px solid #383c40;border-radius:10px}.filter-toggle-btn{all:unset;box-sizing:border-box;cursor:pointer;padding:7px 14px;border-radius:7px;font-size:12.5px;font-weight:600;color:#9CA3AF}.filter-toggle-btn.active{background:#F5C518;color:#202326}.filter-period-nav{display:flex;align-items:center;gap:8px}.filter-nav-btn{all:unset;box-sizing:border-box;width:30px;height:30px;border-radius:50%;border:1px solid #383c40;display:flex;align-items:center;justify-content:center;cursor:pointer}.filter-nav-btn:hover{background:#2A2E32}.filter-period-label{color:#F5F5F4;font-size:13.5px;font-weight:700;min-width:130px;text-align:center}.day-summary{padding:18px 20px;gap:16px}.day-summary-date{width:78px}.day-num{font-size:16px}.day-weekday{font-size:12.5px}.day-stats{gap:6px}.day-stat{font-size:13.5px;gap:6px}.day-stat svg{width:15px;height:15px}.day-saldo{font-size:13.5px}.day-times-preview{gap:6px;margin-top:3px}.day-time-line{font-size:13.5px}.day-chevron{width:20px;height:20px}.day-detail{padding:16px 20px 18px;gap:12px}.segment-row{padding:14px 16px;gap:12px}.segment-times{gap:10px}.time-box{width:78px;padding:10px 6px;font-size:16px;border-radius:9px}.segment-dash{font-size:14px}.segment-icon-btn{width:34px;height:34px}.segment-icon-btn svg{width:16px;height:16px}.segment-meta{gap:10px}.category-tag,.category-tag-btn,.location-tag{font-size:12.5px;padding:5px 11px}.add-segment-btn{font-size:13.5px;padding:12px}.history-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.history-day-card{padding:14px 16px;border-radius:12px;background:#2A2E32;border:1px solid #383c40}.history-day-date{color:#F5F5F4;font-size:13px;font-weight:700;margin-bottom:10px}.history-day-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px}.history-stat-label{color:#6B7076;font-size:11px;font-weight:600;margin-bottom:2px}.history-stat-value{color:#F5F5F4;font-size:15px;font-weight:600}.history-stat-value.history-stat-in{color:#4ADE80}.history-pause{color:#9CA3AF;font-size:12px;padding-top:10px;border-top:1px solid #383c40}.history-empty{color:#6B7076;font-size:13px;text-align:center;padding:20px 0}.day-block{border-radius:12px;background:#2A2E32;border:1px solid #383c40;overflow:hidden}.day-summary{all:unset;box-sizing:border-box;width:100%;display:flex;align-items:center;gap:10px;padding:13px 14px;cursor:pointer}.day-summary-date{flex-shrink:0;width:62px}.day-num{color:#F5F5F4;font-size:13.5px;font-weight:700}.day-weekday{color:#6B7076;font-size:11px;margin-top:1px}.day-stats{flex-grow:1;display:flex;flex-direction:column;gap:4px;min-width:0}.day-stat{display:flex;align-items:center;gap:5px;color:#9CA3AF;font-size:11.5px;font-weight:500}.day-stat svg{flex-shrink:0}.day-saldo{font-size:11.5px;font-weight:700;color:#9CA3AF}.day-saldo.saldo-pos{color:#4ADE80}.day-saldo.saldo-neg{color:#F87171}.day-times-preview{display:flex;flex-direction:column;gap:2px;margin-top:2px}.day-time-line{font-size:11.5px;font-weight:500;color:#D8DADD}.day-chevron{flex-shrink:0;transition:transform .15s ease}.day-detail{display:none;flex-direction:column;gap:10px;border-top:1px solid #383c40;margin-top:-1px;padding:12px 14px 14px}.day-detail.expanded{display:flex}.day-block:has(.day-detail.expanded) .day-chevron{transform:rotate(180deg)}.segment-row{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:10px;background:#202326;border:1px solid #383c40}.segment-times{display:flex;align-items:center;gap:6px}.time-box{all:unset;box-sizing:border-box;width:58px;text-align:center;padding:6px 4px;border-radius:7px;background:#2A2E32;border:1px solid #383c40;color:#F5F5F4;font-size:12.5px;font-weight:600}.time-box:focus{border-color:#F5C518}.segment-dash{color:#6B7076;font-size:12px}.segment-icon-btn{all:unset;box-sizing:border-box;width:26px;height:26px;border-radius:50%;border:1px solid #383c40;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:auto}.segment-icon-btn:hover{background:#2A2E32}.segment-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.category-tag{font-size:10.5px;font-weight:700;padding:4px 9px;border-radius:999px}.category-tag-btn{all:unset;box-sizing:border-box;font-size:10.5px;font-weight:700;padding:4px 9px;border-radius:999px;cursor:pointer}.category-tag-work{background:#383C40;color:#D8DADD}.category-tag-pause{background:rgba(96,165,250,.18);color:#60A5FA}.location-tag{font-size:10.5px;color:#6B7076;padding:4px 9px;border-radius:999px;background:#2A2E32;border:1px solid #383c40}.add-segment-btn{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:999px;border:1px solid #383c40;color:#F5C518;font-size:12.5px;font-weight:700;cursor:pointer}.add-segment-btn:hover{background:#202326}.field-label{color:#9CA3AF;font-size:12px;font-weight:600;margin-bottom:6px}.field-input{all:unset;box-sizing:border-box;width:100%;background:#2A2E32;border:1px solid #383c40;border-radius:10px;padding:11px 14px;color:#F5F5F4;font-size:14px;margin-bottom:14px}.field-input:focus{border-color:#F5C518}.field-input::-moz-placeholder{color:#6B7076}.field-input::placeholder{color:#6B7076}select.field-input{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.modal-actions{display:flex;gap:10px;margin-top:6px}.modal-btn{all:unset;box-sizing:border-box;flex:1;text-align:center;padding:13px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer}.modal-btn-cancel{background:#2A2E32;border:1px solid #383c40;color:#F5F5F4}.modal-btn-save{background:#F5C518;color:#202326}.chip-box{gap:12px;background:#2A2E32;border:1px solid #383c40;border-radius:12px;padding:12px 14px;margin-bottom:10px}.chip-box,.chip-box-icon{display:flex;align-items:center}.chip-box-icon{width:38px;height:38px;border-radius:10px;background:#202326;justify-content:center;flex-shrink:0}.chip-box.writing .chip-box-icon{animation:zf-pulse 1s ease-out infinite}.chip-box.writing .chip-box-icon svg{stroke:#F5C518}.chip-box.done .chip-box-icon{background:rgba(74,222,128,.14)}.chip-box.done .chip-box-icon svg{stroke:#4ADE80}.chip-box-title{color:#F5F5F4;font-size:13.5px;font-weight:600}.chip-box-sub{color:#9CA3AF;font-size:11.5px;margin-top:1px}.chip-write-btn{all:unset;box-sizing:border-box;display:block;width:100%;text-align:center;padding:12px;margin-bottom:14px;border-radius:10px;background:#2A2E32;border:1px solid #f5c518;color:#F5C518;font-size:13px;font-weight:700;cursor:pointer}.chip-write-btn:disabled{opacity:.6;cursor:default}#zeiteinsehen-page{display:none;position:fixed;inset:0;background:#14161a;overflow-y:auto;z-index:20}#zeiteinsehen-page.active{display:block}.ze-page-inner{max-width:760px;margin:0 auto;padding:48px 40px 80px}.ze-page-inner .back-link{margin-bottom:20px}.ze-page-inner .ze-header{align-items:flex-start;margin:0 0 24px}.ze-page-inner .ze-title{font-size:28px}.ze-page-inner .tab-bar{margin:0 0 24px;max-width:460px}.ze-page-inner .tab-content-wrap{padding:0}.back-link{cursor:pointer}.status-pill.status-idle{background:rgba(156,163,175,.14)}.status-pill.status-idle .status-dot{background:#9CA3AF}.status-pill.status-idle .status-text{color:#9CA3AF}.status-pill.status-error{background:rgba(248,113,113,.14)}.status-pill.status-error .status-dot{background:#F87171}.status-pill.status-error .status-text{color:#F87171}.employee-card-placeholder{visibility:hidden}.terminal-form{display:flex;gap:8px;margin-top:16px}.terminal-form .field-input{margin-bottom:0;text-align:center;letter-spacing:.12em}.terminal-form .modal-btn{flex:0 0 auto;padding:11px 16px}.nfc-activate-btn{margin-top:12px;margin-bottom:0}.form-error{color:#F87171;background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.3);border-radius:10px;padding:10px 12px;font-size:12.5px;margin-bottom:14px}.form-hint{color:#9CA3AF;font-size:12px;margin:-6px 0 14px}.add-employee-btn:disabled,.modal-btn:disabled{opacity:.6;cursor:default}.config-error{max-width:560px;margin:0 auto;color:#F5F5F4;font-size:14px;line-height:1.5}.config-error code{color:#F5C518}@media (max-width:520px){body{padding:0;align-items:stretch}.phone{width:100%;height:100dvh;border-radius:0;box-shadow:none}.screen{padding:40px 20px}#screen-zeiterfassen{padding:28px 20px 40px}.ze-page-inner{padding:32px 16px 60px}.ze-page-inner .tab-bar{max-width:none}.tab{min-width:0;font-size:10.5px;padding:8px 4px}.modal-card-tall{padding:20px 16px;height:100dvh;max-height:none;border-radius:0}#time-history-overlay{padding:0}.history-filter-bar{flex-wrap:wrap}.day-summary-date{width:62px}.time-box{width:64px}}.list-stack{display:flex;flex-direction:column;gap:10px}button.list-item{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border-radius:12px;background:#2A2E32;border:1px solid #383c40;cursor:pointer}button.list-item:hover{border-color:#F5C518}.day-summary:focus-visible,.modal-btn:focus-visible,.tab:focus-visible,button.list-item:focus-visible{outline:2px solid #F5C518;outline-offset:2px}