:root{--ink: #16201a;--ink-2: #5a675f;--ink-3: #8a958c;--paper: #e9ede4;--surface: #ffffff;--surface-2: #f4f7f0;--line: #d8ddd0;--volt: #6f9d24;--volt-press: #5a8019;--volt-soft: #eaf2dc;--hivis: #f5b301;--hivis-ink: #4a3600;--hivis-soft: #fdefc4;--danger: #c8482f;--danger-soft: #fbe6e0;--r-lg: 18px;--r-md: 13px;--r-sm: 9px;--tap: 50px;--shadow-card: 0 1px 2px rgba(22, 32, 26, .06), 0 6px 16px rgba(22, 32, 26, .05);--shadow-bar: 0 -1px 0 var(--line), 0 -8px 24px rgba(22, 32, 26, .04);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--font-ui: "IBM Plex Sans", system-ui, sans-serif;--font-display: "IBM Plex Sans Condensed", "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--appbar-h: 52px;--tabbar-h: 60px;--maxw: 720px;--pad-inline: max(1rem, calc((100% - var(--maxw)) / 2))}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-ui);color:var(--ink);background:var(--paper);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{font:inherit;cursor:pointer;color:inherit}input,select,textarea{font:inherit;font-size:16px;color:var(--ink)}a{color:var(--volt-press);text-decoration:none}.mono,.num,.badge,.data-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.app{display:flex;flex-direction:column;height:100dvh;width:100%;background:var(--paper);position:relative}.appbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.5rem;height:calc(var(--appbar-h) + var(--safe-top));padding-top:var(--safe-top);padding-inline:max(.5rem,calc((100% - var(--maxw)) / 2));background:#ffffffdb;backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}.appbar-title{font-family:var(--font-display);font-weight:700;font-size:1.18rem;letter-spacing:-.01em;flex:1;padding:0 .4rem}.appbar-brand{display:flex;align-items:center;gap:.55rem;flex:1;padding-left:.4rem}.appbar-logo{height:38px;width:auto;display:block}.appbar-product{font-family:var(--font-display);font-weight:700;font-size:1.15rem;letter-spacing:-.01em;color:var(--ink)}.appbar-btn{height:40px;min-width:40px;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;background:none;border:none;border-radius:var(--r-sm);color:var(--ink);padding:0 .5rem;font-weight:600}.appbar-btn:active{background:var(--surface-2)}.appbar-btn.danger{color:var(--danger)}.screen{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-top:1rem;padding-inline:var(--pad-inline);padding-bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 1.5rem)}.screen.no-tabs{padding-bottom:calc(var(--safe-bottom) + 1.5rem)}.tabbar{position:fixed;bottom:0;left:0;right:0;width:100%;height:calc(var(--tabbar-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);padding-inline:max(0px,calc((100% - var(--maxw)) / 2));display:flex;background:#ffffffeb;backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);box-shadow:var(--shadow-bar);z-index:30}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;color:var(--ink-3);font-size:.66rem;font-weight:600;letter-spacing:.02em;text-decoration:none;position:relative;-webkit-tap-highlight-color:transparent}.tab svg{width:24px;height:24px;stroke-width:1.9}.tab.active{color:var(--volt)}.tab.active:before{content:"";position:absolute;top:6px;width:38px;height:30px;border-radius:9px;background:var(--volt-soft);z-index:-1}.screen-head{margin:.2rem 0 1rem}.screen-head h2{font-family:var(--font-display);font-weight:700;font-size:1.7rem;letter-spacing:-.02em;margin:0}.screen-head .sub{color:var(--ink-2);font-size:.95rem}.eyebrow{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-2);display:block;margin:0 0 .5rem}.muted{color:var(--ink-2)}.small{font-size:.85rem}.empty{text-align:center;color:var(--ink-2);padding:2.5rem 1rem}.btn-primary,.btn-secondary,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--tap);padding:0 1.2rem;border-radius:var(--r-md);border:none;font-weight:600;font-size:1rem;transition:transform .06s ease,background .15s ease;-webkit-tap-highlight-color:transparent}.btn-primary:active,.btn-secondary:active,.btn-ghost:active{transform:scale(.98)}.btn-primary{background:var(--volt);color:#fff;box-shadow:0 2px 8px #6f9d244d}.btn-primary:active{background:var(--volt-press)}.btn-primary:disabled{background:#aebf90;box-shadow:none}.btn-secondary{background:var(--surface);color:var(--ink);border:1.5px solid var(--line)}.btn-secondary:active{background:var(--surface-2)}.btn-ghost{background:none;color:var(--volt-press);padding:0 .6rem}.btn-link{background:none;border:none;color:var(--volt-press);font-weight:600;padding:.4rem}.btn-link.danger{color:var(--danger)}.btn-block{width:100%}.btn-remove{background:var(--danger-soft);color:var(--danger);border:none;border-radius:var(--r-sm);width:40px;height:40px;font-size:1.3rem;flex-shrink:0}.list{display:flex;flex-direction:column;gap:.7rem}.row-card{display:flex;align-items:center;gap:.9rem;background:var(--surface);border-radius:var(--r-lg);padding:.95rem 1rem;box-shadow:var(--shadow-card);border:none;width:100%;text-align:left;-webkit-tap-highlight-color:transparent;transition:transform .06s ease}.row-card:active{transform:scale(.99)}.row-card .row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.row-card .row-title{display:block;font-weight:600;font-size:1.05rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-card .row-sub{display:block;color:var(--ink-2);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-card .row-meta{display:block;font-family:var(--font-mono);font-size:.78rem;color:var(--ink-2);margin-top:.1rem}.row-icon{width:44px;height:44px;border-radius:var(--r-md);flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--volt-soft);color:var(--volt-press)}.row-icon svg{width:22px;height:22px}.chevron{color:var(--ink-3);flex-shrink:0}.tag{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.25rem .55rem;border-radius:7px}.tag-dot{width:7px;height:7px;border-radius:50%}.tag-in_bearbeitung{background:var(--hivis-soft);color:var(--hivis-ink)}.tag-in_bearbeitung .tag-dot{background:var(--hivis)}.tag-abgeschlossen{background:var(--volt-soft);color:var(--volt-press)}.tag-abgeschlossen .tag-dot{background:var(--volt)}.form-section{background:var(--surface);border-radius:var(--r-lg);padding:1rem;margin-bottom:.9rem;box-shadow:var(--shadow-card)}.form-section>h3{margin:0 0 .8rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--volt-press)}.field,.mic-field,.signature-field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.8rem}.field-label,.mic-field-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2)}input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),select,textarea,.mic-field-row input,.mic-field-row textarea{width:100%;min-width:0;padding:.8rem .85rem;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-md);min-height:var(--tap);outline:none;color:var(--ink);font-family:var(--font-ui);transition:border-color .15s ease,background .15s ease}.grid-2>*,.grid-3>*{min-width:0}textarea{resize:vertical;line-height:1.4}input:focus,select:focus,textarea:focus{border-color:var(--volt);background:var(--surface)}input::placeholder,textarea::placeholder{color:var(--ink-3)}input:disabled,select:disabled,textarea:disabled{color:var(--ink-2);-webkit-text-fill-color:var(--ink-2);opacity:1}.grid-2,.grid-3{display:grid;grid-template-columns:1fr;gap:.7rem}.mic-field-row{display:flex;gap:.5rem;align-items:stretch}.mic-field-row input,.mic-field-row textarea{flex:1}.mic-btn{width:50px;flex-shrink:0;align-self:stretch;min-height:var(--tap);border:1.5px solid var(--line);border-radius:var(--r-md);background:var(--surface);font-size:1.25rem;color:var(--ink);display:flex;align-items:center;justify-content:center;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .08s ease}.mic-btn:active{transform:scale(.94)}.mic-recording{background:var(--hivis);border-color:var(--hivis);color:var(--hivis-ink);box-shadow:0 0 #f5b30199;animation:mic-pulse 1.1s infinite}.mic-sending{background:var(--volt-soft);border-color:var(--volt)}.mic-error{background:var(--danger-soft);border-color:var(--danger)}@keyframes mic-pulse{0%{box-shadow:0 0 #f5b3018c}70%{box-shadow:0 0 0 12px #f5b30100}to{box-shadow:0 0 #f5b30100}}.entry-card,.hour-card{background:var(--surface-2);border-radius:var(--r-md);padding:.85rem;margin-bottom:.8rem}.entry-card-head,.hour-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem;min-height:28px}.entry-card>*:last-child,.hour-card>*:last-child{margin-bottom:0}.menge-field{max-width:160px}.day-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:.3rem 0 .8rem}.day-cell{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}.day-label{font-family:var(--font-mono);font-size:.66rem;font-weight:600;color:var(--ink-2)}.day-cell input.num{width:100%;min-width:0;min-height:46px;padding:.4rem .1rem;text-align:center;font-family:var(--font-mono);background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-sm)}.day-cell input.num:focus{border-color:var(--volt)}.hour-sum{text-align:right;font-family:var(--font-mono);font-size:.85rem;color:var(--ink-2);border-top:1px solid var(--line);padding-top:.5rem}.hour-sum strong{color:var(--ink);margin-left:.4rem}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.checkbox-row{display:flex;flex-direction:column;gap:.2rem}.checkbox-row label{display:flex;align-items:center;gap:.7rem;padding:.7rem 0;border-bottom:1px solid var(--line);font-weight:500}.checkbox-row label:last-child{border-bottom:none}.checkbox-row input{width:26px;height:26px;accent-color:var(--volt);flex-shrink:0}.signature-canvas{width:100%;height:150px;background:var(--surface-2);border:1.5px dashed var(--line);border-radius:var(--r-md);touch-action:none}.photo-grid{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:.8rem}.photo-thumb{position:relative;width:96px;height:96px;border-radius:var(--r-md);overflow:hidden;background:var(--surface-2)}.photo-thumb img{width:100%;height:100%;object-fit:cover}.photo-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--ink-3)}.photo-cap{position:absolute;inset:auto 0 0 0;background:#16201a99;color:#fff;font-size:.66rem;padding:.15rem .3rem}.photo-del{position:absolute;top:4px;right:4px;width:26px;height:26px;font-size:1rem}.report-form{padding-bottom:calc(var(--tabbar-h) + 1.5rem)}.signature-pair{display:grid;grid-template-columns:1fr;gap:.6rem}.detail-toolbar{position:fixed;bottom:0;left:0;right:0;width:100%;height:calc(var(--tabbar-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);padding-inline:max(0px,calc((100% - var(--maxw)) / 2));display:flex;background:#ffffffeb;backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);box-shadow:var(--shadow-bar);z-index:30}.tool-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;color:var(--ink-2);font-size:.64rem;font-weight:600;letter-spacing:.01em;-webkit-tap-highlight-color:transparent}.tool-tab svg{width:23px;height:23px;stroke-width:1.9}.tool-tab:active{opacity:.6}.tool-tab:disabled{opacity:.4}.tool-tab.primary{color:var(--volt)}.tool-tab.danger{color:var(--danger)}.mic-dots{font-family:var(--font-mono);letter-spacing:-1px}.error-msg{background:var(--danger-soft);color:var(--danger);padding:.75rem .9rem;border-radius:var(--r-md);margin-bottom:.7rem;font-size:.92rem}.ok-msg{background:var(--volt-soft);color:var(--volt-press);padding:.75rem .9rem;border-radius:var(--r-md);margin-bottom:.7rem;font-size:.92rem}.loading{padding:3rem;text-align:center;color:var(--ink-2)}.login-page{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:2rem 1.5rem calc(2rem + var(--safe-bottom));max-width:460px;margin:0 auto;background:radial-gradient(120% 80% at 50% -10%,var(--volt-soft),var(--paper) 60%)}.login-brand{text-align:center;margin-bottom:2rem}.login-mark{width:64px;height:64px;border-radius:18px;margin:0 auto .8rem;display:flex;align-items:center;justify-content:center;background:var(--volt);color:#fff;box-shadow:0 8px 24px #6f9d2459}.login-mark svg{width:34px;height:34px}.login-brand h1{font-family:var(--font-display);font-weight:700;font-size:2rem;margin:0;letter-spacing:-.02em}.login-brand p{color:var(--ink-2);margin:.2rem 0 0}.login-card{display:flex;flex-direction:column;gap:.9rem}.login-card label{display:flex;flex-direction:column;gap:.35rem}.account-card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:1.5rem 1rem;text-align:center;margin-bottom:1rem}.account-avatar{width:72px;height:72px;border-radius:50%;margin:0 auto .8rem;display:flex;align-items:center;justify-content:center;background:var(--volt-soft);color:var(--volt-press);font-family:var(--font-display);font-weight:700;font-size:1.8rem}.account-name{font-weight:600;font-size:1.25rem}.account-role{color:var(--ink-2);font-family:var(--font-mono);font-size:.85rem}.filterbar{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.filterbar select,.filterbar input{flex:1;min-width:120px}.inline-form{display:flex;flex-direction:column;gap:.5rem;background:var(--surface);padding:1rem;border-radius:var(--r-lg);box-shadow:var(--shadow-card);margin-bottom:1rem}.data-table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-card)}.data-table th,.data-table td{text-align:left;padding:.65rem .7rem;border-bottom:1px solid var(--line);font-size:.92rem}.data-table th{background:var(--surface-2);font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-2)}.data-table tr:last-child td{border-bottom:none}.row-actions{display:flex;gap:.2rem;flex-wrap:wrap}.assign-list{display:flex;gap:.5rem;flex-wrap:wrap;padding:.5rem 0}.assign-chip{display:flex;align-items:center;gap:.4rem;background:var(--surface-2);border-radius:999px;padding:.35rem .7rem}.spinner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#16201a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;font-weight:600}.spinner{width:44px;height:44px;border-radius:50%;border:4px solid rgba(255,255,255,.3);border-top-color:var(--hivis);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pdf-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#16201ab3;display:flex;align-items:stretch;justify-content:center;z-index:60}.pdf-modal-inner{background:var(--surface);width:100%;max-width:var(--maxw);display:flex;flex-direction:column;padding-top:var(--safe-top)}.pdf-close{align-self:flex-end;padding:.8rem 1rem}.pdf-frame{flex:1;width:100%;border:none}@media (min-width: 600px){.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr 1fr}.signature-pair{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}