:root{--bg:#fafafa;--surface:#f0f0f0;--text:#1a1a1a;--text-secondary:#666;--accent:#2563eb;--accent-hover:#1d4ed8;--border:#e0e0e0;--danger:#d32f2f}@media (prefers-color-scheme:dark){:root{--bg:#1a1a1a;--surface:#2a2a2a;--text:#f0f0f0;--text-secondary:#999;--accent:#60a5fa;--accent-hover:#3b82f6;--border:#3a3a3a;--danger:#ef5350}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;-webkit-font-smoothing:antialiased}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:20px}.login-title{font-size:28px;font-weight:700;letter-spacing:-.5px}.login-subtitle{font-size:14px;color:var(--text-secondary);margin-top:4px}.btn{padding:10px 20px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;border:none;transition:opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:active:not(:disabled){opacity:.8}.btn-accent{background:var(--accent);color:white}.btn-accent:hover:not(:disabled){background:var(--accent-hover)}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:320px;padding:12px 20px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:white;color:#333;transition:box-shadow .15s}.btn-google:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:8px;font-size:15px;background:var(--bg);color:var(--text);outline:none}.input:focus{border-color:var(--accent)}.nav-bar{display:flex;justify-content:space-around;padding:8px 0;border-top:1px solid var(--border);background:var(--bg);position:fixed;bottom:0;left:0;right:0;z-index:50}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--text-secondary);text-decoration:none;padding:4px 12px}.nav-item.active{color:var(--accent)}.upload-zone{border:2px dashed var(--border);border-radius:12px;padding:32px 16px;text-align:center;cursor:pointer;transition:border-color .2s}.upload-zone:hover{border-color:var(--accent)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));grid-gap:8px;gap:8px;margin-top:16px}.photo-thumb{width:100%;aspect-ratio:16/9;object-fit:contain;border-radius:8px;background:var(--surface)}.scan-item{padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}.scan-item:hover{background:var(--surface)}.review-counter{text-align:center;font-size:13px;color:var(--text-secondary);margin-bottom:12px}.dup-warning{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:12px;margin-bottom:16px;color:#92400e;font-size:14px}.field-row{display:flex;gap:8px;margin-bottom:6px;align-items:center}.field-label{font-size:12px;font-weight:600;color:var(--text-secondary);width:40px;flex-shrink:0;text-align:right}.field-value{flex:1 1;padding:4px 8px;border:1px solid var(--border);border-radius:6px;font-size:14px;background:var(--bg);color:var(--text);outline:none}.field-value:focus{border-color:var(--accent)}.contact-detail{padding:20px;max-width:480px;margin:0 auto}.contact-header{text-align:center;padding:20px 0}.contact-avatar{width:200px;max-width:100%;aspect-ratio:16/9;object-fit:contain;border-radius:8px;margin-bottom:12px;background:var(--surface)}.contact-field{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border);font-size:15px}.contact-field-label{color:var(--text-secondary);font-size:13px}.scrubber{position:fixed;right:4px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1px;font-size:10px;color:var(--accent);z-index:40}.scrubber span{padding:1px 4px;cursor:pointer}.scrubber span:hover{background:var(--surface);border-radius:4px}