:root{--ink: #1a2430;--ink-soft: #4a5868;--paper: #f4f1ea;--card: #fffcf7;--line: #d8d2c6;--navy: #1c2a3a;--navy-mid: #2a3d52;--signal: #c45c26;--signal-soft: #f3e2d4;--ok: #2f6f4e;--ok-soft: #dceee4;--warn: #8a6a1a;--warn-soft: #f4e9c8;--open: #3d5a80;--open-soft: #dce6f2;--danger: #9b2c2c;--shadow: 0 10px 28px rgba(28, 42, 58, .08);--radius: 14px;font-family:Segoe UI,system-ui,sans-serif;color:var(--ink);background:var(--paper);line-height:1.45;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{height:100%;height:100dvh;margin:0;overflow:hidden}body{background:#0f1720}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-backdrop{height:100%;display:grid;place-items:center;background:radial-gradient(circle at 20% 0,#2a3d52 0,transparent 42%),#0f1720}.app-device{width:min(430px,100%);height:min(100dvh,920px);background:var(--paper);display:flex;flex-direction:column;overflow:hidden;position:relative;box-shadow:0 24px 80px #00000059}.app-shell{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(12px + env(safe-area-inset-top)) 16px 24px;max-width:none;margin:0}.app-device.has-nav .app-shell{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.offline-banner,.sync-banner{text-align:center;font-size:.86rem;font-weight:700;padding:8px 10px;border-radius:10px;margin-bottom:12px}.offline-banner{background:#3d5a80;color:#f4efe6}.sync-banner{background:#dceee4;color:#2f6f4e}.app-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.app-header h1{margin:0;font-size:1.35rem;letter-spacing:-.02em}.back-btn{flex:0 0 auto}.tabbar{position:absolute;left:0;right:0;bottom:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:8px 10px calc(10px + env(safe-area-inset-bottom));background:#fffcf7f5;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tabbar button{border:0;background:transparent;color:var(--ink-soft);font-weight:700;font-size:.78rem;padding:8px 6px;border-radius:12px}.tabbar button.active{background:var(--signal-soft);color:var(--signal)}.tab-icon{display:block;font-size:1.15rem;margin-bottom:2px}.fab{position:sticky;bottom:8px;width:100%;border:0;border-radius:16px;background:var(--signal);color:#fffaf4;font-weight:700;padding:14px 16px;box-shadow:0 10px 24px #c45c2647;z-index:5}.bottom-actions{position:sticky;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 0 calc(8px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,var(--paper) 18%)}.account-btn{width:100%;margin-bottom:10px}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:28px}.brand{display:flex;gap:14px;align-items:center}.brand-logo{height:40px;width:auto;display:block}.brand h1{margin:0;font-size:1.55rem;letter-spacing:-.02em}.brand p{margin:2px 0 0;color:var(--ink-soft);font-size:.95rem}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.search{width:100%;border:1px solid var(--line);background:var(--card);border-radius:12px;padding:12px 14px;margin-bottom:14px;font-size:16px}.btn{border:1px solid transparent;border-radius:10px;padding:10px 14px;font-weight:600;transition:transform .12s ease,background .12s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--signal);color:#fffaf4}.btn-navy{background:var(--navy);color:#f4efe6}.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink)}.btn-danger{background:#fff;border-color:#e8c4c4;color:var(--danger)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow);text-align:left;color:inherit}.stat:hover{border-color:#c9bba6}.stat.active{border-color:var(--navy);box-shadow:0 0 0 2px #1c2a3a1f}.stat span{display:block;color:var(--ink-soft);font-size:.86rem}.stat strong{display:block;margin-top:4px;font-size:1.45rem}.report-grid{display:grid;grid-template-columns:1fr;gap:12px}.report-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);text-align:left;display:grid;gap:10px}.report-card:hover{border-color:#c9bba6}.card-main{display:grid;gap:10px;padding:0;border:0;background:transparent;text-align:left;color:inherit}.assign-field{display:grid;gap:6px}.assign-field span{font-size:.82rem;font-weight:600;color:var(--ink-soft)}.assign-field select{width:100%;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px}.card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.card-head h2{margin:0;font-size:1.08rem}.meta{color:var(--ink-soft);font-size:.92rem}.thumbs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.thumb{aspect-ratio:4 / 3;border-radius:10px;overflow:hidden;background:#ece7dc;position:relative}.thumb img{width:100%;height:100%;object-fit:cover}.thumb span,.photo-tile span{position:absolute;left:8px;bottom:8px;background:#1c2a3ac7;color:#fff;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:3px 7px;border-radius:6px}.empty-thumb{display:grid;place-items:center;color:#8a8274;font-size:.82rem}.badge{font-size:.75rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;border-radius:999px;padding:4px 8px;white-space:nowrap}.badge-offen{background:var(--open-soft);color:var(--open)}.badge-abgeschlossen{background:var(--ok-soft);color:var(--ok)}.empty-state{border:1px dashed #c9bfae;border-radius:var(--radius);padding:48px 20px;text-align:center;background:#fffcf7b3}.empty-state .btn{margin-top:12px}.editor-page{display:grid;gap:18px}.editor-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.panel h3{margin:0 0 16px;font-size:1.05rem}.form-grid{display:grid;grid-template-columns:1fr;gap:12px}.field{display:grid;gap:6px}.login-page{min-height:100%;display:grid;align-content:start;padding:8px 0 16px}.login-card{width:100%;background:transparent;border:0;box-shadow:none;padding:8px 0}.login-card h1{margin:16px 0 6px}.login-card form{display:grid;gap:12px;margin-top:18px}.login-card .btn-primary,.login-card .btn-ghost{width:100%}.saved-logins{display:grid;gap:8px;margin-top:18px}.saved-logins>span{font-size:.86rem;font-weight:600;color:var(--ink-soft)}.saved-login{display:flex;gap:8px;align-items:center}.saved-login .btn{flex:1;text-align:left}.remember{display:flex;gap:8px;align-items:center;font-size:.95rem}.login-error{margin:0;color:var(--danger);font-weight:600}.user-table{display:grid;gap:10px}.user-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.user-row:last-child{border-bottom:0;padding-bottom:0}.field.wide{grid-column:1 / -1}.field label,.field>span{font-size:.86rem;font-weight:600;color:var(--ink-soft)}.field input.readonly{background:#f3efe6;color:var(--ink);cursor:default}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px;font-size:16px}.field textarea{min-height:96px;resize:vertical}.photo-columns{display:grid;grid-template-columns:1fr;gap:12px}.photo-column h3{display:flex;justify-content:space-between;align-items:center}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.photo-tile{position:relative;border-radius:12px;overflow:hidden;background:#ece7dc;border:1px solid var(--line)}.photo-tile img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block}.photo-tile input{width:100%;border:0;border-top:1px solid var(--line);padding:8px 10px;background:#fff}.photo-actions{position:absolute;top:8px;right:8px;display:flex;gap:6px}.icon-btn{width:30px;height:30px;border:0;border-radius:8px;background:#fffcf7eb;color:var(--ink)}.dropzone{border:1px dashed #c9bfae;border-radius:12px;padding:18px;text-align:center;background:#faf6ee;color:var(--ink-soft)}.dropzone.over{border-color:var(--signal);background:var(--signal-soft)}.hidden-file{display:none}.toast{position:absolute;left:16px;right:16px;bottom:calc(84px + env(safe-area-inset-bottom));background:var(--navy);color:#f6efe4;padding:12px 16px;border-radius:12px;box-shadow:var(--shadow);z-index:30;text-align:center}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#10161cdb;display:grid;place-items:center;padding:24px;z-index:20}.lightbox img{max-width:min(92vw,1100px);max-height:86vh;border-radius:12px}.print-only{display:none}@media(max-width:480px){.app-device{width:100%;height:100dvh;border-radius:0;box-shadow:none}}@media print{html,body,#root{height:auto;overflow:visible}body,.app-backdrop{background:#fff}.app-device,.app-shell{width:100%;height:auto;overflow:visible;box-shadow:none;padding:0}.tabbar,.fab,.bottom-actions,.no-print{display:none!important}.print-only{display:block}.app-shell{max-width:none;padding:0}.panel,.report-card,.stat{box-shadow:none}.print-sheet{color:#111}.print-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #1c2a3a}.print-logo{height:58px;width:auto}.print-sheet h1{margin:0 0 4px;font-size:22pt;text-align:right}.print-header p{margin:0;text-align:right}.print-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;margin:16px 0 20px;font-size:11pt}.print-photos{display:grid;grid-template-columns:1fr 1fr;gap:10px;page-break-inside:avoid}.print-photos figure{margin:0}.print-photos img{width:100%;height:210px;object-fit:cover;border:1px solid #ccc}.print-photos figcaption{font-size:9pt;margin-top:4px}}