:root{color:#102324;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--teal:#0f766e;--teal-dark:#0b5f59;--teal-soft:#e0f2ef;--ink:#102324;--muted:#66797a;--line:#dce7e5;--panel:#fff;--amber:#b7791f;--danger:#b42318;background:#f5f8f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#eef7f5 0,#f7faf9 260px),#f7faf9;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.login-shell,.app-shell{width:min(100%,480px);min-height:100vh;margin:0 auto}.login-shell{align-items:center;padding:24px;display:grid}.login-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:24px;box-shadow:0 24px 70px #0f766e24}.brand-row,.brand-compact{align-items:center;gap:12px;display:flex}.brand-mark{color:#fff;background:var(--teal);border-radius:8px;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 10px 24px #0f766e3d}.brand-mark.small{width:34px;height:34px;box-shadow:none}.brand-row h1{letter-spacing:0;margin:0;font-size:1.5rem;line-height:1.2}.brand-row p,.brand-compact span{color:var(--muted);margin:2px 0 0;font-size:.78rem}.login-form{gap:15px;margin-top:28px;display:grid}.login-form label,.text-field,.notes-field{color:var(--muted);text-transform:uppercase;gap:4px;font-size:.66rem;font-weight:700;display:grid}.input-shell,.text-field div{border:1px solid var(--line);min-height:34px;color:var(--muted);background:#fff;border-radius:8px;align-items:center;gap:7px;padding:0 9px;display:flex}.input-shell:focus-within,.text-field div:focus-within,.notes-field textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0f766e1f}.input-shell input,.text-field input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:.84rem;font-weight:650}.primary-button,.submit-button,.camera-button{background:var(--teal);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;font-weight:800;display:inline-flex}.primary-button,.submit-button{min-height:40px;padding:0 18px;font-size:.93rem}.primary-button:disabled,.submit-button:disabled{opacity:.52;cursor:not-allowed}.form-error{color:var(--danger);margin:0;font-size:.9rem;font-weight:700}.app-shell{padding:8px 10px calc(12px + env(safe-area-inset-bottom))}.topbar{z-index:3;padding:calc(7px + env(safe-area-inset-top)) 10px 7px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7faf9eb;border-bottom:1px solid #dce7e5b3;justify-content:space-between;align-items:center;margin:-8px -10px 0;display:flex;position:sticky;top:0}.brand-compact strong{font-size:.92rem;line-height:1.1;display:block}.icon-button{border:1px solid var(--line);width:34px;height:34px;color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;place-items:center;display:grid}.topbar-actions{align-items:center;gap:6px;display:flex}.status-strip{grid-template-columns:repeat(3,1fr);gap:4px;margin:5px 0;display:grid}.step{border:1px solid var(--line);min-height:20px;color:var(--muted);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:3px;font-size:.62rem;font-weight:800;display:flex}.step span{display:none}.step.active{color:var(--teal-dark);background:var(--teal-soft);border-color:#0f766e66}.capture-flow{gap:6px;display:grid}.section-block,.camera-panel,.filename-panel,.email-panel,.submit-notice{border:1px solid var(--line);background:var(--panel);border-radius:8px;box-shadow:0 12px 28px #1118270f}.section-block{padding:7px}.section-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:5px;display:flex}.section-title h2{letter-spacing:0;margin:0;font-size:.88rem;line-height:1.2}.section-title>span{color:var(--muted);font-size:.7rem;font-weight:800}.category-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.category-chip{border:1px solid var(--line);min-height:29px;color:var(--ink);cursor:pointer;background:#f9fbfb;border-radius:8px;font-size:.77rem;font-weight:800}.category-chip.selected{border-color:var(--teal);background:var(--teal);color:#fff}.camera-panel{min-height:96px;overflow:hidden}.hidden-input{display:none}.camera-button{width:100%;min-height:96px;color:var(--teal-dark);background:linear-gradient(#0f766e0f,#0f766e00),#fff;flex-direction:column;font-size:.9rem}.camera-button span{background:var(--teal);color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.preview-wrap{background:#e8eeee;min-height:96px;position:relative}.preview-wrap img{object-fit:contain;width:100%;max-height:112px;display:block}.retake-button{color:#fff;cursor:pointer;background:#102324d6;border:1px solid #fffc;border-radius:8px;align-items:center;gap:7px;min-height:34px;padding:0 12px;font-size:.8rem;font-weight:800;display:inline-flex;position:absolute;bottom:9px;right:12px}.field-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.notes-field{grid-column:1/-1;margin-top:5px}.notes-field textarea{resize:vertical;border:1px solid var(--line);width:100%;color:var(--ink);border-radius:8px;outline:0;min-height:34px;padding:6px 8px;font-size:.82rem;font-weight:600}.ocr{text-align:right;text-transform:none;justify-content:flex-end;align-items:center;gap:5px;max-width:55%;font-size:.68rem;font-weight:800;display:inline-flex}.ocr.idle{color:var(--muted)}.ocr.running{color:var(--amber)}.ocr.failed{color:var(--danger)}.ocr.done{color:var(--teal-dark)}.filename-panel{padding:6px 8px;overflow:hidden}.filename-panel span{color:var(--muted);text-transform:uppercase;font-size:.64rem;font-weight:800;display:block}.filename-panel strong{color:var(--ink);word-break:break-word;margin-top:2px;font-size:clamp(.68rem,3vw,.82rem);line-height:1.18;display:block}.email-panel{justify-content:space-between;align-items:center;gap:8px;padding:5px 8px;font-size:.74rem;font-weight:800;display:flex}.email-panel div,.email-panel button{align-items:center;gap:6px;display:inline-flex}.email-panel div{min-width:0}.email-panel span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.email-panel.ready{color:var(--teal-dark);background:#eefbf8;border-color:#0f766e59}.email-panel.preview{color:#8a5a11;background:#fff8ec;border-color:#b7791f47}.email-panel button{min-height:28px;color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:8px;flex:none;padding:0 8px;font-size:.72rem;font-weight:900}.email-panel button:disabled{opacity:.55;cursor:not-allowed}.submit-button{z-index:2;width:100%;position:static;box-shadow:0 18px 38px #0f766e42}.submit-notice{color:var(--ink);align-items:flex-start;gap:10px;padding:7px 8px;font-size:.78rem;font-weight:750;display:flex}.submit-notice.sent{color:var(--teal-dark);background:#eefbf8;border-color:#0f766e59}.submit-notice.failed{color:var(--danger);background:#fff2f0;border-color:#b4231838}.settings-overlay{z-index:10;background:#10232452;align-items:end;padding:10px;display:grid;position:fixed;inset:0}.settings-panel{border:1px solid var(--line);background:#fff;border-radius:8px;width:min(100%,480px);max-height:min(92vh,760px);margin:0 auto;padding:10px;overflow:auto;box-shadow:0 26px 70px #1023244d}.settings-header,.settings-section-title,.user-meta,.user-actions,.reset-row,.admin-check{align-items:center;display:flex}.settings-header{border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;padding-bottom:8px}.settings-header strong{font-size:1rem;display:block}.settings-header span{color:var(--muted);font-size:.78rem;font-weight:700}.settings-section{border-bottom:1px solid var(--line);gap:8px;padding:10px 0;display:grid}.settings-section:last-of-type{border-bottom:0}.settings-section-title{color:var(--teal-dark);gap:7px}.settings-section-title h2{margin:0;font-size:.88rem}.settings-grid,.add-user-form,.smtp-form{gap:7px;display:grid}.settings-grid{grid-template-columns:1fr}.add-user-form{grid-template-columns:1fr 1fr}.add-user-form input,.add-user-form .settings-button{grid-column:1/-1}.smtp-form{grid-template-columns:1fr 90px}.smtp-form input:first-of-type,.smtp-form input:nth-of-type(2),.smtp-form input:nth-of-type(4),.smtp-form input:nth-of-type(5),.smtp-form .admin-check:first-child{grid-column:1/-1}.settings-panel input{border:1px solid var(--line);width:100%;min-width:0;min-height:35px;color:var(--ink);border-radius:8px;outline:0;padding:0 9px;font-size:.82rem;font-weight:650}.settings-panel input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0f766e1f}.settings-button{background:var(--teal);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 12px;font-size:.82rem;font-weight:850;display:inline-flex}.settings-button:disabled,.user-actions button:disabled,.reset-row button:disabled{opacity:.55;cursor:not-allowed}.admin-check{color:var(--muted);gap:6px;font-size:.8rem;font-weight:800}.admin-check input{width:17px;min-height:17px;accent-color:var(--teal)}.user-list{gap:7px;display:grid}.user-row{border:1px solid var(--line);background:#fbfdfc;border-radius:8px;gap:7px;padding:8px;display:grid}.user-row.disabled{opacity:.68}.user-meta{justify-content:space-between;gap:8px}.user-meta strong{font-size:.9rem}.user-meta span{color:var(--muted);font-size:.72rem;font-weight:750}.user-actions{gap:6px}.user-actions button,.reset-row button{border:1px solid var(--line);min-height:30px;color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;padding:0 8px;font-size:.72rem;font-weight:850}.user-actions .danger-button{width:34px;color:var(--danger);border-color:#b423183d;place-items:center;display:grid}.reset-row{gap:6px}.reset-row input{min-height:32px}.settings-message{color:var(--teal-dark);background:#eefbf8;border:1px solid #0f766e3d;border-radius:8px;margin:8px 0 0;padding:8px;font-size:.78rem;font-weight:800}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=720px){.app-shell{padding-top:22px}.topbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;margin:0 0 16px;padding:0}}