.container{max-width:420px;margin:auto;padding:16px;font-family:Arial,Helvetica,sans-serif}.signin-container{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.center{text-align:center}input{width:100%;padding:10px;margin:10px 0;font-size:18px;box-sizing:border-box}button{flex-grow:1;padding:12px;margin-top:10px;cursor:pointer}button:disabled{opacity:.5}.primary{background:#f60;color:#fff;font-size:18px;border:none}.secondary{background:#eee;font-size:18px;border:none}.fullwidth{width:100%}.signature-box{border:2px solid #000;height:280px;margin-bottom:12px;touch-action:none}.signature-box canvas{width:100%;height:100%}.actions{display:flex;gap:10px}.autocomplete{position:relative}.suggestions{position:absolute;width:100%;background:#fff;border:1px solid #ccc;list-style:none;margin:0;padding:0;z-index:10}.suggestions li{padding:8px;cursor:pointer}.suggestions li:hover{background:#f0f0f0}.spinner{width:40px;height:40px;border:4px solid #ccc;border-top:4px solid #000;border-radius:50%;animation:spin 1s linear infinite;margin:20px auto}.success{font-size:18px;font-weight:700;text-align:center}@keyframes spin{to{transform:rotate(360deg)}}