:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#16151d;--surface:#1e1d29;--surface-2:#262536;--text:#eceafb;--text-dim:#8f8ba8;--accent:#8b7bff;--accent-2:#6f5cff;--success:#4ade9a;--danger:#ff6b81;--shadow-dark:#0000008c;--shadow-light:#ffffff0b;font-family:system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% -10%, #26243a 0%, var(--bg) 45%);min-height:100vh;color:var(--text);justify-content:center;margin:0;display:flex}#app{width:100%;max-width:720px;padding:1.5rem 1rem}.card{background:var(--surface);box-shadow:10px 10px 24px var(--shadow-dark), -8px -8px 20px var(--shadow-light);border-radius:28px;margin-bottom:1.25rem;padding:1.5rem;transition:opacity .3s,filter .3s;position:relative}.card.disabled{opacity:.4;filter:saturate(.5);pointer-events:none}.lock-overlay{z-index:5;border-radius:inherit;cursor:not-allowed;pointer-events:auto;display:none;position:absolute;inset:0}.card.disabled .lock-overlay{display:block}.toast{background:var(--surface-2);max-width:90%;color:var(--text);text-align:center;box-shadow:8px 8px 20px var(--shadow-dark), -6px -6px 16px var(--shadow-light);opacity:0;pointer-events:none;z-index:1000;border-radius:18px;padding:.85rem 1.4rem;font-size:.9rem;font-weight:600;transition:opacity .25s,transform .25s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(16px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}h1{letter-spacing:-.01em;margin:.5rem 0 1.25rem;font-size:1.5rem;font-weight:700}h2{color:var(--text);align-items:center;gap:.7rem;margin:0 0 1rem;font-size:1.05rem;font-weight:600;display:flex}.step-num{background:linear-gradient(145deg, var(--accent-2), var(--accent));color:#fff;width:1.9rem;height:1.9rem;box-shadow:3px 3px 8px var(--shadow-dark), -2px -2px 6px #ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:inline-flex}.done .step-num{background:linear-gradient(145deg, #3fcf8e, var(--success))}button{font:inherit;background:linear-gradient(145deg, var(--accent-2), var(--accent));color:#fff;cursor:pointer;box-shadow:6px 6px 14px var(--shadow-dark), -4px -4px 10px #ffffff0f;border:none;border-radius:18px;padding:.7rem 1.3rem;font-weight:600;transition:transform .12s,box-shadow .12s}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(1px)scale(.98);box-shadow:inset 4px 4px 10px #00000059,inset -3px -3px 8px #ffffff0a}button:disabled{background:var(--surface-2);color:var(--text-dim);box-shadow:inset 3px 3px 8px var(--shadow-dark), inset -2px -2px 6px #ffffff08;cursor:not-allowed}button.secondary{background:var(--surface-2);color:var(--text)}input[type=file]{color:var(--text-dim);font-size:.85rem}input[type=file]::file-selector-button{font:inherit;background:linear-gradient(145deg, var(--accent-2), var(--accent));color:#fff;cursor:pointer;box-shadow:5px 5px 12px var(--shadow-dark), -3px -3px 8px #ffffff0f;border:none;border-radius:16px;margin-right:.75rem;padding:.6rem 1.1rem;font-weight:600}#pdf-pages{background:var(--bg);max-height:380px;box-shadow:inset 5px 5px 12px var(--shadow-dark), inset -4px -4px 10px #ffffff08;border-radius:20px;margin-top:1rem;padding:.75rem;overflow-y:auto}#pdf-pages:empty{padding:0}.pdf-page-wrap{margin-bottom:.6rem;position:relative}#pdf-pages canvas{border-radius:10px;width:100%;display:block;box-shadow:0 4px 12px #0006}#pdf-pages.placing .pdf-page-wrap canvas{cursor:crosshair}.place-marker{pointer-events:none;z-index:4;position:absolute;transform:translate(0)}.place-marker img{filter:drop-shadow(0 2px 6px #00000080);width:110px;display:block}.place-marker.date-marker{color:#fff;white-space:nowrap;background:#8b7bffd9;border-radius:6px;padding:.2rem .5rem;font-size:.7rem;font-weight:700}button.place-mode{background:var(--surface-2);color:var(--text-dim)}button.place-mode.active{background:linear-gradient(145deg, var(--accent-2), var(--accent));color:#fff}#pdf-pages::-webkit-scrollbar{width:8px}#pdf-pages::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:8px}label.check{background:var(--surface-2);color:var(--text);cursor:pointer;box-shadow:inset 2px 2px 6px var(--shadow-dark), inset -2px -2px 6px #ffffff05;border-radius:18px;align-items:center;gap:1rem;margin-top:1.1rem;padding:1rem 1.2rem;font-size:1.1rem;font-weight:600;display:flex}input[type=checkbox]{appearance:none;background:var(--bg);width:1.9rem;height:1.9rem;box-shadow:inset 3px 3px 8px var(--shadow-dark), inset -2px -2px 6px #ffffff08;cursor:pointer;border-radius:10px;flex-shrink:0;transition:background .15s;position:relative}input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}input[type=checkbox]:checked{background:linear-gradient(145deg, var(--accent-2), var(--accent));box-shadow:3px 3px 8px var(--shadow-dark)}input[type=checkbox]:checked:after{content:"";border:3px solid #fff;border-width:0 3px 3px 0;width:.45rem;height:.85rem;position:absolute;top:.28rem;left:.62rem;transform:rotate(45deg)}canvas#sig-pad{touch-action:none;width:100%;height:160px;box-shadow:inset 5px 5px 12px var(--shadow-dark), inset -4px -4px 10px #ffffff08;background:#fff;border-radius:20px}.row{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}video#camera-preview,video#photo-preview{width:100%;box-shadow:inset 0 0 0 1px #ffffff0a, 6px 6px 16px var(--shadow-dark);background:#000;border-radius:20px}.status-line{color:var(--text-dim);margin-top:.75rem;font-size:.85rem}.status-line.ok{color:var(--success)}.status-line.err{color:var(--danger)}.summary-grid{color:var(--text-dim);font-size:.9rem;line-height:1.8}footer{text-align:center;color:var(--text-dim);opacity:.6;padding:1rem 0 2rem;font-size:.75rem}