:root{--primary: #17acb3;--primary-dark: #138e94;--danger: #c0392b;--bg: #f3f4f6;--karte: #ffffff;--text: #1f2933;--muted: #6b7280;--rand: #e5e7eb;--warn-bg: #fef3c7;--warn-text: #92400e}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app{max-width:640px;margin:0 auto;padding-bottom:40px}.kopf{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#54565a;color:#fff}.kopf__marke{display:flex;align-items:center;gap:10px;min-width:0}.kopf__logo{height:34px;width:auto;flex-shrink:0}.kopf__titel{font-weight:700;font-size:18px}.kopf__sub{font-size:13px;opacity:.8}.kopf__rechts{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.zentriert{min-height:100%;display:flex;align-items:center;justify-content:center;padding:20px}.karte{background:var(--karte);border:1px solid var(--rand);border-radius:12px;padding:16px;margin:12px 16px}.login-karte{width:100%;max-width:380px;margin:0}.login-logo{display:block;width:130px;height:auto;margin:0 auto 8px}.login-titel{text-align:center;color:var(--primary-dark);margin:4px 0 20px;font-size:20px}.liste{display:flex;flex-direction:column}.karte-rechnung{background:var(--karte);border:1px solid var(--rand);border-radius:12px;padding:14px 16px;margin:8px 16px}.rechnung__kopf{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.rechnung__kopf--klick{width:100%;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:left;cursor:pointer;align-items:center}.rechnung__lieferant{font-weight:600}.rechnung__betrag{font-weight:700;white-space:nowrap}.rechnung__lupe{font-size:13px;opacity:.45;flex-shrink:0}.detail__kopf{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;border-bottom:1px solid var(--rand);padding-bottom:12px}.detail__lieferant{font-size:18px;font-weight:700}.detail__nr{font-size:13px;color:var(--muted);margin-top:2px}.detail__brutto{font-size:20px;font-weight:700;white-space:nowrap}.detail__felder{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin:0 0 12px}.detail__feld{display:flex;flex-direction:column;gap:2px}.detail__feld dt{font-size:12px;color:var(--muted);margin:0}.detail__feld dd{font-size:16px;margin:0}.detail__feld--unsicher dd{background:var(--warn-bg);color:var(--warn-text);border-radius:6px;padding:1px 6px;align-self:flex-start}.rechnung__meta{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--muted);font-size:13px;margin:6px 0}.faellig-warnung{color:var(--danger);font-weight:700}.rechnung__aktionen{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;justify-content:flex-end}.rechnung__entscheidung{flex-basis:100%;display:flex;gap:8px;margin-top:4px}.rechnung__entscheidung .btn{flex:1}.chip{display:inline-block;background:#e0f2f1;color:var(--primary-dark);border-radius:999px;padding:1px 10px;font-size:12px}.chip-warn{background:var(--warn-bg);color:var(--warn-text);margin-top:6px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--rand);background:#fff;color:var(--text);border-radius:8px;padding:10px 16px;font-size:15px;font-weight:600;cursor:pointer}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-danger{background:#fff;border-color:var(--danger);color:var(--danger)}.btn-klein{padding:7px 12px;font-size:14px}.btn-block{width:calc(100% - 32px);margin:8px 16px 4px}.btn-icon{background:none;border:none;font-size:16px;cursor:pointer;padding:2px 6px}.formular{display:flex;flex-direction:column;gap:12px}.formular label{display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:600}input,select,textarea{font:inherit;padding:10px 12px;border:1px solid var(--rand);border-radius:8px;width:100%;background:#fff;color:var(--text)}.feld-reihe{display:flex;gap:8px}.feld-reihe>*{flex:1}.banner{margin:10px 16px;padding:10px 14px;background:#e0f2f1;color:var(--primary-dark);border-radius:8px;cursor:pointer}.hinweis{color:var(--muted);font-size:14px}.hinweis.klein{font-size:12px}.hinweis.leer{text-align:center;padding:40px 16px}.fehlertext{color:var(--danger);font-size:14px;margin:0}.abschnitt{font-size:16px;margin:0 0 10px}.abschnitt.klein{font-size:14px;margin-top:8px}.einfachliste{list-style:none;margin:0 0 12px;padding:0}.einfachliste li{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--rand)}.einfachliste__meta{color:var(--muted);font-size:13px;display:flex;align-items:center;gap:6px}.inline-form{display:flex;gap:8px}.abteilung-auswahl{border:1px solid var(--rand);border-radius:8px;padding:8px 12px}.abteilung-auswahl legend{font-size:13px;color:var(--muted)}.check{display:flex;align-items:center;gap:6px;font-weight:400}.check input{width:auto}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:20;padding:12px}.vorschau,.modal{background:#fff;border-radius:12px;width:100%;max-width:560px;max-height:92vh;display:flex;flex-direction:column;overflow:hidden}.vorschau__kopf{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--rand)}.vorschau__titel{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vorschau__inhalt{flex:1;overflow:auto;display:flex}.vorschau__frame{width:100%;height:78vh;border:none}.vorschau__bild{max-width:100%;margin:auto}.modal{max-width:460px;padding:16px}.modal__titel{margin:0 0 6px}.modal__aktionen{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}:root{--color-bg: var(--bg);--color-surface: var(--karte);--color-border: var(--rand);--color-text: var(--text);--color-text-muted: var(--muted);--color-primary: var(--primary);--color-primary-hover: var(--primary-dark);--color-primary-soft: #e0f2f1;--color-danger: var(--danger);--color-success: #1f9d55}.beleg-upload__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;opacity:0}.scanner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;background:var(--color-bg)}.scanner-kopf{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0}.scanner-kopf__titel{font-weight:700;font-size:1.05rem}.scanner-kopf__schliessen{background:none;border:none;cursor:pointer;font-size:1.3rem;line-height:1;color:var(--color-text-muted);min-width:40px;min-height:40px;border-radius:8px}.scanner-inhalt{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px;display:flex;flex-direction:column;align-items:center;gap:14px}.scanner-hinweis{margin:0;font-size:.9rem;color:var(--color-text-muted);text-align:center}.scanner-bild{position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.scanner-bild img{display:block;border-radius:6px;pointer-events:none}.scanner-bild__svg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.scanner-ecke{position:absolute;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;border:3px solid var(--color-primary);background:#ffffffa6;cursor:grab;touch-action:none;box-shadow:0 1px 4px #0000004d}.scanner-sw{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:500}.scanner-sw input{width:18px;height:18px}.scanner-aktionen{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;width:100%;max-width:420px}.scanner-aktionen--spalte{flex-direction:column}.scanner-aktionen button{min-height:48px;padding:0 20px;border-radius:10px;cursor:pointer;flex:1;min-width:140px;background:var(--color-primary);color:#fff;font-weight:600;font-size:.95rem;border:none}.scanner-aktionen button:disabled{opacity:.5;cursor:default}.scanner-btn--sekundaer{background:var(--color-surface)!important;color:var(--color-primary-hover)!important;border:1px solid var(--color-primary)!important}.scanner-btn--fertig{background:var(--color-success, #1f9d55)!important}.scanner-seiten{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.scanner-seite{position:relative;width:110px}.scanner-seite img{width:110px;height:150px;object-fit:cover;border-radius:6px;border:1px solid var(--color-border);background:#fff}.scanner-seite__nr{position:absolute;bottom:4px;left:4px;background:#0009;color:#fff;font-size:.75rem;padding:1px 7px;border-radius:999px}.scanner-seite button{position:absolute;top:-8px;right:-8px;width:26px;height:26px;border-radius:50%;background:var(--color-danger);color:#fff;border:2px solid var(--color-bg);cursor:pointer;font-size:.85rem;line-height:1;display:flex;align-items:center;justify-content:center}.scanner-laden{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#ffffffd9;color:var(--color-text);font-weight:600}.scanner-spinner{width:42px;height:42px;border-radius:50%;border:4px solid var(--color-primary-soft);border-top-color:var(--color-primary);animation:scanner-drehen .9s linear infinite}@keyframes scanner-drehen{to{transform:rotate(360deg)}}.erfassen__feld{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;font-weight:600}.erfassen__aktionen{display:flex;flex-direction:column;gap:10px}.kopfmenu{position:relative}.kopfmenu__knopf{font-size:18px;line-height:1;padding:6px 10px}.kopfmenu__hintergrund{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15}.kopfmenu__panel{position:absolute;right:0;top:calc(100% + 6px);min-width:160px;background:#fff;border:1px solid var(--rand);border-radius:10px;box-shadow:0 6px 20px #00000026;z-index:16;padding:4px}.kopfmenu__eintrag{display:block;width:100%;text-align:left;padding:10px 12px;background:none;border:none;border-radius:6px;font:inherit;font-size:14px;color:var(--text);cursor:pointer;text-decoration:none}.kopfmenu__eintrag:hover{background:var(--bg)}.kopfmenu__eintrag--danger{color:var(--danger)}.abt-edit{display:flex;flex-direction:column;gap:8px;align-items:stretch}.abt-edit__felder{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.abt-edit__feld{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted);flex:1;min-width:120px}.abt-edit__feld--klein{flex:0 0 120px}.abt-edit__aktionen{display:flex;gap:8px;justify-content:flex-end}.tabs{display:flex;gap:4px;padding:10px 16px 0}.tab{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:9px 4px;font:inherit;font-size:14px;color:var(--muted);border-bottom:2px solid transparent;cursor:pointer}.tab--aktiv{color:var(--primary-dark);border-bottom-color:var(--primary);font-weight:600}.umschalter{display:flex;margin:10px 16px 0;border:1px solid var(--primary);border-radius:10px;overflow:hidden}.umschalter__opt{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:#fff;padding:9px 0;font:inherit;font-size:14px;font-weight:600;color:var(--primary-dark);cursor:pointer}.umschalter__opt--aktiv{background:var(--primary);color:#fff}.zuwfilter{display:flex;gap:6px;padding:10px 16px 0;flex-wrap:wrap}.zuwfilter__opt{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--rand);background:#fff;border-radius:999px;padding:5px 12px;font:inherit;font-size:13px;color:var(--muted);cursor:pointer}.zuwfilter__opt--aktiv{border-color:var(--primary);background:#e0f2f1;color:var(--primary-dark);font-weight:600}.chip-ok{background:#d1fae5;color:#065f46}.chip-danger{background:#fde8e6;color:var(--danger)}.entscheidungen{display:flex;flex-direction:column;gap:2px;margin:6px 0 2px}.entscheidung{font-size:13px;color:var(--text)}.entscheidung__frei{color:#059669;font-weight:700}.entscheidung__abgelehnt{color:var(--danger);font-weight:700}.ablehnung-grund{font-size:13px;color:var(--warn-text);background:var(--warn-bg);border-radius:8px;padding:6px 10px;margin:6px 0 2px}.kommentare__liste{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;margin:8px 0;max-height:46vh}.kommentar{border:1px solid var(--rand);border-radius:10px;padding:8px 10px;background:var(--bg)}.kommentar--eigen{background:#e0f2f1;border-color:#b2dfdb;margin-left:24px}.kommentar__kopf{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted);margin-bottom:2px}.kommentar__autor{font-weight:600;color:var(--text)}.kommentar__text{font-size:14px;white-space:pre-wrap;word-break:break-word}.kommentare__verfassen{position:relative}.kommentare__eingabe{font:inherit;width:100%;padding:10px 12px;border:1px solid var(--rand);border-radius:8px;background:#fff;color:var(--text);resize:vertical}.mention__liste{position:absolute;left:0;right:0;bottom:100%;margin:0 0 4px;padding:4px;list-style:none;background:#fff;border:1px solid var(--rand);border-radius:8px;box-shadow:0 4px 14px #0000001f;z-index:5;max-height:180px;overflow-y:auto}.mention__eintrag{display:block;width:100%;text-align:left;padding:8px 10px;background:none;border:none;border-radius:6px;font:inherit;color:var(--text);cursor:pointer}.mention__eintrag:hover{background:var(--bg)}.glocke{position:relative}.glocke__knopf{position:relative;background:none;border:none;cursor:pointer;line-height:1;padding:6px;display:inline-flex;align-items:center;justify-content:center;color:#fff;border-radius:8px}.glocke__knopf:hover{background:#ffffff26}.glocke__badge{position:absolute;top:-2px;right:-3px;background:#d85a30;color:#fff;font-size:.65rem;min-width:16px;height:16px;border-radius:20px;display:flex;align-items:center;justify-content:center;padding:0 4px;font-weight:600}.glocke__hintergrund{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15}.glocke__panel{position:absolute;right:0;top:130%;width:300px;max-height:60vh;overflow-y:auto;background:#fff;border:1px solid var(--rand);border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:16}.glocke__kopf{padding:.7rem .9rem;border-bottom:1px solid var(--rand);font-weight:600;font-size:.9rem}.glocke__liste{list-style:none;margin:0;padding:0}.glocke__liste li button{display:flex;flex-direction:column;gap:.15rem;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--rand);padding:.6rem .9rem;cursor:pointer;font:inherit}.glocke__liste li:last-child button{border-bottom:none}.glocke__eintrag--neu{background:#e0f2f1}.glocke__titel{font-weight:500;font-size:.88rem;color:var(--text)}.glocke__text{font-size:.82rem;color:var(--muted)}.glocke__zeit{font-size:.72rem;color:var(--muted)}